最全UI设计尺寸在这里！干货满满

更新时间：2023-10-20 20:00:24

UI 设计和用户的使用体验息息相关，不同设备上 UI 设计的尺寸也不一样，合适的尺寸不管是从视觉上还是使用上都可以带给用户良好的体验， 不同设备上常见的 UI 设计尺寸，包括移动端（iPhone 和安卓）、电脑平板以及图标设计。例如，iPhone 13 Pro Max 的 UI 设计尺寸为 428×926dP，安卓常用的 UI 设计尺寸为 720×1280Px，网页端的宽度通常为 960Px、1200Px 或 1440Px，而图标设计尺寸则包括 iPhone 的 1024×1024Px 和安卓的 512x512Px 等。UI 设计包含很多的内容，除了最基本的页面、图标、还有工具栏、导航栏、按钮、字体等等。如果你需要经常制作 APP、网页、小程序等不同类型的 UI 设计，赶紧看完这篇文章，把这些 UI 设计的尺寸铭记于心吧！

1、移动端 UI 设计尺寸

（1）iPhone 屏幕 UI 设计尺寸

iPhone 13 ProMax/12 Pro Max：428×926dP

iPhone 13/13 Pro/12 Pro：390×844dP

iPhone 13 Mini/12 Mini：360×780dP

iPhone 11 Pro/X/XS：375×812dP

IPhone 11 /11 Pro Max/Xs Max：414×896dP

点击图片立即获取更多的 UI 设计尺寸👇

（2）安卓屏幕 UI 设计尺寸

常见的安卓 UI 设计尺寸：480×800Px、720×1280Px、1080×1920Px。Android 比 iPhone 的寸尺多了很多种，建议大家选 720×1280 这个尺寸，是设计师最常用一个 UI 设计尺寸。

（3）电脑平板屏幕 UI 设计尺寸

768x1024Px、1280x800Px、800x1280Px、 601x962Px、 962x601Px

2、网页端 UI 设计尺寸

• 网页宽度：网页宽度通常为 960Px、1200Px 或 1440Px，也可以根据实际情况自定义宽度。
• 网页高度：网页高度一般没有固定尺寸，可以根据内容和布局进行调整。

3、图标 UI 设计尺寸

（1）iPhone 图标尺寸

1024×1024Px、180×180Px、114×114Px、120×120Px、

（2）安卓图标 UI 尺寸

512x512Px、192x192Px、144x144Px、96x96Px、72x72Px、48x48Px

以上就是本文的全部内容，我们分别从移动端 UI 设计、网页端 UI 设计、图标 UI 设计三个方面给大家介绍了最常见也是使用最多的 UI 设计尺寸，这些内容在平时的 UI 设计中肯定是能用上的。没有一个尺寸可以满足所有的 UI 设计，大家在设计时要结合具体的产品、使用的平台、针对的用户等等详细进行设计。大家应该看到文中配了一些 UI 设计资源的图片，这些图片都是我在即时设计找到的，这是一个国内的专业级 UI 设计工具，不仅有很多的 UI 设计资源，而且找到自己喜欢的模板后可以直接复制它的尺寸数据用在自己的设计中，都省得你再去思考使用多大的尺寸了，怎么样，是不是很方便，有兴趣的设计师们可以去即时设计看看哦，相信它一定会在你的 UI 设计中派上用场！