2.2　Android系统设计规范

下面对Android系统设计规范从设计单位及尺寸、界面结构、基本布局、字体规范和图标规范5个方面进行详细介绍。

2.2.1　Android系统设计单位及尺寸

1.相关单位

·网点密度

网点密度（Dot Per inch，DPI）表示每英寸打印的点数，在移动设备上等同于像素密度（PPI），如图2-25所示。通常PPI用于iOS手机，DPI用于Android系统手机。

·独立密度像素与独立缩放像素

独立密度像素（Density-independent Pixel，dp）是Android系统设备上的基本单位，等同于iOS设备上的pt。Android系统开发工程师使用的单位是dp，所以UI设计师进行标注时应将px转化成dp，公式为dp×（DPI/160）=px。例如，设备的DPI为480，通过公式可得1dp=3px，运用mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi这5种格式对应的屏幕分辨率如图2-26所示。

独立缩放像素（Scale-independent Pixel，sp）是Android系统设备上的字体单位。Android系统允许用户自定义文字大小（小、正常、大、超大等），当文字大小是“正常”时，1sp=1dp，如图2-27所示；当文字大小是“大”或“超大”时，1sp>1dp。UI设计师进行Android系统界面设计时，标记字体的单位应选用sp。

2.设计尺寸

常见Android系统设备的尺寸可以分成大、小两类，如图2-28和图2-29所示。在进行界面设计时，如果想要适配iOS，就使用Photoshop新建720px×1280px或720px×1600px的画布；如果想要根据Material Design新规范适配Android系统，就使用Photoshop新建1080px×1920px或1080px×2400px的画布，使用Sketch建立360dp×640dp或360dp×800dp的画布。其中1080px×2400px（即360dp×800dp）的尺寸更符合当下全面屏的设备要求。

2.2.2　Android系统界面结构

在Android系统中，界面通常由状态栏、小/中/大顶部应用栏、安全设计区、底部应用栏及虚拟导航栏等组成，如图2-30所示。

2.2.3　Android系统基本布局

前面已经介绍了网格系统及其组成元素，这里不赘述，直接介绍Android系统中的网格运用。

·单元格：Android系统的最小点击区域是48dp，如图2-31所示。为考虑适配，将4dp和8dp作为Android系统的最小单元格尺寸比较合适。

所有组件都与移动设备的8dp网格对齐，如图2-32所示。

图标和组件中的某些元素可以与4dp网格对齐，如图2-33所示。

·列：适用设备为手机时，列的数量推荐设置为4，如图2-34左图所示；适用设备为平板电脑时，列的数量推荐设置为8，如图2-34右图所示。

·水槽：适配设备为手机时，水槽的宽度推荐设置为16dp，如图2-35左图所示；适配设备为平板电脑时，推荐设置为24dp，如图2-35右图所示。网格数量会根据不同的尺寸而产生变化，如图2-36所示。

·边距：边距的宽度可以和水槽统一，也可以和水槽不同，如图2-37所示。当Android系统布局中边距的宽度和水槽不同时，其宽度的设置具体可以参考iOS布局中边距的宽度。

2.2.4　Android系统字体规范

1.系统字体

Android系统中英文使用的是Roboto字体，共有6种字重；中文使用的是思源黑体，又称为“Source Han Sans”或“Noto”，共有7种字重，如图2-38所示。

2.字号大小

进行Android系统界面设计时要注意字号的大小，Android系统对于字号的建议如图2-39所示。Android系统中的各元素以720px×1280px为基准设计，可以与iOS对应，其常见的字号有24px、26px、28px、30px、32px、34px，36px等，最小字号为20px。

2.2.5　Android系统图标规范

下面根据Material Design，从应用图标和系统图标两个类别对Android系统图标规范进行详细介绍。

1.应用图标

·应用图标的概念：应用图标即产品图标，是体现品牌和功能的图标，主要出现在主屏幕上，如图2-40所示。

·应用图标的设计：在设计应用图标时，应以320dpi分辨率中的48dp尺寸为基准。Material Design提供了4种不同形状的应用图标尺寸供UI设计师参考，以保持一致的视觉平衡感，如图2-41所示。

·应用图标的适配：应用图标的尺寸应根据不同设备的分辨率进行适配，不同Android系统设备中应用图标的尺寸如图2-42所示。当应用图标应用于Google Play中时，其尺寸是512像素×512像素。

2.系统图标

·系统图标的概念：系统图标即界面中的功能图标，通过简洁、现代的图形表达一些常见功能。Material Design提供了一套完整的系统图标，如图2-43所示。UI设计师也可以根据产品的调性进行自定义设计。

·系统图标的设计：在设计系统图标时，以320dpi分辨率中的24dp尺寸为基准。图标应该留出一定的边距，如图2-44所示，以保证不同面积的图标有协调一致的视觉效果。

Material Design提供了4种不同形状的应用图标尺寸供UI设计师参考，以保持一致的视觉平衡感，如图2-45所示。

设计时为保证图标清晰，需将软件中的“X”和“Y”设为整数，而不是小数，将图标“放在像素上”。图2-46左图为正确示例，右图为错误示例。

系统图标由描边末端（①）、圆角（②）、反白区域（③）、描边（④）、内部角（⑤）、边界区域（⑥）这6部分组成，如图2-47所示。

边角：边角半径默认为2dp。内角应该是方形而不是圆形，圆角大小建议为2dp，如图2-48所示。

描边：系统图标使用2dp的描边以保持一致性，如图2-49所示。

描边末端：描边末端应该是直线并带有角度，留白区域的描边也应该是2dp。描边如果倾斜45°，那么末端应该也倾斜45°，如图2-50所示。

视觉校正：如果系统图标具有复杂的细节，则可以进行细微的调整以提高其清晰度，如图2-51所示。

·系统图标的适配：系统图标的尺寸应根据不同设备的分辨率进行适配，如图2-52所示。