网页设计 » 用户体验 » 设计师如何运用情绪板?

设计师如何运用情绪板?

发表于: 用户体验. 评论
Sponsor

前言:情绪板(也可称作:灵感板)是把一些想法、灵感做成「拼贴」的一种形式,通过精美的图片搭配符合主题的关键词,准确地表达出产品的设计方向和风格。这些想法通常在室内设计,时装、UI设计等领域中使用。

1.情绪板的作用

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

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

设计师如何运用情绪板?

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

设计师如何运用情绪板?

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

2.情绪板的样式

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

设计师如何运用情绪板?

设计师如何运用情绪板?

优势:实体情绪板能让我们更直接地看到甚至接触到这些素材,可以随时增加批注或者调整这些素材;

透过实体的情绪板能扩宽想法,避免把思路只局限在屏幕上。

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

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

设计师如何运用情绪板?

设计师如何运用情绪板?

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

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

3.情绪板的组成

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

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

图片

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

设计师如何运用情绪板?

颜色

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

设计师如何运用情绪板?

隐喻

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

设计师如何运用情绪板?

文字

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

设计师如何运用情绪板?

纹理

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

设计师如何运用情绪板?

批注

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

设计师如何运用情绪板?

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

4.情绪板的搜集与制作

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

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

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

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

Canva

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

设计师如何运用情绪板?

Milanote

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

设计师如何运用情绪板?

Moodboard

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

设计师如何运用情绪板?

Adobe Spark

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

设计师如何运用情绪板?

最后

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

设计师如何运用情绪板?

最后为大家搜集了一大波高质量的情绪板素材,在「设计达人」公众号后台回复「情绪板」即可获取!

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }