情绪板

情绪板还能这样做？难怪大厂的设计师那么强 - 优设网 - UISDC

Hi，我是彩云。在大厂做设计，情绪板在前期提案的时候都是需要做的工作，主要是为方便大家一起谈论接下来实际要做的风格调性，帮助大家对未来大致的效果有一个预期，也为设计师接下来的设计减少改稿，提升效率。所以，这么好用的设计流程工具，大家一定要学会了。顺便说一句，一个优秀的情绪板提案过程放到作品集中也是亮点哦。

在我们平时的工作中，经常需要创建各种各样的情绪板：用于品牌、App、海报、服装……等涉及到设计领域，但我经常会发现在整理素材和归纳的时候，很容易遗漏某些步骤，或者创建过程晚了被客户拒绝，所以我决定写一篇总结文章，其中包含一系列技巧和工具。

什么是情绪板？

有些人将其称为风格图、参考图，但它们之间的差异存在争议，但总而言之，它是一组图像，把它们汇总在一起代表品牌（或项目）将采用的视觉方向。

我们可以将情绪板的作用总结为三个主要目标：

• 为视觉设计过程奠定基础
• 建立了品牌的世界观
• 提供视觉标准，便于以后的视觉延展和一致性

如何制作情绪板

我在刚参加工作时的项目中所犯的第一个错误就是收到一个新的设计需求简介后，就立即疯狂收集参考图，我想这是与品牌匹配的，没有任何问题。（然而这样的设计方式非常错误且痛苦）

现在看来，与之相反的，应该先花点时间分析下设计需求简介，让自己真正了解品牌的背景、历史、未来计划、行业、竞争、目标受众、品牌信息和价值主张。如果以上任何一块缺失并影响了创建情绪板，你最好都需要先跟需求方沟通清楚缺失部分的细节。针对这些缺失的细节发送品牌调查问卷，避免甲方推翻重新设计，影响设计进程。

情绪板在品牌推广过程中占有一席之地，但在一开始的时候肯定是没有的。假设你已经从客户那里收集了所有信息，现在我们准备进一步推进情绪板创建的实际步骤：

1. 研究并搜集参考
2. 排版和优化
3. 情绪板展示（可选）

接下来，会详细的为大家分享每一个步骤。

研究并搜集参考

在我开始找图之前，我喜欢把需求介绍中的形容词或其他关键词放在自己面前，这样我就可以检查研究的内容是否与关键词产生共鸣。

另外，不要忘记还要了解目标受众和市场细节！

在我们谈论研究之前，我想分享几个我喜欢使用的图像收集工具。

Pinterest 几乎是图像收集的首选工具之一。你们中的许多人可能已经在用了， 优点是很容易设置收集画板，并且关联图片和以图搜图都非常方便，而且还是免费的。

Sample board from Pinterest 来自 Pinterest 的样板

（彩云注：原作者这里还介绍了另外两款工具，但经过彩云的研究，发现不那么好用，不符合中国设计师的使用习惯，所以我去掉了这部分的内容。）

你也可以直接保存到桌面。但我喜欢用工具进行整理，所以当我完成研究过程后，我至少对于搜集整理方面的工具 有一个广泛的了解。

