android50设计规范

‘壹’ 安卓手机设计规范

1080*1920

状态栏:24dp

APPBAR（导航栏）最小高度:56dp

菜单栏高度（包含底部）:48dp

栅格系统的最小单位是8dp，一距离、尺寸都应该是8dp的整数倍。以下是一些常见的尺寸与距离：

图标和字体大小:

a、启动图标（home页或app列表页）整体大小为48 x 48 dp 没有空白的区域的7”完整图标。 当然也可以是包含空白区域的图标等于48dp。

b、操作栏图标，代表用户在app中可以使用到的最重要的图标整体大小为32 x 32 dp ，图形实际区域为 24 x 24 dp。

c、小图标/场景图标，提供操作或特定项目的状态。

比如gmail app的星型标记、一些内容展开收起用到的向下向上的图标等。整体大小为16 x 16 dp ，图形实际区域为 12 x 12 dp 。

d、通知图标

如果app有通知，要提供一个有新通知时显示在状态栏的通知图标。整体大小为24 x 24 dp ，图形实际区域为 22 x 22 dp 。

对图标尺寸进行分类整理，便于界面整体调一致。

第三部分、android的按钮和弹出层的设计规范参考。

在720 x 1280 px 的设计稿上，有两个按钮（比如登录、注册）并排一行放置，按钮尺寸最小范围均为240 x 80 px ，换算为android开发单位就是 120 x 40 dp 。

Android APP设计字体单位： Sp 与 Px 的换算

sp与px的换算公式：sp*ppi/160 = px

ldpi（240*320）:120

mdpi（320*480）:160   倍率为1

hdpi（480*800）:240

xhdpi（720*1080）:320

xxhdpi（1080*1920）:480

xxxhdpi:640（1440*2560）:4

字体规范

注释最小字体12sp

文本字体14sp

文章标题/图标名称18sp

导航标题22sp

ppi为240时字体高度:

注释最小字体:18sp

文本:21sp

文章标题/图标名称:27sp

导航标题:42sp

字体:

Android 系统默认的英文字体 Roboto，默认中文字体都是droid sans fallback、思源黑体

material design字体规范:英文字体使用Roboto，中文字体使用Noto。

Roboto有6种字重：Thin、Light、Regular、Medium、Bold 和 Black。

Noto有7种字重：Thin, Light、DemiLight、Regular、Medium、Bold 和 Black。

字体配色:

颜色不宜过多，选择一种主色、一种辅助色。在此基础上进行明度和饱和度的变化，构成配色方案。

appbar背景使用主色，状态栏背景使用深一级的主色或20％透明度的纯黑。

小面积需要高亮显示的地方使用辅助色

其余颜色通过纯黑#000000与纯白#ffffff的透明度变化来展现（包括图标和分隔线），而且透明度限定了几个值。

黑色：[87% 普通文字] [54% 减淡文字] [26% 禁用状态/提示文字] [12% 分隔线]

白色：[100% 普通文字] [70% 减淡文字] [30% 禁用状态/提示文字] [12% 分隔线]

行距

用sp与px之间的关系进行换算。

元素之间间距间距:

所有可操作元素最小点击区域尺寸：48dp X 48dp。

栅格系统的最小单位是8dp，一距离、尺寸都应该是8dp的整数倍。以下是一些常见的尺寸与距离：

顶部状态栏高度：24dp

Appbar（导航栏）最小高度：56dp

底部导航栏高度：48dp

悬浮按钮尺寸：56x56dp/40x40dp

用户头像尺寸：64x64dp/40x40dp

小图标点击区域：48x48dp

侧边抽屉到屏幕右边的距离：56dp

卡片间距：8dp

分隔线上下留白：8dp

大多元素的留白距离：16dp

屏幕左右对齐基线：16dp

文字左侧对齐基线：72dp

另外注意56dp这个数字，许多尺寸可变的控件，比如对话框、菜单等，宽度都可以按56的整数倍来设计。

还有非常多规范，不详细列举，遵循8dp栅格很容易找到适合的尺寸与距离。平板与PC上留白更多，距离与尺寸要相应增大。

单行、多行间距要控制下，做出规律。

标题42点（14sp）  副标题36点（12sp）

主标题与副标题间距12sp

注释:多行主标题行间距为8sp

