很多设计师做视觉方案,第一件事是打开 Dribbble 或者 Pinterest,看看最近流行什么风格。然后挑一个觉得好看的,开始画。
这是不对的。不是因为 Dribbble 不好看——是因为你在为一个你不了解的人选衣服。
好的视觉设计,不是自我表达。是把商业目标和用户审美,翻译成颜色、字体、构图。这一章,讲这个翻译过程的第一步:情绪版。
1. 情绪版不是灵感板
很多人以为情绪版(Mood Board),就是「收集一些好看的图片拼在一起」。这是把它当灵感板用了。
灵感板的逻辑是:「这些图片给了我感觉,我要做类似的东西。」——这是设计师在表达自己。
情绪版的逻辑是:「目标用户看到这些图片会有什么感觉?这种感觉,和我想要传递的品牌气质是不是一致的?」——这是设计师在翻译用户的审美。
2. 从商业目标到色彩像素的推导链
我做视觉方案,有一条从不跳过的推导链:
商业目标 → 设计关键词 → 情绪版 → 飞机稿 → 设计语言
每一步,都有明确的输入和输出:
商业目标:这个品牌要达成什么?比如 HeyTap Store——要做东南亚的综合电商,融合 OPPO、一加、realme 三个品牌,目标用户是年轻群体。
设计关键词:基于用户访谈提取。HeyTap 的用户给了我们三个词——Fun、Open、Attractive。不是我们拍脑袋想的,是用户说的。
情绪版:基于关键词收集图片。Fun——什么样的视觉让你觉得「好玩」?Open——什么样的设计让你觉得开放、欢迎你?Attractive——什么样的风格吸引你?
飞机稿:基于情绪版,做两三个视觉方向的尝试。每个方向三四个核心页面的设计稿。不是完整的 App——只是几个最关键的场景。
设计语言:定稿后,从飞机稿里提炼出可复用的设计规则:配色系统、字体系统、间距规则、组件风格。
怎么快速做情绪版
情绪版不需要精雕细琢。它就是拼贴画。速度快的话,半小时能出一个。方法很简单:基于设计关键词,在 Pinterest、Unsplash 上搜相关图片,拖到 Figma 画布里,排一下。关键是——每张图你都要能说清楚「为什么选它」。如果一张图你说不清为什么,就不放。
做完后,拿着情绪版给用户或者干系人看。不要问「好看吗」——问「看到这些,你觉得这个品牌是什么感觉?」反馈越具体越好。
3. 我见过的最大的坑
设计师自己做了一个情绪版,自己觉得特别好看,自己拍板了。然后视觉方向就定了。
等用户看到成品的时候——「这什么玩意儿?」
错了。全错了。不是因为做得不好看——是因为设计师的审美,和用户的审美,不在一个频道上。
我是做数码产品的,我的审美偏好是极简、冷色、科技感。如果我按照自己的审美,给 UNICE(黑人女性假发品牌)做设计——那会是一场灾难。UNICE 的用户要的是自信、性感、华丽。跟极简,一毛钱关系都没有。
下一章,我们把情绪版继续往下走——如何从一个「感觉对了」的拼贴画,变成一个完整的品牌视觉系统。