UI设计，让我们和细节较劲

在UI设计师的开发流程中，UI设计就是在和细节计较，不断重复从讨论初稿到最终上线的过程，给用户带来更好的体验。

如图所示，UI设计师在APP开发过程中最常见的一个问题：

“你只设计了一套基于iOS的设计稿（375X667px），但是安卓开发之后于设计图相去甚远，甚至iOS开发也有一定差异性，这是为什么呢？”

我们可以先从设计规范的几个元素：色彩、文字、icon、组件、模块、页面和落地页面进行一遍落地页面的由点到面的复盘，找出影响设计落地的各方面因素，从源头上解决我们在设计到开发落地过程中遇到的问题，最大程度上去避免它。

色彩 色彩上，包含主视觉色、辅助色、操作色、警告色，还有一些应用常用的同色系渐变色。

单色色彩问题不大，在一些主色点缀等的地方注意即可。

渐变色则需要注意，设计可能会采用两用方式：

直接切图，切图的话没啥问题，不会变化太多，注意适配问题即可。 让开发直接读取数据来开发，主要是开发直接用数据做渐变会有一点问题，设计会采用从左到右，或者从左上到右下等等，总之就是渐变的角度会有不同的变化；而开发却在固定的开发程序里输入渐变数据，且为了应用的稳定性，一般就是两组色值；如果有三组或以上则一般采取切图的方式，这里就会造成一定的差异性。

而且不同移动设备色彩显示差异，各个设备屏幕色域色准不同，也是影响落地效果的一个因素。

文字 文字上，规范里常规的规定是包含字体大小和对应层级文字的颜色灰度。

而在落地移动设备时，则有几点需要注意：

安卓与iOS字体大小的单位有所不同，会影响显示效果，需与开发协调对应字符的层级比例关系。字体不同，安卓是黑体、iOS系统是苹方，字体会影响文字显示观感，影响落地效果。字体默认显示的排序有所不同，我的Mac上谷歌浏览器的默认中文字体排序是苹方，朗廷黑，微软雅黑；而火狐浏览器的默认中文字体排序则是苹方，冬青黑体，微软雅黑，文泉驿微米黑；