为何UI/UX设计师需要创建情绪板?


时间: 2021-07-30 10:20:35 人气: 5 评论: 0

帮你理清创意的情绪板,是设计项目前期的利器。

想想看,你花费了大量的时间来构思,设计,最后做出了一个完整的原型,可是客户直接拒绝了你的设计,甚至吐槽你的设计和他之前的需求毫无关联。这种情况听起来和你熟悉吧?的确,每个设计师都有过类似的不快经历,并且希望有规避这种情况的办法,或者建议。然而,实际上,并不存在完美的解决方案。

不过,设计师如果能够善用情绪板(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、这个是情绪板呈现的是一个足球相关应用的概念

情绪板是创意工作的好帮手,无论是用来寻找灵感还是强化工作流程,都颇为实用。

 

译者:@陈子木

原文作者:Tubik Studio

原文地址:uxplanet

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

题图由作者提供

---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!

专业厂家,设备先进,技术力量雄厚,自动化生产技术先进,产品质量符合国家标准,价格合理,https://www.69shenlan.com/,具有质量保证,生产及时,交货快捷的特点。 我们的宗旨:做我们擅长的事,希望用我们的创意和创意为客户实现战略定位,塑造品牌,强化形象!
我们的要求:坚持“优质产品、优质服务、优惠价格、快速交货”的经营方针,努力开拓市场,真诚为客户服务! 我们的发展:以独特的专业和专业精神,https://www.69shenlan.com/1:1--

UI/UX设计师

评论