Android UI设计规范之知识点

界面尺寸

android的尺寸众多,建议使用分辨率为720×1280的尺寸设计。这个尺寸720×1280中显示完美，在1080×1920中看起来也比较清晰;切图后的图片文件大小也适中，应用的内存消耗也不会太高。

状态栏高度：50px

导航栏高度：96px

标签栏高度：96px

Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中，固然高度也是和标签栏同样的：96px 内容区域高度为:1038px (1280-50-96-96=1038)

 

一、安卓app设计规范之尺寸或分辨率

目前最新安卓手机的屏幕尺寸都是5.5英寸啦。咱们都知道安卓机的尺寸不少很杂。并且不一样的分辨率对应不一样的dpi模式。

Android也支持多种不一样的dpi模式：ldpi   mdpi   hdpi     xhdpi   xxhdpi    xxxhdpi（4K分辨率）

关于安卓APP设计的dpi详细解读请查看：

一、Android界面设计专业术语：xxxhdpi和4K分辨率

二、Android APPUI设计师必知：pt sp dp之间的关系以及换算公式

三、Android界面设计适配不一样屏幕的尺寸和密度解读

 

目前主流的安卓手机分辨率有如下3种：

hdpi，对应800*480的手机。主流机型，不少。如小米1 ，1s 三星 htc 等

xdpi，对应1280*720的手机。三星Galaxy系列和华为p6.

xxdpi，对应1080*1920的手机。小米手机，华为荣耀手机系列为主加上 htc one。

 

下面是当面流行的安卓手机的屏幕尺寸和分辨率：

小米 3和小米4 屏幕尺寸和分辨率：        5英寸 1920×1080像素

魅族MX2 屏幕尺寸和分辨率：                 4.4英寸 1280×800像

魅族MX3 屏幕尺寸和分辨率：                 5.1英寸 1800×1080像素

HTC  one屏幕尺寸和分辨率：               4.7英寸 1920×1080像素

华为荣耀6屏幕尺寸和分辨率：             5英寸 1920×1080像素

华为p6屏幕尺寸和分辨率：                 4.7英寸 1280×720像素

华为p7屏幕尺寸和分辨率：                  5英寸 1920×1080像素

 

在目前咱们的安卓APP设计项目当中，咱们并不会去为每一种分辨率去设计一套UI界面。这是一种追求完美和理想的状态。小公司确定是耗不起这样的。

因此，这个时候咱们须要学会变通。为了适应多分辨率，

1：在标准基础（xdpi：1280*720）上开始，而后放大或缩小，以适应到其余尺寸。

2：从设备的最大尺寸（xxdpi：1920×1080）开始，而后缩小，并适应到所需的最小屏幕尺寸。

有些时候咱们也会在实际开发过程当中，Android和IOS的设计稿若无太大差别，也可从IOS的分辨率（960*640）开始，再调整设计稿的比例，适应其余分辨率。可是这种方法在切图的时候 须要作一些图片的调整。若是不是矢量图的元件须要从新按照1280*720的尺寸设计下。

 

二、安卓app设计规范之字体和字体大小

咱们必须知道的安卓设计常识：安卓4.0以后用的字体是Roboto。中文字体：方正兰亭黑体

今天跟你们讲解的是在720*1280的基础上的字体设计大小。

注释最小字体：               12sp  ==  24px

文本字体：                       14sp  ==  28px

文章标题或图标名称：   16sp  ==   32px

导航标题：                       18sp  ==   36px

SP的详细介绍以下：

sp和dp同样，是android开发里特有的单位，设计师在作UI设计的时候一般最初是创建320*480这个尺寸的画布开始的，这个尺寸的画布在android分辨率的分类中称为mdpi，在这个尺寸下，ps里的1px就等于android中的1dp，一样，这个时候1点的字就等于android中1sp，举个栗子：你创建画布的尺寸是320-480，里面的文字是30点，那么它就是30sp。

通常android设置长度和宽度多用dip,设置字体大小多用sp. 在屏幕密度为160，1dp=1px=1dip, 1pt = 160/72 sp  1pt = 1/72 英寸.当屏幕密度为240时，1dp=1dip=1.5px.

 

设计时候，咱们还须要遵循48dp定律。

48dp做为安卓可触摸的UI元件的标准。

通常来讲，48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围，这是一个用户手指能准确而且温馨触摸的区域。

若是你设计的元素高和宽至少48dp，你就能够保证：

（1）. 触摸目标毫不会比建议的最低目标（7mm）小，不管在什么屏幕上显示。

（2）. 在总体信息密度和触摸目标大小之间取得了一个很好的平衡。

而每一个UI元素之间的空白一般是8dp.

 

 

 下面是某个安卓APP设计师对android设计作出的一个设计信息图总结。

 

 

 

转自：http://www.25xt.com/appdesign/6536.html