视觉设计，与用户沟通的一种方式

视觉设计，与用户沟通的一种方式

视觉设计,既不是无关紧要的,也不是优秀设计的最终目标。视觉设计是通过特定的插画和摄影图片,有意义的排版,情景再现,有吸引力的颜色,恰当的空间和布局,和许多其他的大小细节等来与用户沟通的一种方式。

视觉设计是通过使用产品中的视觉元素来改善用户的体验的。从概念上讲,这是相当简单的。但是先让我们想一下这些问题：为什么我们要在视觉设计上投入资源？我们什么时候以及怎么开始设计?所以，我们一一来讲一下：Why, When，How。

Why

视觉设计是很重要的,原因有很多。首先,你的视觉设计是你产品的第一印象。研究表明,用户对产品形成第一印象只需要50毫秒的时间。你可能会有点惊讶,事实上，这不仅是消费者对产品视觉设计的第一印象，而且可以说是他们对产品形成的最重要的印象。

《消费者报告》发现,用户决定是否信任一个网站更依靠视觉线索而不是实际内容。此外,视觉设计是设计师用来塑造有影响力品牌最强的一个手段。一个优秀的信息架构绝对是重要的,但它没法传达产品的某些特性（如体贴或智能），而视觉设计可以。

图1:Duolingo(一种流行的语言学习工具)有一个表达友好,乐观,脚踏实地这些消息的视觉设计

图2:Galbally & O'Bryan的主页,作为一个备受瞩目的法律机构，它的视觉设计是干净的,优雅的,专业的。想象一下,如果这两个视觉设计系统互换一下会有什么影响?

这就是我们都要成为视觉设计支持者的重要而现实的原因。虽然没能做出一个优秀的视觉设计是一个设计师本来可以避免的小错误，但是让我们感觉到这个设计很失败却是一个大错误。退一步来说:如果用户对一个产品的感觉是失败的,不管出于什么原因,这个产品就是失败的。如果用户不喜欢它,他们也不太可能为它付费。

图3:这个医保网站的视觉设计做成这样真的是想鼓励你相信上面的医疗和财务信息吗?

基本上,你的产品看起来如何是用户会注意到的第一件事,也可能会是他们注意到的最重要的事情之一。应该优先解决它。

视觉设计是设计的一个重要的组成部分。但逻辑上来说,任何人都可以影响视觉设计。

然而,视觉设计是一个比其他元素更专业化的领域，它需要更多技术的支持,像Photoshop和Sketch。就其本身而言,也是很重要的一点,它是商业设计和自然设计对抗的结果。视觉设计师所使用的工具和技巧不是很直观,很难由一个非设计人员来做。所以我很讨厌别人说设计师只是让产品看起来漂亮。

When

什么时候进行视觉设计有关系吗?任何时候。但是,要注意了,不管是优雅的设计还是很官方的设计,它都是一个伴随着整个产品生命周期的过程。视觉设计是设计的一部分。因此,视觉设计是需要从第一天开始直到完全结束的。

话虽如此,但我们需要明白,视觉设计是一个项目后期的重点事务。有以下几个原因。

首先,视觉设计需要不停的修改。要做到完美是非常耗时的,迭代和关键性调整不像画线框图和做原型那么快。

第二,视觉设计是“个性设计”中最重要的部分，产品的调性将大大影响产品的视觉设计,由于关键性调整从视觉设计上来说非常费力,一个谨慎的设计师不会很快的完成最终可交付的视觉设计,而是应该等到产品的调性基本确定之后才会开始。

How

这是一个应该谨慎安排和执行的过程。所有优秀的设计,包括视觉设计,很少发生意外。尽管在这里我没有办法向你介绍如何使用Photoshop或Sketch,或者什么排版原则或色彩理论,但我可以给你几个做出优秀视觉设计的建议:

尽快的找到风格指南和品牌指南，不要浪费时间去构建一些最终不得不丢弃的东西(即使是像低投入的情绪板moodboards之类的)。第一天就要找到这些东西,如果有的话,现在做这些不会比几个月后难多少。

明确你是为谁设计。一个优秀的设计师永远不会跳过产品的设计研究阶段，要在早期了解你的受众和潜在用户在,这样才能做出吸引他们眼球的设计。

开始早期的视觉设计。收集moodboards,构建产品的个性,甚至只是记下一些形容词,为产品的视觉设计打下基础。确保它符合你前期的用户研究结果及品牌调性。

帮助客户了解你的视觉设计交付物做了什么。视觉设计交付是比较慢的，不要浪费你的时间和客户的钱去做一个满足更多人需要的东西。建立一个到三个模型,尽快用代码实现。要让客户知道,这些交付物只供内部使用和测试,其实正式的视觉设计已经运用到产品上了,而不是一堆PSD文件。

关于视觉设计方向。还记得上面说过的研究阶段吗?就是了解受众、用户和即将进入的市场。你是一个专业的设计师，如果你选择黄绿色作为按钮的颜色,如果这是你的直觉，那就先相信你的直觉,不要什么理由，你没办法确保你是对的。然后在后续的修改中把它做的更好。

视觉设计并不是设计的全部,但它是一个经过深思熟虑推出的产品中非常重要的一个组成部分。它通常可以让用户感到用得很舒服。确保它是在前期不牺牲质量的前提下构建出来的,那样你随时可以调整设计方向。