Android Design - Photoshop 基本配置（1） - 画布大小

屏幕尺寸

结论：当前（2015年12月31日）使用1280x720进行设计，并输出1.5倍资源。

不同设备尺寸和分辨率

不同的分辨率

概念
1. 像素密度
ppi，pixel per inch，像素（数）每英寸。来源于点式打印机中的 dpi，dot per inch，点每英寸。如果打印机的 dpi 高，那么在每英寸上打下的点数就多，就能显示更多的细节。反之，点数小显示的细节就少。这个概念被引入到显示设备上。如果显示设备具有更多的像素，那么可能显示更多的细节。
2. 显示器的尺寸
显示器的尺寸为对角线的长度，常用英寸作为单位，比如12”。

同一大小的UI元素（比如一个100x100的矩形），如果以自己的设计软件所运行的机器为参考（假设机器的像素密度为 72）。那么，在低像素密度的屏幕上，元素看起来会比在自己的机器上要大。因为显示相同的像素数需要更多的尺寸。但是，在高刑诉密度的屏幕上，元素看起来会比在自己的机器上要小。因为显示相同的像素数需要更少的尺寸。

逻辑像素

首先以要支持的最低像素密度的设备为基准，然后输出图形资源时，图形的尺寸要乘以响应的倍率，以进行缩放。比如，以100ppi进行设计，输出资源用于200ppi的设备。假设设计了一个100px的正方形，则输出图形的边长为200px。这样，在两个不同像素密度的设备上显示的图形则为相同的大小，外观一致。

屏幕密度等级

概念：dp/dip，device independent pixel，设备独立像素。可以理解为上问所属的“逻辑像素”。

通过这种方法解决了同尺寸不同屏幕密度的设备的显示问题。但是设备生产厂商生产的设备尺寸多种多样，无法为每个设备都输出相应倍率的资源。Android系统使用屏幕密度等级来处理该问题。应用中分别对不同屏幕密度等级的设备提供显示资源，应用运行时，系统根据当前设备的屏幕密度等级选用相应的资源。虽然不能够保证在所有设备都显示完全相同，但是能够保证在同一密度等级的设备上显示的外观大体一致。

Android系统定义了7个屏幕密度等级，从低密度到高密度依次是：ldpi、mdpi、tvdpi、hdpi
、xhdpi、xxhdpi和xxxhdpi。其中，ldpi已经接近淘汰，极少存在这种设备。tvdpi主要用于电视。xxxdpi目前支持的设备数量还比较少。主要用于当前手机和平板的是这四个等级：mdpi、hdpi、xhdpi和xxhdpi。

不同屏幕密度等级的屏幕密度值及其关系

分辨率与屏幕密度等级对照表

说明：
*和**表示用于模拟器的配置后的模拟设备的情况，而不是真正存在的设备。比如WVGA800**表示经过配置能够让480x800的模拟器配置为ldpi。图片来源于Android Developer。

确定设计稿的尺寸

1. 首先获取当前市场主流的设备分辨率情况统计
2. 对照（上面的）分辨率与屏幕密度对照表确定当前市场上主要的逻辑尺寸
3. 根据市场占有率确定支持的逻辑尺寸

当前市场设备分辨率统计情况

说明：数据来源于友盟（2015年12月31日）

当前主要的分辨率为1280x720、1920x1080、800x480、854x480和960x540。对照“分辨率屏幕密度对照表”：

• 1280x720属于超大屏中等屏幕密度（mdpi）
• 1920x1080属于超大屏高等屏幕密度（hdpi）
• 800x480和854x480都是普通屏的高度屏幕密度（hdpi）
• 960x540属于普通屏超高等屏幕密度（xhdpi）

利用“不同屏幕密度等级的屏幕密度值及其关系”表中的比例数据，经过换算：

1. 1280x720和1920x1080同为1280x720逻辑尺寸
2. 800x480、854x480和960x540同为320x480的逻辑尺寸为

但是由于前两者占市场近50%的市场份额，如果简化的话，直接支持1280x720的逻辑尺寸并同时提供hdpi的资源即可。

参考

• 手机APP UI设计尺寸基础知识
• Support Multiple Screen
• 友盟指数
• Design Guide to dpi

---

目前还留有一个问题：如何同时支持800x480、854x480和960x540分辨率的设备，在设计上应该注意些什么问题？