UI设计为什么需要建立设计规范？

1、保证设计的一致性。

对内部：多个设计师合作，依然能保证设计风格的统一。

对用户：提高用户体验，提高操作效率，加深对产品的记忆。

2、提高开发效率

与前端有效沟通的工具，提高设计还原度，降低对接成本。

开发可以建立公共组件库，极大的提高了开发效率。

3、方便产品迭代

随着产品的业务变化，发现一些问题或者需要优化用户体验的时候，针对单个控件进行调整，就可以影响全局，十分便捷。

互联网产品设计的尺寸规范和分辨率的认识，是进行线上界面设计的第一步。然而，市面上的型号有很多，咋办？

作为设计师，要掌握常见的尺寸和距离，理解并做好设计的适配，才能解决不同手机屏幕之间的布局规范和换算关系。

常见的移动端手机屏幕的设计尺寸如下：

iPhone X 尺寸 是 5.8英寸，手机主屏幕分辨率是750乘1624 PX，整个屏幕的像素尺寸,一倍图：375 乘 812  。

关于 iPhone 6，一倍图下：375 乘 667  。

Ipone 手机屏幕常见的分辨率有 640px乘1136px、750px乘1334px、1242px乘2208px及1125px乘2436px 等。

pc端网页设计的尺寸是：1920乘1080px。

4:3 是最常见屏幕比例。16:10 就是常见的「宽屏幕」比例。16:9 主要是HD电视在用的比例。

常听到的720p、1080p 都是这个比例