好的视觉设计能激发起用户对你的产品的兴趣，如果你的视觉设计没有贴合到目标市场客户对于他们想要的产品预期感受，在后期你可能要花费更大的力气去挽留他们。

说在最前面，一款Saas产品的成功要素，肯定还是功能的设计、业务的穿透力与牵引力，还有使用体验是否能够恰如其分地产生Ah~ha moment(s)。

但是，如果你说：长得好不好看对一个Saas产品而言不重要？嗯，那么祝君好运！

一、为什么Saas产品的视觉设计变得重要了？

客户之一次打开你的Saas产品的感受就和人们之一次拿起一本书那一刻的感受一样，弹指间会带来持久的长期印象。

在视觉上赢得受众认同这一点上，所有数字产品设计面对的挑战都是一样的。一些行为设计研究告诉我们用户产生之一印象的时间窗甚至可以窄到0.05秒（见最近的交互设计奇书《The Smarter Screen》），在雨后春笋大家都在争夺SAAS市场的今天，好的（更重要是对味的）皮囊很重要。这觉悟麻烦放好在兜里了。

瞎聊一下，如果我们以“认识你—>认可你”为onboarding的CX设计目标（之所以不局限于UX，那是因为Saas的onboarding更加多是一个争取用户的跨模态战场），视觉设计应该怎样有效进行。

视觉设计整体地定义了你数字产品的美学意义上的感染力。它是你组织复杂信息的方式与统一规则，各种特定行为的引导。再有就是如何把可读性、一致性坚持在一个该有的水平以上的手段与 *** 。

如果非要说一个唯一的目标，好的视觉设计就是要争取对你产品持有怀疑态度的客户的信任，并且激发起他们对你产品的兴趣。

要达到这个目标我们可以通过设置系列设计原则并且遵守他们，用恰当的方式把注意力引导去恰当的内容上面。

设计原则通常包括对layout的定义、信息层级（hierarchy）划分的方式规则、颜色版及使用规范，字体样式与icon组合与使用规则，并将这些设计原则通用至每一个设计细节中。如果你始终抱着一个信息传递目标：“我就是你要解决的问题更佳的产品选择了，亲爱的客户爸爸”，所有这些设计原则都会变得合理并且是你设计时的工具，而非限制了。

道理很啰嗦，但是这一步真的很关键。如果我们的视觉设计没有贴合到目标市场客户对于他们想要的产品预期感受（即便仅仅是onboarding阶段），之后留住他们不去投向对家产品就要花更大的力气。

明道云与氚云的onboarding page对比。如果没有任何外部原因影响了采购选型，希望为公司挑一款流程可配的SAAS的你会怎么挑？

二、初创阶段科技公司在产品视觉设计上会遇到什么问题？

最常见的问题是产品团队很大程度上依赖现成的、万金油式的前端框架。

显而易见，这样做你的SAAS产品就成功长得和所有不入流的竞争对手一个样了。然而不仅如此。大多数公用前端框架不会随着你公司的业务增长、多样化而产生变化的，这一份开发成本还是早晚要付出的。再者，这些前端框架套装会自带一套与之匹配的设计原则，而万金油设计原则基本上不可能起到指引设计决定的作用，更不用说用来和产品团队上下游沟通、统一产品愿景的效果了。

设计的过程全如果寄托于修改代码，结果可想而知，更不用说反复修改的过程了…

大多数科技公司在早期阶段也会尝试去建立视觉设计语言，但大多数的做法是从不恰当的地方去寻找灵感，例如不相关的产品或者不相关的新设计趋势，最终导致全靠个人品味来做设计决定。缺乏专业的设计 *** 与手段去做往往只会导致灾难般的结果。

缺乏专业性的设计过程而产生的产品往往都会输在难以在用户心中建立信任这一点之上。

三、如何运用情绪板去建立合适的视觉设计？

即使是SAAS产品，我们也可以利用情绪板去快速定义合适我们产品的体验设计方向。就如这个 *** 的名称一样，我们希望通过情绪板得到的结果是，当客户之一次接触我们产品时，我们希望提供的是一个什么样的形象与感受。

1. 尽可能全面地收集产品需求

首先要做的是，我们需要面对面与利益干系人、目标客户（用户）去了解他们希望这是一个什么样的产品？他们希望达成什么样的目的？如果是一个已经存在的产品，那么现有的设计、视觉语言是否能够让他们产生产品设计者所预设的共鸣？

竞品分析、样例当然也是很重要的手段，用于听取目标用户是如何看待市场上其他竞争产品。