您的位置:首页 > 产品设计 > UI/UE

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

2016-06-25 17:04 375 查看


屏幕尺寸

指实际的物理尺寸,为屏幕对角线的测量。

为了简单起见,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)
idpi240 × 3200.750.3750.32
mdpi320 × 48010.50.4267
hdpi480 × 8001.50.750.64
xhdpi720 × 12802.251.1251.042
xxhdpi1080 × 19203.3751.68751.5


主流Android手机分辨率和尺寸

设备分辨率尺寸设备分辨率尺寸
三星Galaxy S34.8英寸720 × 1280三星Galaxy S45英寸1080 × 1920
三星Galaxy S55.1英寸1080 × 1920三星Galaxy S64.5英寸1200 × 1920
小米14英寸480 × 854小米1s4英寸480 × 854
小米24.3英寸720 × 1280小米2s4.3英寸720 × 1280
小米35英寸1080 × 1920小米3s(概念)5英寸1080 × 1920
小米45英寸1080 × 1920红米4.7英寸720 × 1280
红米Note5.5英寸720 × 1280   
OPPO Find 75.5英寸1440 × 2560OPPO Find 7 轻装版5.5英寸1080 × 1920
OPPO N1 mini5英寸720 × 1280OPPO R35英寸720 × 1280
OPPO R1S5英寸720 × 1280   
锤子 Smartisan T14.95英寸1080 × 1920   
华为 Ascend P75英寸1080 × 1920华为 Ascend Mate76英寸1080 × 1920
华为 荣耀65英寸1080 × 1920华为 Ascend Mate26.1英寸720 × 1280
华为 C1995.5英寸720 × 1280   
HTC One (M8)5英寸1080 × 1920HTC Desire 8205.5英寸720 × 1280
魅族 MEIZU MX45.36英寸1152 × 1920魅族 MEIZU MX35.1英寸1080 × 1800


图标圆角设计规范

720*1280 px的安卓设计界面 对应的启动图标尺寸是 96px*96px  圆角约等于18px
1080*1920px的安卓界面设计 对应的启动图标尺寸是144px  144px   圆角约等于25px

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: