大家好,又见面了,我是你们的朋友全栈君。
屏幕尺寸
指实际的物理尺寸,为屏幕对角线的测量。
为了简单起见,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
随便说一下现在安卓设计稿尺寸设定:
创建,也就是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 |
图标圆角设计规范
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/148263.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...