9

设计师都在用的情绪板是什么?这份使用指南告诉你

 3 years ago
source link: https://www.ui.cn/detail/588507.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

设计师都在用的情绪板是什么?这份使用指南告诉你-UICN用户体验设计平台

设计师都在用的情绪板是什么?这份使用指南告诉你
51.2°
原创文章 / 经验/观点 / / 举报

2021-05-17

大家好,我是Clippp。今天为大家分享的文章是「情绪板」使用指南。在很多项目总结中都能看到情绪板的运用,精美的图片搭配符合主题的关键词,准确地表达出产品的设计方向和风格。

通过这份使用指南,我们可以掌握情绪板的作用、组成、样式、灵感搜集以及制作过程。文末准备了一波优质资源,快来看看吧~

1、情绪板的作用 

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

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

3740377.png

情绪板能够巧妙地向客户传达设计理念。例如当设计师在说扁平化或极简等设计风格时,许多客户可能并不知道这些风格是怎样的,通过向他们展示一个包含这些风格的情绪板,他们马上就能明白并说出是否喜欢这种风格。

3740379.png

2、情绪板的样式

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

3740380.jpg

3740381.png

优势:实体情绪板能让我们更直接地看到甚至接触到这些素材,可以随时增加批注或者调整这些素材;透过实体的情绪板能扩宽想法,避免把思路只局限在屏幕上。

不足:实体情绪板在制作过程中需要大量打印,图片贴多了之后可能会造成混乱。这种呈现方式通常只能通过拍照来存档或者与其他成员共享,一定程度上会影响效率。

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

3740382.jpg

3740383.png

优势:线上存档和共享变得更容易,方便大家直接参与到修改或批注中。

不足:仍然是对着屏幕使用软件来规划情绪板,面对这些熟悉的操作可能会限制设计师的创造力。

3、情绪板的组成 

每个情绪板都是不同的,包含的内容会根据项目需要而有所不同。重要的是要包含尽可能多的元素,让想表现的设计思路更清晰。情绪板中包含的内容包括以下几种。

3740384.jpg

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

3740385.jpg

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

3740386.png

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

3740387.jpg

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

3740388.png

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

3740389.png

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

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

4、情绪板的搜集与制作

情绪板的灵感可以来自于任何地方。可以来自日常搜集的图片素材,或者优质的图片网站、设计网站甚至社交媒体中用户分享的图片或内容都能为你所用。我常用的情绪板素材网站包括Pinterest、ins、Unsplash、Behance等,这些网站大家都很熟悉且经常使用,也可以根据自己常看的其他网站来搜集素材。

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

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

Canva

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

3740390.png

Milanote

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

3740396.png

Moodboard

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

3740395.png

Adobe Spark

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

3740392.png

最后

情绪板对项目设计风格的探索和制定有很好的帮助,将情绪板融入到所从事的设计项目中是一件有意义的事。最后为大家搜集了一波高质量的情绪板素材,点击下载即可获取!

慢慢来比较快,希望对你有帮助~


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK