项目分析中的——情绪板

　　其实发展到今天吧，大家对于 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 本身能和原材料进行关联，更符合产品本身特征和便于用户联想。

　　贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全日制中等专业职业学校，同时也是一所实行准军事化管理的学校。