Page 40 - 嘉和资讯九十三期

UIUE 专栏
3.2 控件

无论是 B 端还是 C 端的产品，我们都不可避免的会使用一些输入框、下

拉框、搜索框、单选框、复选框等，这些都是基本的控件。受限于项目开发

周期等多种因素，工程师都是直接调用现有的控件，就像盖万丈高楼，不可

能一砖一瓦都是从头开始。当现有的控件不能满足我们的需求，或与产品的

整个调性风格不符时，才会重新自定义，使之贴合设计稿。

3.3 设计稿要详尽

视觉稿应该呈现最完整的设计细节，这样也会很大程度上节省开发的时

间，减少出错的几率。当一个页面的信息完全填满时，页面看上去很饱满、
很充实，但这只是设计稿最理想的状态，设计师要考虑字段的空值、溢出、

折行、撑开等状态。

▄ 补全所有异常状态页面：空页面、请求失败页面、toast 等

▄ 字段为空时页面的展示方式

如果某个控件或信息模块交互样式较多，那么我们可以用一个单独的画

板来清晰的标注这些状态和样式。

3.4 不得不说的投影

阴影看似只是设计中很微小的一点，但却是设计师和工程师惯常有争议

的，无论是按钮、弹窗还是浮层，都经常会用到阴影。阴影作为一个重要的

视觉元素，让主元素和其他元素从背景中“弹出”并拥有深度，更好的将信

息层级呈现给用户。

面对位置偏移、文案对不齐、投影颜色不对等一系列问题，投影可以通

过切图或代码来实现。如果所有的投影都切图的话，会使安装包变大，可能

会出现加载慢、闪退等情况，可以说是很糟糕的体验了；而如果是一些不规

则形状的投影，代码实现比较复杂。具体情况要及时与工程师沟通权衡各种

方式的利弊，达到最佳的实现效果。

3.5 细节决定成败

细节关系着一个产品的体验，我想每个设计师都是像素眼、细节控。可

能会有人觉得设计师有点吹毛求疵了，但作为设计师，几像素的圆角，什么