恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Andriod分辨率适配 ”葵花宝典“
0.0°
2014-10-13 原创文章 经验/观点 原作者: 原作者 举报 87427 1028 376 59

1. 射鸡师 VS 攻城师 

在日常的Andriod开发中经常会遇到各种各样的PK,其中设计师和工程师的矛盾非常突出,我们来看一下双方的主要矛盾。

主要原因是由于设计师和工程师都只专注于自己的领域,对彼此的领域了解较少。


2. 几个基本的概念

1.屏幕尺寸:手机实际物理尺寸,一般用英寸来表示(1 英寸 = 2.54 厘米)。

手机尺寸计算方式=对角线尺寸/2.54


2.分辨率:屏幕上显示的像素个数,单位尺寸内像素点越多,显示的图像就越清楚。

分辨率720*1280表示手机水平方向的像素为720,垂直方向为1280.

市场上主流分辨率有:480*800、 720*1280、 1080*1920(其他的早该淘汰了,忽略不计)。

3.屏幕密度:表示屏幕每英寸有多少个像素。

240dpi(480*800) 、320dpi(720*1280)、480dpi(1080*1920)

(这里240dpi并不一定是480*800的分辨率,设计效果图时不用考虑这些,可以把480*800的分辨率“当成”是在240dpi下的设计,因为实际240dpi下的分辨率可以和480*800的分辨率共用一套切图资源。)

4.单位:

px:像素(设计师都知道像素是什么)。

dp:andriod开发中用于描述尺寸和间距。

sp:和dp一样,只是用于描述字号和行距。  

3. 到底采用哪种分辨率来设计,

1.原则上需要为不同的分辨率去单独设计效果图,但是由于实际开发成本,设计成本的各种要求,可以根据目前市场占有率选择机型,目前主要480*800、 720*1280、 1080*1920这几种分辨率,本人目前都是采用720*1280的分辨率来设计,因为目前为止720*1280的市场占有率还是比较高的。但是由于技术水平的不断提升,今后一定会采用1080*1920的来设计,希望各位小伙伴能够关注一下市场情况。

总结:现在还是采用720*1280的分辨率来设计吧。

4.到底需要提供多少套切图。

  1.只需要提供一套切图即可。

  原则上设计师需要为不同分辨率单独标注切图,同样根据开发成本等要求。

  1.一般采用720*1280的来设计。切图可以直接适配720*1280分辨率的机型。

  2.720*1280下的切图资源基本可以适配其他机型,有些特殊的切图需要单独适配的,比如icon等。

  3.适配480*800的机型,只需要把切图*0.75即可。

  4.适配1080*1920机型,只需要把切图*1.5即可。

  5.适配1080*1920的时候,不要单独硬生生的将图标放大1.5倍。这就要求在720*1280下画图的时候,尽量采用矢量图形来画      图。比如在720*1280下图图标是48px*48px的时候,适配1080*1920时候,48px*1.5=72px。把矢量图形调整为72px即可。把   切图资源给开发,开发会把切图单独放到xxhdpi的文件目录下,就会自动适配1080*1920的了。

同样要是适配480*800的,48px*0.75=32px,把切图给开发,开发会把切图资源单独放到hdpi的目录下,就会自动适配的。

720*1280下的切图资源,开发是放到xhdpi的目录下的。

注意:大家在设计图片的时候尽量采用偶数来设计。开发可以直接写出来的就尽量不要切图。

5.到底需要提供多少套标注。

1.只需要提供一套标注即可。

 原则上需要为不同分辨单独进行标注,但由于开发成本等各种考虑。

 选取320dpi下(分辨率为:720*1280)进行设计,此分辨率下1dp=2px。

  设计师要建立相对单位概念,可以直接使用dp标注尺寸、sp标注文字大小;

  Andriod官网中就采用相对单位进行标注的。

 注意事项:另外视觉可以直接从高分辨率进行设计、标注、切图,这样可以方便适配低分辨率。

6.其他。

1.由于Andriod设备尺寸较多,设计师设计时要考虑好固定和自适应部分(一定要和开发沟通好,哪些地方时固定的,哪些地方是要根据内容变换的)。

2.标注尽量采用相对关系。

Andriod设备尺寸很多,不可能采用绝对定位方式来标注,因为绝对定位无法实现界面元素自适应,标注时说明和兄弟元素、父子元素之间的关系即可。

7. 文字。

中文字体:默认为Droid Sans Fallback,设计时可采用微软雅黑。

英文字体:Andriod4.x及以上采用Roboto,Andrio2.x和andriod3.x采用 Droid Sans。

建议尽量采用系统默认字体。

Andriod规范建议,字号采用12sp、14sp、18sp、22sp等四个级别来设计。(实际设计时可以按实际情况调整,我经常这么干,嘿嘿)


8. 总结。

1.采用720*1280分辨率来进行设计。(设计时,采用偶数值进行设计,方便dp和px的转换)

2.开始标注了,标注尽量采用相对位置进行标注。

3.切图了,首先在720*1280下进行切图,可以完全适配720*1280的机型。切图资源

4.分别适配480*800 、1080*1920(上面已经描述过了哦)

5.不要忘记了,开发完后要进行bug测试哦(视觉方面的)

6.终于上线了,有自豪感了吧。

写的不足之处,还请见谅,希望各位大神来多多吐槽啊,等有空了补一些配图上去,方便大家更好的理解,期待吧,小伙伴!!!!!

更新:2014-10-13

收藏

1028人已收藏

14041558

好的设计是生活的一部分

  • 3

    作品

  • 180

    粉丝

  • 0

    关注

  • 一款音乐界面
  • 视觉设计也可以很牛逼
相关标签

    猜你喜欢

      2014-10-13 原创文章 经验/观点 原作者: 原作者 举报 87427 1028 376 59

      Andriod分辨率适配 ”葵花宝典“

      0.0°

      你确定要举报Andriod分辨率适配 ”葵花宝典“

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年10月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      376
      1028
      59

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录