UI界面设计

安卓app设计规范整理和Android APP设计篇

39130

随着安卓智能手机不停的更新换代。安卓手机系统越来越完美，屏幕尺寸也越来越大啦！比如最近小米的miui 6的发布和魅族手机系统的更新等等。

以小米MIUI6的安卓手机来说，MIUI6进行了全新设计，坚持“内容才是本质”的设计哲学，重新提炼内容，简化图标设计。

所以，我们在进行安卓APP设计时，需要好好调整之前的设计规范和设计细节。根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范。应该说这是整理出最全面的安卓app设计规范。

25学堂站在不断更新和完善安卓app设计规范为宗旨！利用周末的时间整理了2014年Android APP设计规范教程。

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

目前最新安卓手机的屏幕尺寸都是5.5英寸啦。我们都知道安卓机的尺寸很多很杂。而且不同的分辨率对应不同的dpi模式。

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

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

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

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

3、Android界面设计适配不同屏幕的尺寸和密度解读

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

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

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

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

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

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

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

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

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

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

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

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

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

所以，这个时候我们需要学会变通。为了适应多分辨率，

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

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

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

2、安卓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设计做出的一个设计信息图总结。