手机ui界面尺寸

手机UI界面尺寸因设备型号、操作系统以及屏幕分辨率的不同而有所差异。以下是一些常见的手机UI界面尺寸参考：

iOS设备

iPhone 13 Pro Max : 428×926dp

iPhone 6/7/8 : 375×667pt

iPhone X/Xs/11 Pro : 375×812pt

标准屏幕尺寸 : 320×480, 480×800, 640×960, 640×1136

图标尺寸 : 1024×1024px, 180×180px, 114×114px, 120×120px

安卓设备

常见分辨率 : 720×1280px, 1080×1920px, 1440×2560px

设计尺寸 :

界面：720×1280px

状态栏高度：50px

导航栏高度：96px

主菜单栏高度：96px

内容区域高度：1038px（1280-50-96-96=1038）

图标尺寸 :

320x480屏幕：启动图标48x48px，操作栏图标32x32px，上下文图标16x16px，系统通知图标24x24px

设计单位转换

pt与px换算 :

iPhone 4/4s: 1pt = 1px

iPhone 5/5s/6/6s/7/8/XR: 1pt = 2px

iPhone 6/6s/7/8: 1pt ≈ 2px

sp与dp换算 :

Android开发中，sp用来描述文字大小，dp用来表示图形大小。

例如，Android系统默认标题大小20sp，正文14sp，则14sp = 14 * （394.5/160）px ≈ 34.5px。

布局尺寸分类

layout-small ： 屏幕尺寸小于3英寸

layout-normal ： 屏幕尺寸小于4.5英寸

layout-large : 4英寸-7英寸之间

layout-xlarge : 7-10英寸之间

元素尺寸推荐

推荐设计稿的画布尺寸选用720×1280，分辨率为72ppi（素/英寸）

请注意，这些尺寸可能会随着新设备的发布和技术的发展而有所变化。设计师在设计UI时应参考最新的设备规格和设计指南，并确保界面在不同设备上都能良好显示

其他小伙伴的相似问题：

苹果手机UI界面尺寸有哪些标准？

如何在手机UI设计中合理使用sp和dp？

手机UI布局尺寸有哪些分类？