标题48点（16sp）  副标题42点（14sp）

主标题与副标题（单行）间距8sp

标题42点（16sp）  副标题42点（14sp）

主标题与副标题（单行）间距10sp

带分割线的列表上下间距等分，距离为16sp

不带分割线的列表上下间距为32sp。

解释说明类的列表项上下间距为22sp。

悬浮按钮距离底部的距离为:18sp

文字排版

常用字号：

。12sp 小字提示14sp（桌面端13sp）

。正文/按钮文字16sp（桌面端15sp）

。小标题20sp Appbar文字24sp

。大标题34sp/45sp/56sp/112sp 超大号文字

长篇幅正文，每行建议60字符（英文）左右。短文本，建议每行30字符（英文）左右。

心得与体会:设计时，可参照设计规范进行设计，具体到项目时可根据项目的具体情况制定规范。

尝试8的倍数，如果不合适，在3的倍率中能够被3整除。

设计来源于细节，再小的细节中也要分等级。

ps cc 2017

adobe xd 交互设计神器。

adobe stock?

svg格式字体

.9图片最小点击区域不足48dp*48dp

‘贰’ 移动应用界面设计的尺寸设置及规范

一、android篇

1、android分辨率

Android的多分辨率，一向是设计师和开发者非常头疼的事儿。尽管如此，对于多分辨造成的复杂问题，也是大家要优先解决的。Android支持多种不同的dpi模式：ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi

注意，ppi、dpi 是密度单位，不是度量单位 ：

dpi主要应用于输出，重点是打印设备上；ppi对于设计师应该比较熟悉，photoshop画布的分辨率常设置为72像素/英寸，这个单位其实就是ppi 。尽管概念不同，但是对于移动设备的显示屏，可以看作ppi=dpi 。

ppi的运算方式是：PPI = √（长度像素数² + 宽度像素数²） / 屏幕对角线英寸数。即：长、宽各自平方之和的开方，再除以屏幕对角线的英寸数。

以iphone5为例，其ppi=√（1136px² + 640px²）/4 in=326ppi（视网膜Retina屏）

对于android手机，一个不确切的分法是，720 x 1280 的手机很可能接近 320 dpi （xhdpi模式），480 x 800 的手机很可能接近 240 dpi （hdpi模式），而320 x 480 的手机则很接近 160 dpi（mdpi模式）。

2、单位换算方法

android开发中，文字大小的单位是sp，非文字的尺寸单位用dp，但是我们在设计稿用的单位是px。这些单位如何换算，是设计师、开发者需要了解的关键。

简单理解的话，px（像素）是我们UI设计师在PS里使用的，同时也是手机屏幕上所显示的，dp是开发写layout的时候使用的尺寸单位。

为什么要把sp和dp代替px？ 原因是他们不会因为ppi的变化而变化，在相同物理尺寸和不同ppi下，他们呈现的高度大小是相同。也就是说更接近物理呈现，而px则不行。

根据单位换算方法，可总结出：

当运行在mdpi下时，1dp=1px ：也就是说设计师在PS里定义一个item高48px，开发就会定义该item高48dp ；

当运行在hdpi模式下时，1dp=1.5px ：也就是说设计师在PS里定义一个item高72px，开发就会定义该item高48dp ；

当运行在xhdpi模式下时，1dp=2px ：也就是说设计师在PS里定义一个item高96px，开发就会定义该item高48dp ；

当你的app需要适配多个dpi模式的时候，请参考图1的比例进行换算 。

3、设计稿基本元素的尺寸设置

为了适应多分辨率的手机，理想的方式是为每种分辨率做一套设计稿，包括所用到的icon、设计稿标注等。但在实际开发中，这种方法耗时耗力。所以通常会选择折中的方法。

方法一 ：在标准基础上（比如xhdpi）开始，然后放大或缩小，以适应到其他尺寸。不足之处是，对于更高分辨率的手机，图标被放大后会导致质量不高。

方法二： 以最高分辨率为基准设计，然后缩小适应到所需的小分辨率上。缺点是，图标等若都最大尺寸，加载时速度慢且耗费流量较多，对于小分辨率的用户也不够好。

结合友盟的分辨率占比数据、也为了方便换算到android开发中的尺寸单位， 推荐设计稿的画布尺寸选用 720X1280 ，分辨率仍旧为72ppi（像素/英寸）。

