最新最全的UI设计基本尺寸规范.docx

最新最全的UI设计基本尺寸规范
目录:
Android的设计尺寸
屏幕尺寸
像素(PX)
屏幕密度
典型的设计尺寸
Android安卓系统dp/sp/px换算表
iPhone分辨率和显示屏规格
iPhone、iPad分辨率和显示屏规格
ICON规格
iPad ICON规格
iPhone ICON规格
iPhone6+缩减像素取样
iPad分辨率和显示屏规格
iPhone分辨率和显示屏规格
Web的设计尺寸
网页宽度与首屏高度:
主流浏览器的界面参数:
最新网名网页浏览设备分辨率统计
UI设计常用软件
UI设计原则
Android的设计尺寸
屏幕尺寸
指实际的物理尺寸,为屏幕对角线的测量。
为了简单起见,Android把实际屏幕尺寸分为四个广义的大小:小,正常,大,特大。
像素(PX)
代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。
屏幕密度
为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi) 像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。
典型的设计尺寸
• 320dp:一个普通的手机屏幕(240X320,320×480,480X800)
• 480dp:一个中间平板电脑像(480×800)
• 600dp:7寸平板电脑(600x1024)
• 720dp:10寸平板电脑(720x1280,800x1280)
Android安卓系统dp/sp/px换算表
名称
分辨率
比率 rate (针对320px)
比率 rate (针对640px)
比率 rate (针对750px)
名称
分辨率
比率 rate (针对320px)
比率 rate (针对640px)
比率 rate (针对750px)
idpi
240 × 320



mdpi
320 × 480
1


hdpi
480 × 800



xhdpi
720 × 1280



xxhdpi
1080 × 1920



iPhone分辨率和显示屏规格
设备
尺寸
分辨率
设备
尺寸
分辨率
三星Galaxy S3

720 × 1280
三星Galaxy S4
5英寸
1080 × 1920
三星Galaxy S5

1080 × 1920
三星Galaxy S6

1200 × 1920
小米1
4英寸
480 × 854
小米1s
4英寸
480 × 854
小米2

720 × 1280
小米2s

720 × 1280
小米3
5英寸
1080 × 1920
小米3s(概念)
5英寸
1080 × 1920
小米4
5英寸
1080 × 1920
红米

720 × 1280
红米Note

720 × 1280
 
 
 
OPPO Find 7

1440 × 2560
OPPO Find 7 轻装版

1080 × 1920
OPPO N1 mini
5英寸
720 × 1280
OPPO R3
5英寸
720 × 1280
OPPO R1S
5英寸
720 × 1280
 
 
 
华为 Ascend P7
5英寸
1080 × 1920
华为 Ascend Mate7
6英寸
1080 × 1920
华为荣耀6
5英寸
1080 × 1920
华为 Ascend Mate2

720 × 1280
华为 C199

720 × 1280
 
 
 
HTC One (M8)
约 66 x 66
约 44 x 44
HTC Desire 820

720 × 1280
魅族 MEIZU MX4
5英寸
1080 × 1920
 
 
 
锤子