UI设计入门篇,Android设计规范

2017-07-22
相信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发......

下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯。每个工程师们所使用的控件,书写布局习惯来实际移交的图是不一样的,但八九不离十,都是遵循一个原则,便捷开发、自适应强的开发模式。

Android篇

一、尺寸及分辨率

Android界面尺寸:480*800、720*1280、1080*1920

Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。

二、界面基本组成元素

Android的app界面和iPhone的基本相同:状态栏、导航栏、主菜单、内容区域。

 

UI设计入门篇,Android设计规范

Android中我们取用的720*1280的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。

状态栏高度为:50px

导航栏高度为:96px

主菜单栏高度为:96px

内容区域高度为:1038px (1280-50-96-96=1038)

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96px

Android为了在界面上区别于iOS,Android 4.0开始提出的一套HOLO的UI风格,一些app的最新版本都采用了这一风格,这一风格最明显的变化就是将下方的主菜单移到了导航栏下面,这样的方式解决了现在很多手机去除实体键后再屏幕中显示而出现的双底栏的尴尬情景。

 

UI设计入门篇,Android设计规范

三、图标尺寸

Android设计规范中, 使用的单位是dp, dp在安卓机上不同的密度转换后的px是不一样的。

 

UI设计入门篇,Android设计规范

四、字体大小

Android 上的字体为:Droid sans fallback,是谷歌自己的字体,与微软雅黑很像。

同样,百度移动用户体验部(MUX)的调查中,可以看出用户可接受的文字相应问题。

 

UI设计入门篇,Android设计规范

具体大小,还是那句话,找自己喜欢的app界面,手机截图后放进PS自己对比调节字体大小,切记,一定是高清截图。

五、切图

Android设计规范中单位是dp,dp在安卓机上不同的密度转换后的px 是不一样的,所以按照设计图的px转换成dp也是不一样的,这个可以使用转换工具转换,开发一般会有,也有些开发会使用px做单位,因为做了前期的转换工作。

六、颜色值问题

Android颜色值取值为十六进制的值 比如一绿色的值, 给开发的值为 #5bc43e

资料来源于:irdhub