Alice

在很多项目总结中都能看到情绪板的运用,精美的图片搭配符合主题的关键词,准确地表达出产品的设计方向和风格。通过这份使用指南,我们可以掌握情绪板的作用、组成、样式、灵感搜集以及制作过程。文末准备了一波优质资源,快来看看吧~

 

1.情绪板的作用 

情绪板首先能组织整个项目的灵感,保持风格和美学的一致性,并与客户的目标和期望保持一致。

情绪板是在开始实际设计前确定和完善产品风格的好方法。在资源和时间方面,情绪版比模型或原型的成本要低得多,并且能直接传达出关于最终设计风格的信息。

图片

情绪板能够巧妙地向客户传达设计理念。例如当设计师在说扁平化或极简等设计风格时,许多客户可能并不知道这些风格是怎样的。

图片

通过向他们展示一个包含这些风格的情绪板,他们马上就能明白并说出是否喜欢这种风格。

 

2.情绪板的样式 

情绪板有两种常见的样式,两者都有各自的特点。一种是线下实体的情绪板,把搜集到的图片或者文字素材打印出来,然后根据需要贴到白板上。

图片

图片

  • 优势:实体情绪板能让我们更直接地看到甚至接触到这些素材,可以随时增加批注或者调整这些素材;透过实体的情绪板能扩宽想法,避免把思路只局限在屏幕上。
  • 不足:实体情绪板在制作过程中需要大量打印,图片贴多了之后可能会造成混乱。这种呈现方式通常只能通过拍照来存档或者与其他成员共享,一定程度上会影响效率。

 

另一种是线上数字化的情绪板,相当于把实体情绪版搬到了线上,把电脑屏幕当作白板。

图片

图片

  • 优势:线上存档和共享变得更容易,方便大家直接参与到修改或批注中。
  • 不足:仍然是对着屏幕使用软件来规划情绪板,面对这些熟悉的操作可能会限制设计师的创造力。

 

3.情绪板的组成 

每个情绪板都是不同的,包含的内容会根据项目需要而有所不同。

重要的是要包含尽可能多的元素,让想表现的设计思路更清晰。情绪板中包含的内容包括以下几种。

 

图片

包括品牌图片、图库上的摄影/产品图片、插画、logo等。

图片

 

颜色

色板是情绪板的重要组成部分,根据搜集的素材我们能确定哪种色系跟整体需求更相近,再通过吸色来获得配色信息。

图片

 

隐喻

视觉隐喻在品牌或图标设计中的运用较多,如果有必要也可以包括在情绪板中。

图片

 

文字

搜集与品牌或主题相关的文案,或者展示选用的某种特定的字体。

图片

 

纹理

设计中涉及到的纹理或图案都应该包含在情绪板上。

图片

 

批注

根据需要对情绪板中包含的元素进行解释说明,更方便团队协同工作。

图片

确定主题可以使情绪板更具表现力。尽管有时候主题是抽象的,但主题与产品或品牌的目标紧密相连。

 

4.情绪板的搜集与制作 

情绪板的灵感可以来自于任何地方。可以来自日常搜集的图片素材,或者优质的图片网站、设计网站甚至社交媒体中用户分享的图片或内容都能为你所用。

我常用的情绪板素材网站包括Pinterest、ins、Unsplash、Behance等,这些网站大家都很熟悉且经常使用,也可以根据自己常看的其他网站来搜集素材。

搜集素材完成之后,接下来就到了制作阶段。网上经常有人说工具不重要,但术业有专攻一定程度更能提升效率

除了使用PS、XD、Sketch这些软件,这里介绍几个专门制作情绪板的工具。

 

Canva

提供富有设计感的情绪板模版库,简单操作就能获得制作精美的情绪板。

图片

 

Milanote

功能强大,每个素材都以卡片的形式展现,方便快速上手对素材进行归类和批注。

图片

 

Moodboard

支持自己上传素材并创建情绪板,也可以调用已有的素材库,找寻更多灵感。

图片

 

Adobe Spark

几分钟内就能创建出独一无二的情绪板。提供了大量的模版库,包括照片、字体和设计元素库,可以轻松调用里面的内容。

图片

 

最后 

情绪板对项目设计风格的探索和制定有很好的帮助,将情绪板融入到所从事的设计项目中是一件有意义的事。

最后为大家搜集了一大波高质量的情绪板素材,关注公众号,后台回复 情绪板 即可获取!

 

原文地址:Clip设计夹(公众号)

作者:Clippp

转载请注明:学UI网 » 设计师都在用的情绪板是什么?这份使用指南告诉你

登录收藏
 
你可能喜欢的:
干货素材 | 讲真的,这些素材你真的很需要!干货素材 | 讲真的,这些素材你真的很需要!
这应该是近几年,见过最牛逼的网站,可以按趋势风格找图了!这应该是近几年,见过最牛逼的网站,可以按趋势风格找图了!
这渐变色彩搭配,也太可了!这渐变色彩搭配,也太可了!
这组3D素材定能提升你的UI作品质量这组3D素材定能提升你的UI作品质量
大厂设计源文件白嫖?我都帮你们下载好了!大厂设计源文件白嫖?我都帮你们下载好了!
作品集这样展示,秒出效果作品集这样展示,秒出效果
研究了上百套图标,总监却告诉我图标要这样画!研究了上百套图标,总监却告诉我图标要这样画!
火爆全网的酸性设计,你看懂了吗?火爆全网的酸性设计,你看懂了吗?
关于设计的小插件,我只保留了这3个关于设计的小插件,我只保留了这3个
这么好看还免费?还能商用?刚开始我是不相信的!这么好看还免费?还能商用?刚开始我是不相信的!