恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见
design

推广

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计师都在用的情绪板是什么?这份使用指南告诉你
103.3°
原创文章 / 经验/观点 / / 举报
19766 142 265 7

2021-05-17

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

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

1、情绪板的作用 

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

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

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


2、情绪板的样式

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

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

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

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

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

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


3、情绪板的组成 

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

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

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

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

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

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

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

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


4、情绪板的搜集与制作

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

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

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

Canva

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

Milanote

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

Moodboard

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

Adobe Spark

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

最后

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

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

Powered by Froala Editor

情绪板ui交互用户体验分享

创建于:2021-05-17
下载
收藏

142人已收藏

Clippp

微信:Clip设计夹

  • 17

    作品

  • 400

    粉丝

  • 25

    关注

  • 掌握这20条用户体验设计原则,助力设计成长!
  • 如何提升下拉菜单的设计体验?看看这些关键知识点!
  • 从样式、准则和案例3个方面,系统性总结移动端导航设计!
  • 登录页需要注意的设计细节和逻辑,我都帮你总结好了!

猜你喜欢

    Clippp

    Clippp

    微信:Clip设计夹

    身经百战首页达人话唠收藏家lv.2
    • 400

      粉丝

    • 588.5

      人气

    • 6075

      颜值

    作品

      GDC Award 2021启航

      推广

      最新推荐

      经验 | 矩形字体设计案例讲解

      19 0 0

      相关佳作
      换一换

        Clippp

        点赞:265

        收藏:142

        评论:7

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

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

        如果查出恶意举报,十天内禁止提交任何举报申请。

        0/200

        上传证据: 超过10M的附件请使用网盘地址

        点击上传附件

        对谁可见:

        全部设计师
        • 全部设计师
        • 推荐设计师和认证设计师

        您确认要推荐?

        该作品发布时间:2021年05月17日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

        账号或密码错误,请重新输入

        账号或密码错误,请重新输入

        登录

        账号或密码错误

        发送验证码 120s 验证码错误

        登录