视觉设计：重在视觉表现上，提高产品的用户体验

2016-12-20 22:07:00

对于一个优秀的产品来说，视觉设计是重要的组成部分。

视觉在整个设计流程中是一个两极分化的一环，它常被认为是对设计进行多余的雕琢，只不过是为了取悦老板们的糖衣炮弹。又或者，通常对于初级设计师，他们甚至认为视觉设计是伟大设计的终极目标：如果看上去很华丽，那就是好设计，如果看上去很丑，那用户肯定不会喜欢。

然而，视觉设计既不是一个无关紧要的部分，也不是一个作为衡量一个好设计的终极目标。视觉设计是通过特定设计的插画和图形去传达信息的一种手法，有意思的排版，让人共鸣的图标，有说服力的颜色，舒服的间距和布局，还有很多其他的“小却重要的细节”。

视觉设计是着力于视觉表现上来提高产品的用户体验。在概念上来说，这是非常简单的一件事，但是为什么我们不愿意在视觉设计上花那么多精力呢？然后谁应该在这个过程中参与进来？此外，我们应该从什么时候开始？现在就让我们从“为什么”开始，再从何时开始，以及如何开始进行阐述。

为什么视觉设计很重要

视觉设计的重要性源自方方面面。首先最显而易见的是，你的视觉设计决定了用户在使用产品时对其产生的第一印象。研究表明，用户只需要 50ms即可对一个产品产生第一判断。也许有些令人吃惊，然而，事实是视觉设计不仅是用户对产品的第一印象，甚至它可以被认为是对产品最重要的印象。

消费者研究发现，用户在看到网站时，视觉呈现比起其网站内容更加影响网站的可信度。此外，视觉设计是设计师建立品牌形象最重要的渠道。一个好的信息架构当然是重要的，但它却不能像精心考虑、非常聪明的视觉设计那样传达“星球大战”或者“Huggies”（译者注：Huggies 是一个婴儿尿不湿的品牌）要传达的东西。

案例一：多邻国网站（著名的语言学习类的网站），他的视觉设计向人传达了亲切、积极、可靠的的感觉。

案例二：Galbally & O’Bryan’s 首页（律师事务所）,作为一个坚持高质量且有一定声誉的法律机构。它的视觉设计是干净利落、优雅且高度专业的。想象一下要是与案例一的视觉系统交换一下，将会带来什么影响？

还有一个支持视觉设计重要性的现实原因。尽管做出一套糟糕的视觉设计可能是一个设计师在工作中犯的最不起眼的错误，然而这个错误却可能是最容易被人察觉的。让我们从相反的角度想：如果用户感觉一个产品“土”，那么无论怎么讲，这个产品就是“土”的。用户不喜欢，就不太可能去买。仅管叫我万恶的资本家，但是我觉得这是非常重要的。（顺便说一下，我就是万恶的资本家）

案例三：这个美国联合保健的网站的视觉设计真的有鼓励你去相信他们和你的医疗和财政信息？

基本上，你产品的样子将会是用户第一件重视的事情，这个一个非常容易抓住的点，我们要好好把握。

由谁来做

我们已经说明了视觉设计是设计过程中非常重要的一部分。此外，我们也非常同意设计作为一个过程，当东西完成时，不管是好的方面还是坏的方面，都是团队里每个成员的的成果。那么从这个逻辑上看来，视觉设计也能被任何一个人所影响。

然而，从某种程度来说，视觉设计是相比其他更有专业化元素的活儿。它需要更多的技巧——如何把自己的创意实现出来——像PS和Sketch这样的工具可是一点也不简单的，正因如此，让专业的设计师来做可能会比让普通人来做更好一些。视觉设计师使用的工具和技巧并不是很直观的，让那些非设计人员来做效率也不会高，我们可能会讨厌（就像在喝蛋黄酱和葡萄汁混在一起的饮料那样的讨厌）人们说设计师仅仅只是让东西做的更加好看，但是在视觉设计领域，我们并不会像平时那样显得无足轻重。

案例四：对于普通大众来说Photoshop就像希腊神话一样遥不可及。

何时进行

视觉设计在什么时候很重要？一直。我们已经谈过这个。我们需要注意的是，无论是优雅的还是“联邦政府”似的设计，每个产品开发的整个生命周期都需要让设计参与进来。视觉设计也是设计的一部分，因此视觉设计应该从产品开发的第一天就参与进来，直到最终完成。

话虽如此，我们依然需要知道的是视觉设计在工作流程中是需要在后面才开始进行的，老实说，这样做才是明智的，因为：

视觉设计的交付物感觉永远也做不完，要做到像素级的完美是非常花费时间的。而且，当需要迭代和转变产品方向时，它的速度也完全没法和线框图阶段比，甚至没法和原型阶段比。
视觉设计是一个很巨大的部分，我们称之为“个性设计”。产品的个性将很大一部分影响该产品的视觉设计，然而从迭代和视觉设计都是一个非常花费精力的过程，一些精明的设计师将会节省在视觉设计这个过程中的产出直到产品开始有自己的框架结构。

怎样进行

这个执行的过程应该是经过认真的思考然后再去做的，在所有伟大的设计中，视觉设计几乎很少是偶然迸发出来的。然而在这里我也并没有时间去告诉你怎样去用PS或Sketch，和一些排版布局的规则与色彩理论。我会给你几个在设计过程中一点应该注意的地方，他们可能可以引导你做出一些好的视觉设计：

1. 搞清楚你面对的情况

尽可能早地从你的客户那里搞到他们的设计规范（style guides）或者品牌规范（brand guidelines），别浪费时间去做那些最后注定要返工的东西（连那些简单的视觉情绪版“moodboards”都不要去弄）。如果有的话甚至应该第一天就去问客户要这些东西，现在去要总不会比干了几个月再去要这些东西更难。

译者注：有时候设计师会先收集一些图片文字之类的东西弄出一个合集，作为设计的参考和灵感来源，这类东西叫做moodboard。具体介绍可参考：点击查看

2、找出你是在为谁设计

我知道你一直是这样做的，因为你是个优秀的设计师，优秀的设计师从来不会跳过产品设计的调研部分。所以提早了解了他们利益相关者和用户就可以在接下来的设计过程中知道怎样才可以博取他们的眼球。

3、提早的开始你的视觉设计

收集情绪板，建立出产品的个性，甚至是记下一些形容词，这些东西将成为你在后面再为产品进行视觉设计的基础。确保这些调研中得同时确保他们和客户的品牌保持一致（如果他们存在的话）保持一致，确保不在最后关头再来处理这事。

4、帮助客户理解你的视觉设计成果

视觉设计产出，是一个非常缓慢的过程，不要浪费时间和你客户的钱，去建立更多有需要的东西。搭建一个或多个原型，尽快开始编程实现（或是实物产品，如果你搞的定的话）。告诉客户这些事临时的内部用的测试版本，真实的视觉效果已经在产品开发过程中了，而不是仅仅存在于PS的源文件里。

5、准备好为何如此设计的理由

还记得我们谈过研究阶段？在这个地方理解利益相关者，用户，市场将会派上用场。记住你的行为要像一个专业的设计师。如果你选择黄绿色作为按钮，那么黄绿色一定是这个按钮的最佳选择。如果这仅仅是你的直觉，并没有什么理由，那么为它找到一个理由，如果这找不到任何可以支撑的理由，先想想你这么设计是否是对的，如果你确定是对的而且找不到任何理由的话，编一个吧，编的好点。