Photoshop CC 移动UI设计案例教程(全彩慕课版)
上QQ阅读APP看书,第一时间看更新

2.2.1 Android设计尺寸

1. 相关单位

DPI:网点密度(Dot Per Inch),是打印分辨率的单位,表示每英寸打印的点数,在移动设备上等同于PPI,表示每英寸所拥有的像素数量,如图2-22所示。通常PPI代表苹果手机,DPI代表安卓手机。

图2-22 DPI等同于PPI

独立密度像素与独立缩放像素:独立密度像素(Density-independent Pixels,dp)是安卓设备上的基本单位,等同于苹果设备上的pt。Android开发工程师使用的单位是dp,所以UI设计师进行标注时应将px转化成dp,公式为dp×ppi/160=px。当设备的DPI值是320时,通过公式可得出1dp=2px,如图2-23所示(类似iPhone 6/7/8的高清屏)。

图2-23 dp与px的转换

独立缩放像素(Scale-independent Pixel,sp)是Android设备上的字体单位。Android平台允许用户自定义文字大小(小、正常、大、超大等),当文字尺寸是“正常”状态时,1sp=1dp,如图2-24所示;而当文字尺寸是“大”或“超大”时,1sp>1dp。UI设计师进行Android界面的设计时,标记字体的单位选用sp。

图2-24 sp等同于dp

2. 设计尺寸

Android常见的设备尺寸如图2-25和图2-26所示。在进行界面设计时,如果想要一稿适配Android和iOS,就使用Photoshop新建720px×1280px尺寸的画布。如果根据MaterialDesign新规范单独设计Android设计稿,就使用Photoshop新建1080px×1920px尺寸的画布。无论哪种需求,使用Sketch只建立360dp×640dp尺寸的画布即可。

图2-25 Android常见的设备尺寸

图2-26 Android设计标准尺寸