有一阵子没更新系列性文章了,最近来更新一波和项目分析有关的内容。其实发展到今天吧,大家对于 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 项目的关系,如何正确地创建情绪板,以及应用到我们的项目分析中去。

关于情绪板的使用:

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

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

点赞 23
收藏 77
继续阅读相关文章

发表评论 已发布 2

还可以输入 800 个字
 
 
载入中....
2 收藏