想想看,你花费了大量的时间来构思,设计,最后做出了一个完整的原型,可是客户直接拒绝了你的设计,甚至吐槽你的设计和他之前的需求毫无关联。这种情况听起来和你熟悉吧?的确,每个设计师都有过类似的不快经历,并且希望有规避这种情况的办法,或者建议。然而,实际上,并不存在完美的解决方案。
不过,设计师如果能够善用情绪板(Mood Boarding)的话,倒是能够在很大程度上降低这一风险,让整个工作流程更加顺畅。
什么是情绪板
情绪板不仅仅受到越来越多的设计师的欢迎,而且它原本就流行于创意工作者当中。情绪板的概念并不难理解,实际上和它字面的意思差不多,设计师和创意工作者将想要设计的对象的相关的图片和素材都整理到一起,将他们的想法和概念视觉化地呈现出来。
情绪板和线框图、原型不一样,它不会显示未来项目所涉及到的详细图片,它旨在营造产品对应的正确的情绪和符合预期的感觉。
情绪板通常是设计师和客户通力协作共同完成的,情绪板可以在相对紧凑的时间框架内完成,并且将抽象的概念专户为相对真实的感觉。在情绪板前,设计师能够更好地分享想法,这比几个短语构成的描述来的更加真实。
如何创建情绪板
情绪板本身是试验配色、字体、样式和视觉层次结构的好地方。每个人都可以将自己认为合适的组件加入到情绪板当中,而UI/UX设计师则通常会使用使用各种不同的样本,来创造不同特征的界面元素。常见的情绪板有几种不同的类型,我们分别来看看。
拼贴式情绪板
设计师通常会搜集一些免费可用的高分辨率图片,作为素材,以便今后能够用到项目项目当中去。这些图片可以制作为情绪板。这些拼贴当中还可以加入字体、配色、插画作为示例。
这种类型的情绪板是制作最快、最简单的。不过如果客户需要知道细节,那么这样的情绪板可能无法满足他们的需求。
参考合集
另外一种获取灵感的方式,是在Behance 和Dribbble 这样的平台上找到真实的设计项目,从中筛选出可用的,和当前项目风格、功能相似的,借用现成的项目来表达你的设计思路。这样还能创造出让客户易于理解的情绪板。
模板式情绪板
这种情绪板的设计和原型、线框图有很多相似的地方,设计师借用这种模板式的设计,展示出产品的结构和视觉层次。不同于严谨的UI设计和线框图、原型,这种模板式的情绪板相对更加粗糙,不涉及细节,组件随机分布,图片和粗略的布局结合在一起,说明了基本的构思。这种情绪板成型更快,因为它不需要细节支撑。
为何UI/UX设计师需要创建情绪板?
其实很多人都会发现这样的状况,线框图和原型常常被描述为设计过程中必不可少的组成部分,而情绪板则并没有被视作为必须的组成部分。有些设计师认为情绪板只是好玩或者仅仅只具备娱乐性。但是,很多设计师依然将其视作为创作的重要组成部分,我们将原因总结为下面7个部分:
1、节省时间和精力
情绪板通常无需太多时间就能完成,这意味着只需要在几个小时内就能够快速构建出来。设计师可以以此为基础为用户提供一个快速可用的视觉指南。情绪板可以被轻松编辑,并不费力。
设计师可以在此基础上快速跳转到下一个阶段,进行原型设计。此外,如果客户对于概念设计并不满意,设计人员也不用耗费太多的时间制作详细的演示文稿,快速调整设计方向即可。
2、获取灵感
当然,设计师不能总依靠灵感来做设计,毕竟设计更多的是要靠思考来完成的。但是如果设计师真能从获得启发,设计则可以被更为有效的完成。情绪板的作用,是将想法和情绪都汇集到一起,帮设计师催生出产品应有的感觉。有的时候,亲自动手的过程,能够让设计更好的理解,也更为容易找到合理的想法,为什么不试试呢?
3、找到正确的配色方案
以拼贴为主的情绪板常常是由引人注目的作品所构成的,其中所包含的图片、照片和插画常常包含着不错的配色方案,即使的UI尚未搭建起来,配色方案总能从中找到一些不错的搭配。
4、加强和客户的沟通
当产品尚且处于早期的抽象概念的阶段之时,设计师和客户在讨论的时候很难完全互相理解,在没有实际可讨论的设计稿的前提下,在风格、细节上往往很难达成一致。而这个时候,情绪板的作用就显得很突出了,它往往能够让沟通和讨论有一个实在的落脚点。
5、少说,多展示
正如同我们常说的一图胜千言,任何长时间的报告都不如视觉化的方式来呈现你的计划和想法。词汇很难直观地在客户眼中转化成图片,但是视觉素材却是更为可靠的指南。
在项目早期,信息丰富的但是集中的情绪板是描绘未来产品形态的有效工具。
6、找到确定的设计风格
如果创意团队没有从客户那里收到明确的设计风格的要求,那么这个任务就要落在设计师的肩膀上了。想要确定大体风格,你没有必要构建一个详细的、完整的原型。将不同的纹理、细节、字体和配色添加到情绪板上,快速的构建风格化的特征,可以比原型更快地确定设计风格。
7、让客户参与到这个过程中
获得客户的信任的方法之一,就是让他们尽可能的参与到项目当中。在这个阶段,如果他们愿意,可以积极地参与到样式的选取和样品的选择上。情绪板的好处在于,无论是不是设计师,都能够简单快速地参与进来。
无论是拼贴式的情绪板还是参考合集情绪板,都不难制作,最关键的是,设计师可以在这个过程中很好地了解客户的品味和喜好,并且了解他们对于项目的期望。
情绪板实例
为了更好的理解情绪板在实际设计实战中的应用,下面将会展示 Tubik Studio 的设计师 Dima Panchenko 为他的项目所制作的情绪板。在展示情绪板的时候,他还针对不同的情绪板制作了一般性的说明。
1、这个情绪板是用来帮助客户确定风格偏好的
2、这个情绪板呈现的是客户要求的风格
3、这个是情绪板呈现的是一个足球相关应用的概念
情绪板是创意工作的好帮手,无论是用来寻找灵感还是强化工作流程,都颇为实用。
【这些延伸阅读值得看看】
原文地址:uxplanet
原文作者:Tubik Studio
优设译文:@陈子木
本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱:yuan@uisdc.com】
================明星栏目推荐================
优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
MJ版AIGC绘画原理
已累计诞生 626 位幸运星
发表评论 已发布3条
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