大厂都在用的情绪板，到底是什么？

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

有一阵子没更新系列性文章了，最近来更新一波和项目分析有关的内容。其实发展到今天吧，大家对于 UI 设计要做哪些事情应该也琢磨出个一二三来了，光靠给设计图 JPG 压缩包的过程，显得太寒碜，不体面。

所以，我们得给为自己的设计添加一些 「道理」，赋予它们关于逻辑和理性的 BUFF，这样才能保证我们的作品是严谨的、有内涵的、解决问题的……

今天，我要讲的东西，就是项目分析中的——情绪板。

情绪板是什么

在网上，许多大厂设计团队在自己的项目复盘里，都有放情绪板这个模块，以及添加一些 「高大上」 的名词，例如下面携程、阿里、360 的 UED 设计团队上传的情绪板应用案例。

对于没有系统学习过品牌视觉的同学来讲，往往会一脸懵逼，即为什么我们的 UI 设计构思过程里，要加入一些奇怪的图片、词汇，有它没它不都没影响我们把界面给设计出来嘛？

这就要从平面有关的知识点说起了。

维基百科中对情绪板（Mood Board）的解释是：情绪板是由拼贴元素组成的视觉展示，由图像、文本、对象小样等元素组成。可以是有目标主题的，也可以是随机选择的任何素材。

PS：A mood board is a type of visual presentation or a collage consisting of images, text, and samples of objects in a composition. It can be based upon a set topic or can be any material chosen at random

在平面品牌设计中，对 VI 系统的设计是一个非常抽象的过程，包括 logo、字体、辅助图形、色彩选用等等。往往我们需要参考大量的素材、图片、文字，从多个角度切入去「打磨」设计的思路。

于是，在电脑没有这么发达的年代里，平面设计师们就会将一些能作为参考的纸质图片、文字剪下来，然后贴到一个专门的白板上去，类似下面这些例子。

当然，在电脑和互联网普及的今天，出现了很多用来替代这个白板的工具，包括 Pinterest、花瓣、Eagle、Behance 等等，我们可以把想要的图片和素材上传到这些工具内快速进行浏览。

虽然这些工具很方便，但是多数设计师其实只是把它们当成素材、参考图的收集工具，而不是作为情绪板来使用，大家一定要明白其中的区别。

而在电脑中完成的情绪板，通常长成下面这样。

情绪板是一个帮助设计师构建设计氛围、风格的视觉工具，通过收集相关的素材，然后在这些素材中寻找隐藏的「线索」，让自己的设计思路可以更明确，更具体。

为了方便大家理解，可以再看看下面的两个案例。

案例1

是一个针对潮人应用的 LOGO 设计，设计师希望表现高冷、前卫、又与众不同的情绪，于是有了斯芬克斯猫的图片。

当然，展示出来的图片不是设计师在设计过程中真实应用的情绪板，相信还有很多目标用户的日常照片和商品照片素材，然后从中获得了耳钉造型的灵感，为 LOGO 的猫耳上添加了耳钉元素。

案例2

是一个法国的烘焙品牌，设计师通过麦穗、面包、滤网等关联性物体中进行提炼，完成 LOGO 的图形设计，让 LOGO 本身能和原材料进行关联，更符合产品本身特征和便于用户联想。

总结

今天主要的任务就是完成对情绪板的认识，在下一篇内容里，我会具体来讲解情绪板和 UI 项目的关系，如何正确地创建情绪板，以及应用到我们的项目分析中去。

关于情绪板的使用：

少改稿利器！写给设计师的情绪板全方位使用指南

@喪心病狂十六夜貓 ：你经历过如果有很多设计师参与了同一个项目，在会见客户的时候，设计的认识和图片不一致而导致打回重做这样的事情吗？

欢迎关注作者的微信公众号：「超人的电话亭」