在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。但根据48dp原则，以及一些主流的android应用的截图分析，总结一下尺寸要求：

状态栏高度 ：50 px

导航栏、操作栏高度 ：96 px=48dp x 2

主菜单栏高度 ：96 px

内容区域高度 ：1038 px （1280-50-96-96=1038）

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

4、图标和字体大小（来自官方规范文档）

a、启动图标（home页或app列表页）

整体大小为48 x 48 dp

b、操作栏图标，代表用户在app中可以使用到的最重要的图标

整体大小为32 x 32 dp ，图形实际区域为 24 x 24 dp

c、小图标/场景图标，提供操作或特定项目的状态。

比如gmail app的星型标记、一些内容展开收起用到的向下向上的图标等。整体大小为16 x 16 dp ，图形实际区域为 12 x 12 dp 。

d、通知图标

如果app有通知，要提供一个有新通知时显示在状态栏的通知图标。整体大小为24 x 24 dp ，图形实际区域为 22 x 22 dp 。

注：android规范提供的尺寸单位是dp，若设计稿尺寸设为720 x 1280 ，图标大小需在规范要求的尺寸数字上乘以2。比如操作栏图标32 x 32 dp ，则设计稿上应该是64 x 64 px 。

e、字体大小

Android规范中的要求如下：

前面提到Android开发中的字号单位是sp，而换算关系是 sp*ppi/160 = px 。所以720 x 1280尺寸的设计稿上，字体大小可选择为 24px 、28px 、32px 、36px ，主要根据文字的重要程度来选择，特殊情况下也可能选择更大或更小的字体。

f、其他尺寸要求

通常把48dp作为可触摸的UI元件的标准。

为什么要用48dp呢？一般来说，48dp转化为一个物理尺寸约9毫米。通常建议目标大小为7-10毫米，以方便用户手指能准确并且舒适触摸目标区域 。

如果你设计的元素高和宽至少48dp，你就可以保证：

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

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

另外，每个UI元素之间的空白通常是8dp 。

二、iOS篇

1、分辨率

iPhone 界面尺寸：

iPad 界面尺寸：1024×768、2048×1536

（以上单位都是像素，至于分辨率一般网页UI和移动UI基本上都只要 72 ppi）

2、单位换算px、pt

这里需要先区分pt、px，pt(磅值)是物理长度单位，指的是72分之一英寸。手机上看来同一大小的字磅值是一样的，但是换算成不同分辨率手机的字号px值不一样。（px=pt*ppi/72）

iPhone在出retina屏(也就是4S)之前的屏幕像素是320x480px，屏幕密度是163ppi，4S的屏幕像素是640x960px，屏幕密度是326ppi，翻了一倍。iPhone5的ppi没有变化，兼容性方面要增加类似首屏画面等程序上的判断。

在iPhone界面上元素的定位、尺寸是通过一个单位point，而非px，屏幕上固定有320x480pt，retina屏两倍的分辨率改变的只是pt和px之间的比例而已，这样就能实现不改变程序，只上传两套图片就兼容两个分辨率。

****在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640×960 或者 640×1136 的尺寸设计。其中设计稿的画布分辨率设为默认的72ppi（此时1px=1pt ），所以设计师可以统一采用px为单位。
开发拿到设计稿时，将上面标注的以px为单位的字号大小、图像尺寸除以2，就是非retina屏上的pt值，这样在retina屏上也可以根据此pt值换算对应的px大小，以确保不同的分辨率下有合适的效果。****

3、基本元素的尺寸设置

iPhone的APP界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏以及中间的内容区域。

这里取用 640×960 的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸：

状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40 px

导航栏：显示当前界面的名称，包含相应的功能或者页面间跳转的按钮，其高度为：88 px

主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98 px

内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁的，其高度为：734 px=960-40-88-98

以上尺寸适用于 iPhone 4、4S，iPhone5/5s 的 640×11136 的尺寸，其实就是中间的内容区域高度增加到：910 px，其他尺寸也同上。

4、常用图像、图标大小（来自官方规范文档）

单位：像素

5、字体大小

iOS交互设计规范文档上，对字体大小没有做严格的数值规定，只提供了一些指导原则：

单位：点pt

– 即便用户选择了最小文字大小，文字也不应小于 22 点。作为对照，正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。

– 通常来说，每一档文字大小设置的字体大小和行间距的差异是 2 点。例外情况是两个标题样式，在最小、小和中等设置时都使用相同字体大小、行间距和字间距。

– 在最小的三种文字大小中，字间距相对宽阔；在最大的三种文字大小中，字间距相对紧密。

– 标题和正文样式使用一样的字体大小。为了将其和正文样式区分，标题样式使用加粗效果。

– 导航控制器中的文字使用和大号的正文样式文字大小（明确来说，是 34 点）。

– 文本通常使用常规体和中等大小，而不是用细体和粗体。

网络用户体验做过的一个小调查：

单位：像素px

还有个方法就是找你觉得好的APP应用，手机截图后放进PS自己对比调节字体大小。

‘叁’ Android UI规范是什么

从事UI设计行业的朋友都知道，每一张设计稿都是有规范尺寸的，并且IOS的和Android还不同，IOS UI设计规范为375*667 1x的尺寸，那么Android UI规范是什么呢，下面让我们一起来了解一下。

• 01

  在做Android UI设计的时候，画布的尺寸我们一般都是选择360*640 1x，也就是说是选择720*1280这个尺寸。

• 02

  我们从上到下来进行了解，最上边的是状态栏，状态栏的高度是25。

• 03

  在状态栏中肯定就是信号、电源以及时间这些了，每个Android定制系统的摆放样式都不同，这一点不用纠结。

• 04

  状态栏下边就是导航栏了，导航栏起到的是导航作用，高度是45px。

• 05

  导航栏中间一般都是有文字来起到提醒作用的，导航文字的大小一般都是18px。

• 06

  在最下方就是我们的标签栏了，标签栏的作用就是给用户提供切换界面的作用，标签栏的高度为50px。

• 07

  在标签栏中摆放的肯定就是我们的ICON图标了，要注意，图标的切图点击区域不能够小于24px。

• 08

  一些ICON图标的下方还会有文本，这里文本的大小一般就是10或者是11px了，因为范围有限。

特别提示

本文尺寸均为1x。

‘肆’ android app界面设计规范(dpi,dp,px等)

PPI(Pixels per inch)：每英寸所拥有的像素数，即像素密度。
DPI(dots per inch)：即每英寸上，所能印刷的网点数，一般称为像素密度。ppi计算公式：ppi = 屏幕对角线像素数/屏幕对角线英寸数，通过勾股定理计算屏幕对角线像素数。
Screen Size(屏幕尺寸)：手机屏幕尺寸大小，如3英寸、4英寸、4.3英寸、5.7英寸，指的是对角线的长度。
DIP（device independent pixel）：即dip/dp，设备独立像素。 1px = 1dp density(由dpi决定)
Resolution(分辨率)：指手机屏幕垂直和水平方向上的像素个数。eg分辨率480 800，指该设备垂直方向有800个像素点，水平方向有480个像素点。
px(Pixel像素)：相同像素的ui，在不同分辨率的设备上效果不同。在小分辨率设备上会放大导致失真，大分辨率上被缩小。

Android Design里把主流设备的 dpi 归成了四个档次： 120 dpi、160 dpi、240 dpi、320 dpi ，具体见如下表格。
实际开发当中，我们经常需要对这几个尺寸进行相互转换（比如先在某个分辨率下完成设计，然后缩放到其他尺寸微调后输出），一般按照 dpi 之间的比例即 2:1.5:1:0.75 来给界面中的元素来进行尺寸定义。
也就是说如果以 160 dpi 作为基准的话，只要尺寸的 DP 是 4 的公倍数，XHDPI 下乘以 2，HDPI 下乘以 1.5，LDPI 下乘以 0.75 即可满足所有尺寸下都是整数 pixel 。但假设以 240 dpi 作为标准，那需要 DP 是 3 的公倍数，XHDPI 下乘以 1.333，MDPI 下乘以 0.666 ，LDPI 下除以 2。而以 LDPI 和 XHDPI 为基准就更复杂了。同时第一款Android设备（HTC的T-Mobile G1）是属于160dpi的。鉴于以上各种原因， 标准dpi=160

谷歌官方对dp的解释如下：
A virtual pixel unit that you should use when defining UI layout, to express layout dimensions or position in a density-independent way.
The density-independent pixel is equivalent to one physical pixel on a 160 dpi screen, which is the baseline density assumed by the system for a "medium" density screen. At runtime, the system transparently handles any scaling of the dp units, as necessary, based on the actual density of the screen in use. The conversion of dp units to screen pixels is simple: px = dp * (dpi / 160). For example, on a 240 dpi screen, 1 dp equals 1.5 physical pixels. You should always use dp units when defining your application's UI, to ensure proper display of your UI on screens with different densities.

简单来说，以160dpi的设备为准，该设备上1dp = 1px；如果屏幕密度大，1dip代表的px就多，比如在320dpi的屏幕上，1dip=2px(即1dp代表2个像素)。在app开发时，最好用dp来做界面的布局，以保证适配不同屏幕密度的手机。

dp和px的换算公式：

我的理解，该公式表示px的数值等于dp的数值*（设备dpi/160）
注意，px、dp是单位，但density没单位。

applyDimension的源码如下，可参考：

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

app启动图标为48*48dp，对应各dpi设备，图像资源像素如下：

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|48 48px|72 72px|94 96px|144px 144px|

操作栏图标为32*32dp，对应各dpi设备，图像资源像素如下：其中图形区域尺寸是24*24dp，可参考平时ui切图会有部分留白。

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|32 32px|48 48px|64 64px|96px 96px|

通知栏图标为24*24dp，对应各dpi设备，图标像素如下：

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|24 24px|36 36px|48 48px|72px 72px|

某些场景需要用到小图标，大小应当是16*16dp，其中图形区域尺寸12*12dp。

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|16 16px|24 24px|32 32px|48px 48px|

‘伍’ android app 界面设计按什么尺寸

android app 界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px，因为是开源的系统，这里的数值也只能作为参考。

Android为了区别于IOS，从4.0开始提出了一套HOLO的UI风格设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，很多APP的新版中也采用了这一风格。

(5)android50设计规范扩展阅读：

注意事项：

1、通常情况要定位一个Icon只需给出 上/下边距，左/右边距，标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份，通用型模块只需单独标明一份，如导航栏。

2、手机可视区域通常为宽度固定，长度超出边界可滑动，所以标注物体宽度时可按比例说明，如果要标注内容上下居中，左右居中，或等比可不标注。

3、当交付的是一张完整图片时，不需做机型适配，只需给高清图(1920*1080)即可，注意进行压缩。

4、若图标在不同页面重复出现，且尺寸相差不大，直接给出最大一份切图，并在圆形图标明尺寸，程序会根据需求缩放。

5、当背景是纯色时只需给出色值，Android使用16进制色值。

参考资料来源：网络-Android

参考资料来源：网络-界面设计

参考资料来源：网络-状态栏

参考资料来源：网络-导航栏

参考资料来源：网络-开源系统

参考资料来源：网络-切图

参考资料来源：网络-UI设计

‘陆’ Android UI 的设计规则

一. Launcher(启动图标)：
1.在背景下易见；
2.尺寸 Phone: 48*48 dp
Google Play: 512*512 pixels
3.风格：任意轮廓。三维，正视图，稍微透视看起来像从顶部往下看（使用户有深度感）。
二. Action Bar(工具栏)：工具栏图标为图片按钮
1.尺寸： phone下为32*32dp
2.焦点区比例： 光学直角区可为24*24dp
3.风格： 象形，平淡，不要太详细，光滑曲线或尖锐的形状。若图片偏窄，可转动45度角以填充焦点区，笔画宽度与空白宽度至少为2dp
4.颜色： #333333 激活：60%不透明 禁用：30%不透明
#FFFFFF 激活：80%不透明 禁用：30%不透明
三. Small/Contextual Icons(小的上下文图标)：用于为动作和状态提供特殊项目
1.尺寸： 16*16dp
2.焦点区域与比例： 全部为16*16dp， 光学直角区域为12*12dp
3.风格： 中性，平淡，简单。填充的形状比简单的笔画易见。使用简单的视觉暗示以便用户能轻易读懂。
4.颜色： 使用少量的非中性颜色。激活时与背景形成对比。
四. Notification Icons(通知图标)
1.尺寸： 必须为24*24dp
2.焦点区域与比例： 全部区域24*24dp 光学直角区域22*22dp。
3.风格： 平实简单，与启动图标一样使用视觉暗示。
4.颜色： 全白，也可以使其根据系统变暗。

专题二、设计原则：
一. 使用户着迷：
1.用惊艳吸引人：漂亮界面、动画、声音……
2.实际对象比按钮和菜单更有趣：使用户能直接触摸和控制App中的对象
3.使成为自己的：既有默认的，又可以进行自定义设置
4.了解学习用户所需：学习用户爱好与习惯，而不是要求用户单调的做
二. 让生活简单化：
1.保持简洁：用短语
2.图片比文字更快：用图片解释想法
3.替用户做决定，但最终决定权在于用户：不是一开始就问，先猜测，允许撤销
4.只显示用户正需要的：将任务和信息分块，隐藏不是必须的选项
5.用户一直要知道自己在哪：在屏幕间用切换显示关系，提供任务反馈
6.从不丢失：保存用户花时间创建的，并让他们可以从任何地方接入，记住设置、个人触摸和创建
7.看起来一样，功能也一样：外观、模式差不多的操作都要相近
8.重要的时候才打扰用户：一个好的个人助手，会避免掉不重要的事情，使用户能集中精力
三. 让用户兴奋起来：
1.给用户所有地方都能使用的技巧：使应用程序简单易学
2.不是我的错：绅士的让用户做修正，如果出错，给出恢复指导但省略科技细节
3.给出鼓励（回馈）：将复杂任务切成易于完成的小步骤，在用户动作后给出回馈，例如一个光晕
4.为用户完成繁重的事务：使新手做他们认为自己不会做的事情，而且做得像专家一样。例如多种照相功能的快捷键使业余爱好者通过简单几步就能完成
5.让重要的事情更快：将App中最重要的部分更容易找到，更快使用，像照相机的快捷键、音乐播放器的暂停键等。
专题三、书写风格：
一. 使用户着迷：
1.保持简洁：简明、简单、精确
2.保持简单：使用简短单词、动词和名词
3.友好：用第二人称你称呼用户，使用户感觉安全、快乐和激情
4.重要的事放在前
5.避免重复

‘柒’ Android 平台设计规范有哪些

众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。

1、字体

安卓系统中文采用的是思源黑体，英文字体为robot字体。

只使用偶数单位 24 pt，28 pt，36 pt等字体大小

2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思？

讲图标之前先来分析一下一排英文的意思：

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次数值越大，其分辨率越高。常用的是xxhdpi和xxxhdpi。

dp是安卓系统专用的长度单位，设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用，文字则用sp(放大像素)，主要用于字体显示best for textsize。

px是像素的意思， 不同设备显示效果相同。

安卓各屏幕密度关系如下：

垂直边距

①状态栏：24dp；②工具栏：56dp；③标题和列表项：48dp；④子标题：48dp；⑤内容区域间距离为8dp

6、切图

上周我们讲到iPhone 6与iPhone 6 Plus约是1.5的关系，而xhdpi的Android手机屏幕与xxdpi的屏幕刚好是1.5倍的关系，所以iPhone 6 Plus和xxhdip也可以共用一套切图，掌握好尺寸关系，能让工作变得简单很多。

7、界面适配

安卓多屏幕支持的基础是它能够管理应用程序的布局和位图可绘制对象的渲染以适当的方式对当前屏幕配置的能力。该系统处理的大部分工作由布局缩放以适合屏幕尺寸/密度和缩放位图可绘制在屏幕密度正确呈现您的应用程序在每个屏幕的配置，来优化用户界面设计，带来更良好的用户体验。

如何做到安卓界面适配呢？大家一定要很清楚的了解分辨率、屏幕大小、密度的关系；明白实际密度和系统密度的关系，dp、sp、px的区别；明白dp与px的转换。这里不做过多阐述，后期写一篇具体的~

安卓的界面规范就讲到这里，要明白设计界面规范的意义是确保设计的统一性与合理性，规范维护的是项目的统一，为了项目利益最大化，高效化。所以作为UI设计师的我们，如果一点设计规范不遵守，全靠自己想当然，那就别发给前端人员啦，他也看不懂。