前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android UI设计常用尺寸及基本知识

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

作者头像
全栈程序员站长
发布2022-07-02 15:12:14
2.2K0
发布2022-07-02 15:12:14
举报

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

屏幕尺寸

指实际的物理尺寸,为屏幕对角线的测量。 为了简单起见,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

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/148263.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 屏幕尺寸
  • 像素(PX)
  • 典型的设计尺寸
  • 随便说一下现在安卓设计稿尺寸设定:
  • Android安卓系统dp/sp/px换算表
  • 主流Android手机分辨率和尺寸
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档