Android UI设计常用尺寸及基本知识

全栈程序员-用户IM • 2022年6月15日下午6:16 • 未分类

大家好，又见面了，我是你们的朋友全栈君。

屏幕尺寸

指实际的物理尺寸，为屏幕对角线的测量。
为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。

像素（PX）

代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。

屏幕密度

为解决Android设备碎片化，引入一个概念DP，也就是密度。

指在一定尺寸的物理屏幕上显示像素的数量，通常指分辨率。为了简单起见，Android把屏幕密度分为了四个广义的大小：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi）像素= DP * （ DPI / 160 ) 例如，在一个240dpi的屏幕里，1DP等于1.5PX。
于设计来说，选取一个合适的尺寸作为正常大小和中等屏幕密度（尺寸的选取依据打算适配的硬件，建议参考现主流硬件分辨率），然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。

典型的设计尺寸

• 320dp：一个普通的手机屏幕（240X320，320×480，480X800）
• 480dp：一个中间平板电脑像（480×800）
• 600dp：7寸平板电脑（600×1024）
• 720dp：10寸平板电脑（720×1280，800×1280）

对于分辨率繁多的android设备，为了方便原生应用的界面适配，Google按照dpi大小将它们分成了4中模式（MDPI、HDPI、XHDPI和XXHDPI，现在 Android 4.3 已经有了XXXHDPI）：

屏幕DIP类型: xxhdpi xhdpi hdpi mdpi ldpi

ICON尺寸： 144*144 96*96 72*72 48*48 36*36

随便说一下现在安卓设计稿尺寸设定：

通常情况下PS模板的画布创建一般会以IOS中iPhone5的大小来
创建，也就是640X1136咯。然后在按照比例去出其他尺寸的图片。
但也有以Android的
720 × 1280【xhdpi 】来创建画布，或者以
1080 x 1920
【
xxhdpi
】
的尺寸创建也有。建议一套图，有时间你出个两三套也行。在Android中应该注意的是不要创建死图，应该灵活引用点九图。

Android安卓系统dp/sp/px换算表

名称	分辨率	比率 rate (针对320px)	比率 rate (针对640px)	比率 rate (针对750px)
idpi	240 × 320	0.75	0.375	0.32
mdpi	320 × 480	1	0.5	0.4267
hdpi	480 × 800	1.5	0.75	0.64
xhdpi	720 × 1280	2.25	1.125	1.042
xxhdpi	1080 × 1920	3.375	1.6875	1.5

主流Android手机分辨率和尺寸

设备	分辨率	尺寸	设备	分辨率	尺寸
三星Galaxy S3	4.8英寸	720 × 1280	三星Galaxy S4	5英寸	1080 × 1920
三星Galaxy S5	5.1英寸	1080 × 1920	三星Galaxy S6	4.5英寸	1200 × 1920
小米1	4英寸	480 × 854	小米1s	4英寸	480 × 854
小米2	4.3英寸	720 × 1280	小米2s	4.3英寸	720 × 1280
小米3	5英寸	1080 × 1920	小米3s(概念)	5英寸	1080 × 1920
小米4	5英寸	1080 × 1920	红米	4.7英寸	720 × 1280
红米Note	5.5英寸	720 × 1280
OPPO Find 7	5.5英寸	1440 × 2560	OPPO Find 7 轻装版	5.5英寸	1080 × 1920
OPPO N1 mini	5英寸	720 × 1280	OPPO R3	5英寸	720 × 1280
OPPO R1S	5英寸	720 × 1280
锤子 Smartisan T1	4.95英寸	1080 × 1920
华为 Ascend P7	5英寸	1080 × 1920	华为 Ascend Mate7	6英寸	1080 × 1920
华为荣耀6	5英寸	1080 × 1920	华为 Ascend Mate2	6.1英寸	720 × 1280
华为 C199	5.5英寸	720 × 1280
HTC One (M8)	5英寸	1080 × 1920	HTC Desire 820	5.5英寸	720 × 1280
魅族 MEIZU MX4	5.36英寸	1152 × 1920	魅族 MEIZU MX3	5.1英寸	1080 × 1800