一个非常新的收藏工具叫做 mymind ( https://mymind.com )，由设计师 Tobias van Schneider 开发。这是一个浏览器扩展程序，它可以帮助你保存图像、文本、视频、完整的文章、产品或其他内容，方法是使用插件扩展或右键单击添加到一个大集合（收集上也可以用）。

也可以看下这个介绍视频，跟大家买的某款收集软件差不多的感觉，只不过它是在线的，更厉害一些。

图片和文章都能收集，还蛮吸引我的

这是对不太喜欢打标签和分组的人做的工具，因为它会自动搜索已保存材料之间的联系并添加标签，因此在某些方面要比 Pinterest 更易于搜索。

好了，工具够用了！你准备好获得灵感了吗？在开始搜索之前，我们需要记住我们之前定义的那些品牌形容词（工业、坚定、空灵等等）。

因为我知道搜索过程会让我陷入困境，所以第一件事就是给自己设置一个计时器（对我来说大部分搜索收集图片时间是 1.5 小时）。

我首选的工具是 Google 和 Pinterest，重要的是在这个阶段不要把自己限制在任何事情上并保存所有吸引你眼球的东西，这样你就有足够的材料可以使用。

我会有针对性的找一些关键元素来向客户（或我自己）展示并在以后为设计决策提供信息：颜色、排版、行业和整体氛围、包装、摄影、插图风格、纹理、图案、logo。

这听起来很简单，但如果品牌形容词没有太多引导作用呢？这里有一些提示可以尝试：

• 搜索类似的词。例如，在Solomo的例子中，一开始我试图搜索功能，但这样搜索出来的可能全是无聊的办公场所，所以我会尝试寻找同义词。
• 如果没想法的时候，尝试关掉电脑并闭上眼睛想想，当我听到这个词时我会想到什么，这也有帮助。
• 如果你和团队有时间的话，可以组织一场脑爆会一起讨论探索想法，让更多人参与，这样也能快速帮助你找到灵感。

分享一些我常用的额外资源：

1. [Designspriration]https://www.designspiration.com — 精选灵感搜索
2. [PICDIT]https://picdit.net — 高级摄影作品网站（彩云看了下貌似近期没有更新了，但以前的内容还是值得一看的）
3. [Flickgraphics]https://www.flickrgraphics.com — 艺术排版灵感库
4. [Adultartclub]https://adultartclub.tumblr.com — 艺术摄影灵感库
5. [Dayinthelandofnobody ]https://adayinthelandofnobody.tumblr.com — 艺术摄影
6. [Visualgraphic]https://www.instagram.com/visualgraphc — 版式灵感
7. [typophile]https://typophile.tumblr.com — 排版灵感
8. [logos.ai]https://www.instagram.com/logos.ai — 排版和logo

在你收集了一堆图片之后，接下来我们将看看如何处理它们。

排版和优化

1. 选择一个工具（Canva、Figma、Miro 等，彩云经常用 sketch）

将图片组合成可展示的格式。我建议选择一些客户无需安装即可轻松使用的东西，这样反馈周期会更短。如果平台也有一些主题选项，那就太好了，例如，你可以根据客户的品牌颜色对其进行定制，并且可以将相同的结构重新用于不同的产品。

2. 挑选和组织图片

将每个图片下载到本地并把它们归纳分配在相关的风格或品牌形容词下。

如果只需要部分图片，记得裁切好需要的部分。

3. 将图片进行排版分组

在组织这些图片时，首先要记住的是颜色。我们需要避免用户在单个对象上花费太多时间，也不是自然地从一张图流向另一张图。

你可以尝试限定好图片的数量，对我来说 10-15 是一个很好的起点。

彩云也收集了一些比较优秀的情绪板排版供大家参考

4. 检查并最终确定方案

如果你已经到了这个阶段，那就太好了！现在是时候对最初的品牌形容词做检查标记，看看情绪板是否整体传达了品牌氛围。

在情绪板中有一个能自检的列表非常不错，我们要问自己的问题：

• 客户可能会过于字面理解吗？
• 情绪板是否反映了品牌气质？（逐个检查品牌形容词）
• 有什么特别突出的地方吗？
• 品牌所处的环境是否合适？

如果一切都考虑妥当，就该进行情绪板演示了。 最后，我收集了一些最终笔记，它们可能有助于你将其展示给其他人。

情绪板展示

如何与客户交流情绪板？

提醒客户不要从字面上理解任何内容，情绪板上的任何元素都不意味着要对他们的品牌(或项目)进行一对一的翻译。例如，如果在一张图片上有紫色的魔方飞来飞去，这并不意味着品牌会用魔方做任何事情，可能是形状，也可能是颜色。

强调这是品牌所在的视觉世界，而不是具体的元素。总而言之，鼓励客户关注整体，而不是个别部分。

如果在这个阶段一切都很糟糕并客户不认同它怎么办？

事情可能会出错，但请记住，我们可以随时后退一步，然后再前进。是时候回到关键词了，尤其是基调部分。这时候与观众一起仔细阅读每个词，并质疑相同的词是否仍然与品牌愿景产生共鸣，这是很有帮助的。

如果答案是肯定的，那么最好再进行一次会议，以了解观众根据关键词所想象的内容，以便下次符合预期。我的经验是，如果情绪板与观众或决策者一起策划，很容易获得早期支持以避免这种情况发生。

如果答案是否定的，可能要探索品牌愿景是否有任何变化，并从问卷开始回到开头。尽管这一步看起来令人生畏，但客户的舒适度确实至关重要，否则当你在整个设计过程中进一步推进时，他们将不会感到这是设计是为他们做的。

欢迎关注作者的微信公众号：「彩云译设计」