android ui 最佳实践(UI设计入门篇Android设计规范)

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

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


Android篇
一、尺寸及分辨率

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

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

二、界面基本组成元素

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

android ui 最佳实践(UI设计入门篇Android设计规范)(1)

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

三、图标尺寸

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

android ui 最佳实践(UI设计入门篇Android设计规范)(2)

四、字体大小

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

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

android ui 最佳实践(UI设计入门篇Android设计规范)(3)

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

五、切图

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

六、颜色值问题

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


注:如果想看IOS设计规范,可以点击以下链接:

http://www.toutiao.com/i6396813829019271682/

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页