刚开始工作的时候，APP怎么做？网页怎么做？统统不知道，找很多的网站、手机APP来参考，最后做出似是而非的东西，明明是自己做的临摹的app页面，怎么会和原版页面差别那么大呢？更曾一度发现不了自己的app页面做的不好看，沾沾自喜，更觉得UI设计不过如此，没什么技术含量。
再度回首以往做的那些页面，常因为不了解字体、图标大小而随意选择自己喜欢的，这样的后果就是给自己埋了大坑，毕竟工作上的项目，后期是自己要为其负责的。如果早点看到郗鉴老师的这本“UI设计师进阶完全指南”，我一定能提升双倍的工作效率，不必每天苦兮兮的加班，最后做出来的页面还不好看！
UI是UserInterfaceDesign(界面设计)的简称，包含一切人机交互可视化的页面设计，UI设计师的职责是设计工人机交互使用的图形化用户界面，并使界面更加易用和友好。1像素的偏差都可能引某些人的不适感，UI设计是一门很严谨的职业。我就个人工作中常遇到困惑内容整理了书中app、网页设计的基本内容，希望能帮小伙伴们带来收获，节省工作效率。
△图片来自：Rita摄影1、iPhone设计规范a、iphone各系列手机型号、尺寸、使用的切图是我们必须了解的（文末附上各类UIKit下载地址）。
手机型号与像素对应表（图片来自：郗鉴）b、iPhone设计需注意到的尺寸设计，包含导航栏设计、大标题导航栏设计、tab栏设计等。大标题导航栏的高度一般为pt（包含20pt状态栏，返回图标信息，大标题34pt）。滑动页面时大标题会变成正常导航栏的64pt。
△iPhone6/7/8和iPhoneX导航区域的差别（图片来自郗鉴）△大标题导航栏设计（图片来自：郗鉴）△图片来自郗鉴
△标签栏的尺寸（图片来自：郗鉴）c、闪屏资源。闪屏是一张完整的静态图片，尺寸如下：
△图片来自郗鉴d、字体。IOS中英文使用的是SanFrancisco(SF)字体。（下载