移动端 UI 设计尺寸规范整理，3 种规范一次说清！

更新时间：2024-01-09 14:17:36

移动端 UI 设计中，设计尺寸规范的设置是非常重要的。一个移动端 UI 设计尺寸规范可以让页面更美观、更易用，也能提升用户体验。那么，不同的移动端 UI 设计尺寸规范也不同。本文将从 iPhone UI 设计尺寸规范、安卓 UI 设计尺寸规范以及通用 UI 设计尺寸规范等，3 个方面总结移动端 UI 设计尺寸规范，同时还会分享一些优质且免费的移动端 UI 设计尺寸规范资源，希望对 UI 设计爱好者们有所帮助。

导读：

1、iPhone UI 设计尺寸规范

2、安卓 UI 设计尺寸规范

3、通用 UI 设计尺寸规范

移动端ui设计尺寸

点击免费获取由「即时设计」团队整理的 Apple 官方 iOS 15 设计规范

一、iPhone UI 设计尺寸规范

针对不同的 iPhone 设备，设计师们需要采用不同的设计尺寸规范。以下是一些常见的 iPhone 设备设计尺寸：

iPhone 5/5s/SE: 320x568dp
iPhone 6/6s/7/8: 375x667dp
iPhone 6/6s/7/8 Plus: 414x736dp
iPhone X/XS/11 Pro: 375x812dp
iPhone XR/11: 414x896dp
iPhone XS Max/11 Pro Max: 414x896dp

其中，iPhone 5/5s/SE 的尺寸是最小的，而 iPhone XS Max/11 Pro Max 的尺寸是最大的。对于适配不同的 iPhone 设备，UI 设计师可以采用响应式设计，或者设计多个尺寸的页面。

点击免费获取由「即时设计」团队整理的 Apple 官方 iOS 15 设计组件库

二、安卓 UI 设计尺寸规范

和 iPhone 设备一样，安卓设备的屏幕尺寸也非常多样化。以下是一些常见的安卓设备设计尺寸：

安卓 4.0: 360x640dp
安卓 4.5-5.0: 360x640dp
安卓 5.1-5.5: 360x640dp
安卓 5.7-6.0: 411x731dp
安卓 6.2-6.5: 411x731dp
安卓 7.0-7.5: 411x731dp
安卓 7.7-8.0: 411x731dp
安卓 8.5-9.0: 411x731dp

同样，为了适配不同的安卓设备，UI 设计师也需要采用响应式设计，或者设计多个尺寸的页面。

在移动端 UI 设计中，尺寸是一个非常重要的因素。不同的尺寸会对用户的使用体验产生重大影响，因此设计师必须仔细考虑每个元素的尺寸。

三、通用 UI 设计尺寸规范

除了针对不同的设备设计特定的尺寸规范，还有一些通用的尺寸规范需要注意。以下是一些常见的通用尺寸规范：

点击区域的最小尺寸应该不小于 48 x 48 dp，以避免用户误操作影响用户体验。
常见的图片尺寸比例有 16:9、4:3、3:2、1:1 和 1:0.618（黄金比例）等，需要根据具体需求选择。
常见的字体大小有 24px、28px、32px、36px 等，应该是偶数，并且最小字号为 20px。
全局边距指页面内容到屏幕边缘的距离，应该统一规范以达到页面整体视觉效果的统一。
对于其他元素的尺寸设置，例如按钮、图标、菜单等，需要根据实际需求和 UI 规范来确定。

UI设计常用尺寸规范大全，点击链接免费获取

以上就是关于「移动端 UI 设计尺寸规范整理，3 种规范一次说清！」的全部内容，本文主要介绍了移动端 UI 设计中的尺寸规范，包括 iPhone 设计尺寸规范、安卓设计尺寸规范以及通用尺寸规范。针对每个设备和通用规范，文章列举了常见的尺寸设置和设计规范，如点击区域的最小尺寸、图片尺寸的常见比例、字体大小的设置、全局边距的设计以及其他元素的尺寸设置等。同时，文章还分享了一些来自即时设计优质的免费移动端 UI 设计尺寸规范资源。遵循移动端 UI 设计尺寸规范可以让设计更加美观、易用，从而提升用户体验。