新手入门手册！UI视觉设计师工作流程上的总结与建议

@Jeanny ：最近有一些刚入行的学妹来问我，如何才能成为一名合格的设计师，我想言简意赅很难传达，于是预备了一篇长文，重要是根据积累的经验和对该行业的熟悉来叙述作为视觉设计师必要哪些能力。

• 理解营业需求、产品定位和交互逻辑
• 理性确立设计风格并初步评审
• 设计过程中结合需求，合理优化设计
• 保持有用沟通，输出并跟进设计实现

首先我们要清楚视觉设计在整个产品中的作用和目的是什么，是给用户提供舒适美好的视觉享受吗，照旧为了用户使用产品的时候更顺畅，这些都包括但不仅仅如此，视觉设计还应该传达品牌差异化，让用户清晰地辨识、记忆并喜好该产品，并以促成营业目标为效果。因此做视觉设计就不能只流于外观情势，应该周全读懂营业需求和用户群的特性，做出吻合该营业需求和品牌调性的设计。

一. 理解营业需求、产品定位和交互逻辑

曾经有个偕行跟我说他犯过的一个错误，拿到需求或原型后，大概是迫于时间紧迫和经验不足，就立急开始设计，最终的制品确实很嵬峨上，获得许多同事好评，但是产品经理和老板就提出了有引导性的意见，这个网站是给内部人员使用的，应该以方便快速触达目标为主，而不是做成多屏的滚动网页。虽然老板不懂设计，但是他却懂营业，可见设计不应该是炫技，也不应该是给产品润色，应该是根据营业需求做出多方面综合考量的效果。

拿到需求之后，内心有个也许，这个产品是干什么用的，重要是吸引哪些用户群，营业逻辑和使用场景也许是什么样的，当进行了一翻思考之后，假如还觉得陌生，应该怎么办呢，那当然是找到交互设计交流啦，有的公司没有交互设计岗位，这时候可以找到产品经理，他一定会不厌其烦为你讲解。

理解产品的定位，重要是理清产品的类型（如对内或对外、to B或to C产品）、目标人群、核心功能，以及用户群的重要特性，如年龄、性别、喜爱、使用时间段和操作场景等。甚至可以参与该产品前期的调研分析，提前了解并构思产品的视觉传达，品牌定位题目。

如何理清交互逻辑，拿到原型后可以按步骤和网页分支来形成一个大致的概念，如产品分为几大模块，几大首页都有些什么内容，甚至可以结合构架图去理清思路，碰到不明晰之处则与负责人交流。大致上来讲交互逻辑重要应该搞懂以下几点：

• 布局体例
• 整顿框架逻辑和流程
• 网页承接关系
• 控件的各种状况
• 不同条件下的信息显现

二. 理性确立设计风格并初步评审

理清了之后，就可以动手确立设计风格。设计不等同于艺术，产品也不是表达自我的平台，设计应该是解决详细题目并合理论证。因此不应该天马行空，或拘泥于创意，美感和情势。然后太看重分析，也会导致效果没有新意，太重目的，无法超出用户的生理预期，因此应该在划定好的范围内，做一些创意性的延长工作。大多数的设计师都是由学习别人开始的，假如还没有达到肯定的高度，可以通过研究偕行业的产品共性和设计特性，然后理性从共性+个性的角度，并结合前面理解的定位分析，从而思考自身产品的设计风格。

从把握流行的设计风格做出吻合产品定位的，更吻合品牌调性的设计风格（当然假如该产品不在初期0规划阶段，而且已经有一套设计规范必要遵行，那么就了解清楚必要遵行的是哪方面，多大程度的遵行规范，如控件的使用，照旧图标的风格等等，由于这都将影响最终设计的效果），假如有限定，仍可在肯定的范围内发散思维，从细节上创造出超过用户预期的设计。关于如何通过视觉设计提拔产品的品牌调性，这个后面会通过另外的文章作以分析，这里重要阐述工作推进中的一些经验和方法。

确立风格后，参与初步的风格评审。评审的作用，在于增长视觉输出的合理性和服从，评审的过程中可以确定设计的风格，后面的设计按计划进行，沿着此风格继承即可。

三. 设计过程中结合需求，合理优化设计

在详细做设计的时候，碰到不明确的描述，或是考虑到更多流程图以外的想法时，可以与交互沟通，加快进程。举个例子：在做APP通知布告弹窗的时候，根据营业模式有可能会出现比较长的通知布告，也有可能出现两条通知布告，而流程上没有考虑到这么周全，这时候可以和交互沟通，延长出更细化的体验，并做出更吻合逻辑的视觉设计。比如通知布告一屏展示多少字，超出的笔墨是点击按钮表现下一页呢，照旧用滚动的体例展示剩余的部分，第二条通知布告通常是在第一条之后展示，那么假如两条通知布告的长度不同等怎么处理呢，视觉上不应该出现时长时短的弹窗，表现不专业不规范，这时候比较好的方法是折衷选择一个高度居中的弹窗设计，并且提示产品在通知布告字数上做限定。

所以作为一名视觉设计师，多了解产品体验，认识营业性子，可以提拔产品的设计，寻常除了做好视觉设计提拔的基础上，可以阅读一些用户体验和交互设计相干的书籍，比如《用户体验方法论》，对于产品设计都有许多值得思考的观点，比如书中提到的超预期的用户体验的基本要素“Lemers”，即“易学、高效、易记、纠错、写意度”。

设计并不是本身用心琢磨，把设计做得嵬峨上能够使用就行了，还要学会诠释本身的设计，获得大家的认同。这就必要做设计的过程中参与体验的思考，做到任何一个细节都经过本身的理解和认同，否则无法完成后期评判设计时的解说。

曾经雇用人员时就有发现，有的设计师作品很嵬峨上，也吻合产品需求，但是向他提问为什么如许设计却难以诠释清楚，后来了解到，他在设计过程中照搬原型，本身没有加入思考，只是负责美化工作，当然假如是和经验充足成熟的产品合作，也不会出现什么大的题目而且还能推进工作流程，但长期下来会导致他没有参与感和认同感，久而久之就会对工作产生怠惰的生理，甚至对于他职业发展也是不利，毕竟只做好美化的视觉工作是远远不够的，即使有充足的创意也应该是为产品和营业需求服务。

四. 保持有用沟通，输出并跟进设计实现

设计过程中很可能碰到产品需求有调整的情况，应该保持有用沟通，随时预备设计修改。那么设计完成以后，事情还没有完，输出的过程也尤为紧张，输出设计应按优先级输出关键模块，并分模块有序输出；输出内容同一规范命名，方便开发使用，形成合格的交付物。同时，设计过程中就应该规范命名，这直接关系着后期输出的流畅，图层分层和文件夹的归类也应该按网页逻辑，以便其它设计师使用时也清晰了然，削减磨合过程。设计还应定期检查开发的设计实现，碰到题目罗列并跟进修改。

总结

视觉设计师寻常可以做些绘画演习，多欣赏良好的设计，保持基本的审美水平，同时提拔用户体验知识，分析不同的产品设计背后的动机，毕竟视觉设计不只是把产品做悦目就行了。