大厂都在用的情绪板,到底是什么? - 图1

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

    大厂都在用的情绪板,到底是什么? - 图2

    大厂都在用的情绪板,到底是什么? - 图3

    大厂都在用的情绪板,到底是什么? - 图4

    对于没有系统学习过品牌视觉的同学来讲,往往会一脸懵逼,即为什么我们的 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、字体、辅助图形、色彩选用等等。往往我们需要参考大量的素材、图片、文字,从多个角度切入去” 打磨 “设计的思路。

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

    大厂都在用的情绪板,到底是什么? - 图5

    大厂都在用的情绪板,到底是什么? - 图6

    大厂都在用的情绪板,到底是什么? - 图7

    大厂都在用的情绪板,到底是什么? - 图8

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

    大厂都在用的情绪板,到底是什么? - 图9

    大厂都在用的情绪板,到底是什么? - 图10

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

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

    大厂都在用的情绪板,到底是什么? - 图11

    大厂都在用的情绪板,到底是什么? - 图12

    大厂都在用的情绪板,到底是什么? - 图13

    大厂都在用的情绪板,到底是什么? - 图14

    大厂都在用的情绪板,到底是什么? - 图15

    大厂都在用的情绪板,到底是什么? - 图16

    大厂都在用的情绪板,到底是什么? - 图17

    大厂都在用的情绪板,到底是什么? - 图18

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

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

    案例 1

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

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

    大厂都在用的情绪板,到底是什么? - 图19

    案例 2

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

    大厂都在用的情绪板,到底是什么? - 图20

    大厂都在用的情绪板,到底是什么? - 图21

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