大厂都在用的情绪板,到底是什么?
有一阵子没更新系列性文章了,最近来更新一波和项目分析有关的内容。其实发展到今天吧,大家对于 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 项目的关系,如何正确地创建情绪板,以及应用到我们的项目分析中去。
欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!
公众号:AI悦创【二维码】
AI悦创·编程一对一
AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发、Linux、」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh
C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh
方法一:QQ
方法二:微信:Jiabcdefh
- 0
- 0
- 0
- 0
- 0
- 0