美文网首页产品经理进阶产品面面观互联网产品设计
设计师都在用的情绪板是什么?这份使用指南告诉你

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

作者: Clip设计夹 | 来源:发表于2021-05-05 12:46 被阅读0次

    在很多项目总结中都能看到情绪板的运用,精美的图片搭配符合主题的关键词,准确地表达出产品的设计方向和风格。

    Clippp的第59篇文章分享

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

     1.情绪板的作用 

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

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

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

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

     2.情绪板的样式 

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

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

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

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

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

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

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

     3.情绪板的组成 

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

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

    图片

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

    颜色

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

    隐喻

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

    文字

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

    纹理

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

    批注

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

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

     4.情绪板的搜集与制作 

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

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

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

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

    Canva

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

    Milanote

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

    Moodboard

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

    Adobe Spark

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

     最后 

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

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


    精彩推荐:

    1、聊聊卡片式设计的运用

    2、案例分析:栅格系统的布局设计

    3、如何设计深色模式?这3点因素需要考虑

    4、深度解析:服务蓝图的应用逻辑设计

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/xhbkdltx.html