新手求学UI设计尺寸和规范

在对介面的一些尺码规约不是十分明了的时候，往往凭借自己的心里去绘制介面。

大家都知道移动端设备显示屏尺码非常多。尤其是Android，你时会听见很多种分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920。近年来iPhone也加剧了：640×960, 640×1136, 750×1334, 1242×2208。

整理了一些UI所设计尺码规约，ui所设计需遵循一定的规约，才能使其成为用户都能理解的所设计产品。

1、尺码

所设计图尺码

UI组件的设计

状态排和导航系统排：在 iPhone6/7/8所设计中都，状态排的整体为20pt（40px）。导航系统排的整体是44pt（88px）。在 iPhoneX 所设计中都，状态排的整体为44pt（132px）。导航系统排的整体也是44pt（132px）。

关键字排：iPhone6/7/8所设计中都，关键字排的整体为49pt（98px）。在iphone X 中都为83pt（249px），有时候我们时会在 Tab排显示屏之下加上10pt（20px/30px）的释义释义。

其中都包含：34pt（102px）安全及区域内。

个人一般作图为：iPhone X@2 750*1624（@1 375*812）

状态排：88PX

导航系统排：88PX

关键字排：98PX

安全及排：68PX

2、字体

IOS所设计中都：

中都释义体：PingFang SC

英释义体：SF UI Text 、SF UI Display

其中都SF UI Text仅限于与小于19pt的释义，SF UI Display仅限于于等于20pt的释义

Emil所设计中都：

中都释义体：后山黑体/ Noto

英释义体：Roboto

3、启动显示屏

所设计师需所设计启动显示屏（1024x1024px）之后按照程序员的敦促接合几十个不同尺码的显示屏。比如，在Android中都@3x只能桌面显示屏尺码为180x180px，在@2x只能为120x120px。

规约无论如何是规约，并不迅捷。我们要遵循所设计规约，它能保证我们的所设计不时会出现较大的问题，最大限度保证产品的一致性。

（ps：如果文中都有正确的地方，热烈欢迎说是）