UI设计师提升之八步曲

无意中看到一个“漂亮”的作品，一个长长的pdf的图片，视觉效果很夺人眼球，仔细一看却发现都不是实际项目和上线的项目，倒是感觉像是练习作品。很多人对UI设计师的概念还是停留在视觉设计师的概念，或者理解成就是个做图的。实际并不是，UI设计师除了具备专业的设计能力最重要的一点就是需要具备产品思维，理性＋感性的思考能力。因为UI设计师做的是一个产品形态的设计，需要从产品全局角度去思考，举个例子做玩具设计，给5-6岁的小孩子玩的小鸭子，如果没有产品思维，单从设计一个鸭子外形出发，不考虑用户特性喜欢什么材质？大小多少合适，会不会在水上游等等这些问题的话？那很有可能出来的玩具根本不受用户喜欢，也没法跟玩具互动。我们在做设计的时候，不是纠结于icon好不好看，颜色好不好，应该看能不能用，去调研自己的用户特征、产品属性适合什么样的特征，再筛选出一个接受度最高的方案，在得到后台数据和用户反馈以后及时的修改调整，符合业务逻辑运营需求。

互联网的发展也不过十几年，在目前的环境中，UI设计师是比较火的一个职业，在过去大学都没有开设这门课，UI设计师成长也都在这些年摸索、不断试错的过程提升起来。在设计工作过程中每一步的提升都影响巨大，提升工作效率。

第一步、设计前期的准备工作－用研与工作规划

在设计前需要收集用户的特征、心理、习惯、竞品分析提出用户体验可用性设计建议。很多设计师或者设计团队并不重视这个步骤，甚至根本没有用研团队，那么很多资深的设计则可以转化角色去深入研究，虽然不能很专业但是可以把握正确设计的方向，为设计思路提供足够的理论依据。

同时工作开展前还需要结合项目的优先级、开发配合度、还有时间周期安排进行用户体验的设计开展。

第二步、设计中与需求方的沟通

设计最终是为了解决问题，而不是为了炫技，在产品生命周期中，不同阶段会有不同的需求产生。比如产品在上线初期为了提升品牌影响力和形象，设计上的风格和视觉元素应该偏向于创意，而在成熟期为了盈利创收，设计目的是为了利润转化，而很多占用大量空间的视觉元素会为价格让位。因此为了满足需求，满足用户体验很多情况下会做出博弈，甚至会牺牲很多方面。因此ui设计师更多是一个服务型的角色，服务用户，服务于运营。在设计中与需求方的沟通，了解其背后的真实目的，达成共识才是重要的一步。

第三步、设计灵感来源－设计思维提升

之前扁平化的设计之风兴起之后，很多设计师效仿，当问为什么要这么做时候，回答却是现在都时兴这么做。当然，这是趋势，关于优秀的设计，不是盲目的模仿，而是思考背后的原因，提高自己对未来趋势的敏感。设计师应该在生活中勤于思考，关注热点，储备自己知识体系。多看优秀的设计作品总结可取之处，从用户的角度出发身临其境的看设计问题，去解决问题，如果盲目照搬别人的作品，只会局限自己的思路。

第四步、不要做出来等于原型稿－提高交互思维

很多UI设计师在拿到原型后输出的设计稿和原型变化不大，原因就在于缺乏深入思考。UI设计师需要对原型设计有深刻的理解，了解整个页面的逻辑，从全局的角度来做设计，用专业x手法去完成产品的设计。而不是做单一的一个界面的设计，颜色怎么搭配，图形怎么画，更多是要考虑功能操作、跳转的交互方式，步骤的优化，内容结构、布局。要做到结构清晰，布局合理，操作简单，信息突出。

第五步、注重统一性与设计细节

设计的统一性：

布局的排布

了解整体内容通过对信息的归类与分析，可以分为一栏、二栏、三栏（如图）。这些布局在整套设计中也应该保持一致性，在视觉上浏览起来更舒适。

设计元素的贯穿

设计图上的任何元素都不是随意添加的，如颜色、形状、大小、线条粗细、空间等，每个元素都要和其他元素有一定的相关性，而不是整套页面蹦出来其他页面没有元素，说不清来源的依据。

颜色的协调

UI设计中主色调一般来源于logo主颜色，其次是辅助色、高亮颜色、背景色、灰色调等等，这些颜色的搭配都需要从产品的属性出发。达到视觉和谐。

细节的考究：

主次处理

对主要信息突出，次要信息弱化，更符合是视觉浏览习惯。

大小对比

图片大小、形状大小、字体大小等形成对比视觉层次更丰富

间距与对齐

阴影与质感

第六步、规范制定

UI设计师在设计过程中对规范的考虑是不可忽视的，不是仅仅把手上的当前界面交接出去就完事了，需要考虑整体的属性，现在Apple 和 Google 的有很全面的规范，一些专业的设计团队也会制定详细的规范细则。比如间距、控件、标题、元素大小、结构布局、风格的制定等。在设计过程中，要考虑扩展性和通用性，按照不同属性，进行归类整理，制定规则。这样在今后的设计师之间的协作和扩展能保持风格一致、整体统一。

第七步、输出后验收

验收是一个很考验设计师协作的环节，因为设计师的命运就掌握在开发师的手中，每个设计元素、间距、大小、颜色都需要去校验与开发大哥不厌其烦沟通调整。如果说整个产品开发是一个完整的过程，从背景了解－设计－开发－测试－上线，设计这个环节仅仅才完成了25%。如果不重视验收这个环节，最后的上线成果是开发大哥“发挥”出来的效果。

第八步、上线跟踪、反馈总结，进一步提升

互联网公司很大的优势是可以一直跟随产品成长，上线不是最终目的，恰恰是新的开始，通过用户反馈，数据观察，分析得出下一次优化的地方，促进产品更加完善。

反思自己考虑不足的地方则是自己成长的一个突破。

以上视觉图片来源dribbble.com

原文始发于微信公众号（咏舍）：UI设计师提升之八步曲