APP设计手抄:5点安卓手机尺寸分辨率知识

想要真正理解一些有用的android安卓APP设计规范和安卓设计尺寸分辨率、屏幕密度、DP、sp等等相关知识,必须需要反复的去设计和理解阅读的。

所以,准备好APP小抄本也是一项不错的记忆能力。

今天,25学堂给大家整理出来了2016年最新的安卓手机的APP设计手抄——7点安卓手机尺寸分辨率知识。

安卓界面设计分辨率

第一:安卓界面设计的几个概念

1)分辨率。

分辨率就是手机屏幕的像素点数,一般描述成屏幕的“宽×高”,安卓手机屏幕常见的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在宽度方向有720个像素,在高度方向有1280个像素。

2)屏幕大小。

屏幕大小是手机对角线的物理尺寸,以英寸(inch)为单位。比如某某手机为“5寸大屏手机”,就是指对角线的尺寸,5寸×2.54厘米/寸=12.7厘米。

3)密度(dpi,dots per inch;或PPI,pixels per inch)。

就是每英寸的像素点数,数值越高当然显示越细腻。

密度换算公式:比如宽1080、高1920,根据勾股定理,我们得出对角线的像素数大约是2203,那么用 2203除以5就是此屏幕的密度了,计算结果是440。

android-1080设计规范

 

第二:主流的Android手机壁纸的标准分辨率是多少?

3.2寸屏幕分辨率为 480×320 像素的Android手机,对应的壁纸分辨率为:640×480

3.5寸屏幕分辨率为 800×480像素 的Android手机,对应的壁纸分辨率为:960×800

3.7寸屏幕分辨率为 854×480 像素的Android手机,对应的壁纸分辨率为:960×854

4.3寸屏幕分辨率为 960×540 像素的Android手机,对应的壁纸分辨率为:1080×960

5.0寸屏幕分辨率为 1280×720像素的Android手机,对应的壁纸分辨率为:1280×720

5.5寸屏幕分辨率为 1920×1080像的Android手机,对应的壁纸分辨率为:1920×1080

安卓app设计

第三:实际密度与系统密度

“实际密度” 就是我们自己算出来的密度,这个密度代表了屏幕真实的细腻程度,如上述例子中的440dpi就是实际密度,说明这块屏幕每寸有440个 像素。

5英寸1080×1920的屏幕密度是440,而相同分辨率的4.5英寸屏幕密度是490。如此看来,屏幕密度将会出现很多数值,呈现严重的碎片 化。而密度又是安卓屏幕将界面进行缩放显示的依据,那么安卓是如何适配这么多屏幕的呢?

每部安卓手机屏幕都有一个初始的固定密度,这些数值是120、160、240、320、480,我们权且称为“系统密度”。

记住知识点:安卓对界面元素进行缩放的比例依据正是系统密度,而不是实际密度。

android尺寸关系图

 

 

第四重要的单位dp和sp

dp也可写为dip,即density-independent pixel。

安卓手机界面的文字尺寸使用sp,即scale-independentpixel的缩写,这样,当你在系统设置里调节字号大小时,应用中的文字也会随之变大变小。

APP设计师是在标注的时候就会用到 sp的单位。

 

下面就是Android L界面设计常用字体边距规格对照表

Android-L对照表

扩展阅读:Android APPUI设计师必知:pt sp dp之间的关系Andriod界面设计的分辨率和尺寸适配全攻略

 

第五建议在xdhpi中作图(设计尺寸:720*1280px)

安卓手机有这么多屏幕,没必要为不同密度的手机都提供一套UI设计素材,一般设计一套安卓界面设计尺寸就够了。

如今安卓手机比较高的分辨率是1080×1920,你可以选择这个尺寸作图,但是图片素材将会增大应用安装包的大小。并且尺寸越大的图片占用的内存也就 越高。如果你不是设计ROM,而是做一款安卓应用。

25学堂小编建议大家用PS在720×1280的画布中作图。这个尺寸兼顾了美观性、经济性和计算的简单。美观性是 指,以这个尺寸做出来的应用,在720×1280中显示完美,在1080×1920中看起来也比较清晰;

经济性是指,这个分辨率下导出的图片尺寸适中,内 存消耗不会过高,并且图片文件大小适中,安装包也不会过大;计算的简单,就是1dp=2px啊,同时也方便计算标注!

做出来的图片,记着让界面工程师放进drawable-xhdpi的资源文件夹中。

扩展阅读:APP设计常识解读:android界面适配的机制

在720×1280中作图,要考虑向下兼容不同的屏幕。通过计算我们可以知道,320×480和480×800的屏幕宽度都是320dp,而 720×1280和1080×1920的屏幕宽度都是360dp。它们之间有40dp的差距,这40dp在设计中影响还是很大的。

如下图蝴蝶图片距离屏幕 的左右边距在320dp宽的屏幕和360dp宽的屏幕中就不一样。

安卓屏幕的宽高差异

 

以上五点就是APP设计师在进行安卓界面设计的时候,务必要看的小抄本!也是APP设计师回顾和提升自己安卓界面设计能力的基础知识。

希望大家好好的收藏和阅读。

每天更新,
全站高品质素材免费下载!