本文内容主要来自于《A UX guide to designing better mood boards》、《Mood Boards for Product Designers》、《Design Mood. 7 Motives to Create Mood Boards》3篇文章(文末有链接)
共分为4个部分
1 什么是情绪板?
2 为什么要建立情绪板?
3 创建和使用情绪板的8个技巧
4 情绪板应该包括什么?
1 什么是情绪板?
1 情绪板不仅在设计领域中很流行,而且在许多创意专业人士中也很流行。情绪板实际上是一个容器,人们往里面添加各种图片,以便可以将想法和概念形象化。
2 与线框和原型不同,情绪板不会显示未来项目的详细图片。它们旨在传递正确的情绪并带来产品期望的情感。
3 情绪板是一种有用的工具,可以帮助设计师有效的与客户和团队成员进行协作。可以在紧迫的时间内轻松创建框架,并将抽象的想法变成真实的想法。这样,设计师可以与其他人有效地分享他们的想法。
2 为什么要建立情绪板?
1 节省时间和精力
情绪板一个很大的优点是,它不需要太多时间来完成。这意味着设计师可以在几个小时或更短的时间内,呈现概念视觉指南。情绪板可以轻松地进行编辑,从而节省了时间和精力。
这样的指导方针是一个良好的基础,可以快速进入原型的下一阶段。此外,如果客户对结果不满意并要求采用新概念,那么对于设计师来说时间成本较少,他们不会花一整天时间来创建详细的演示文稿。
2 汲取灵感
情绪板是寻找想法的好方法。图片和插图有助于找到正确的设计风格。
3 传达想法
当产品处于抽象概念阶段时,有时设计师和客户在讨论时很难相互理解。例如,双方对特定样式的看法有些不同,因此可能引起争论。这就是为什么拥有一些视觉参考(例如情绪板)总是一个好主意的原因。
4 找到正确的配色方案
通过在情绪板上混合不同颜色的图像,即使UI元素尚未准备好,设计师也可以尝试使用调色板。
5 为设计找到样式
如果创意团队尚未收到客户关于设计风格的指示,则任务将落在设计师的肩膀上。要查看一种或另一种样式的工作原理,无需为每种样式构建详细的原型。向情绪板添加不同的样式,尝试使用插图类型,测试字体并更改颜色。与使用情绪板进行选择相比,花时间逐个更改原型要更快,更方便。
6 获得客户信任
获得客户信任的一种方法是让他们感到自己已经深深地参与了项目。因此,在此阶段,如果他们愿意,他们可以积极参与样式和样本的选择。
3 创建和使用情绪版的8个小技巧
1 传达正确的情绪
在制作情绪板之前需要清楚想要传达的情绪,在挑选情绪板图片之前,先想象一下会引起情感反应的事物。
2 确保情绪板相互协调工作
当设计团队负责制定整个产品设计策略时,至关重要的是为所有情绪板设定明确的方向以使其整体工作。这将有助于为开始设计之前打下坚实的基础。相互配合的情绪板可以帮助设计师创建一幅大图,每个人都可以清楚地看到团队想要在他们创造的产品中传达什么情感。
3 情绪板是参考工具
当你展示情绪板时,你就设定了期望。当利益相关者看到情绪板时,他们相信最终的设计与之相似。如果交付与情绪板的质量相差很大,则可能会失去客户的信任。
4 超越数字世界
在创建情绪板时,设计师经常会在网上搜索灵感。不要将自己局限于数字媒体。从大自然中汲取灵感。如果你喜欢摄影,请在设计产品中使用喜欢的镜头中的颜色。
5 合理规划情绪板
注意不要犯此错误:在情绪板上收集过多的图像。图像多并不是好事,图片数量越大,人们理解信息的机会就越少。用户的注意力有限,信息超载使消息更加难以确定。使用情绪板的主要目的不是娱乐性,而是解决特定的问题。这就是为什么并非所有图像和纹理都值得放在情绪板上的原因。创建情绪板时,应更像策展人,而不是收藏家。
6.选择正确的格式
根据项目的类型,你可以制作离线或在线情绪板。
当团队成员在相同的物理空间中工作时,脱机格式是完美的选择,并且可以亲自与利益相关者见面。离线格式的好处是你有机会亲自描述你的意思。客户可以提出问题并听取你的意见。
如果你有远程或分布式团队,则在线格式是唯一可能的选择。在这种情况下,需要花费额外的时间为所有团队成员弄清楚情绪公告板,以便对你提供的信息有所了解而无需评论。随意在董事会中添加一些词来描述想法。
7 突出关键信息
无论选择哪种形式,都必须选择一个或多个图像作为设计的基础,这一点很重要。可以使用一个简单的技巧根据物体的大小来引导眼睛。较大的对象(图像/纹理)比较小的对象更具吸引力。较小的对象可以补充较大的对象。
8 从情绪板收集最佳图像,以供将来的项目使用
情绪板不仅仅应该用于宣传。考虑为将来的项目使用情绪板。使用Pinterest保存示例。使用Pinterest的好处是你可以根据特定“板”上的内容找到更多的图片。
4 情绪板应该包括什么?
1 字体
选择符合你设计风格和情感的字体
2 色彩
选择合适的色彩,了解什么颜色会触发什么情绪,并确保与你的设计中情感保持一致
3 交互
可以去dribbble那样的平台找一些交互参考,但是更建议向开发或者交互设计要一点组件库
4 关键状态
设计按钮样式、链接样式、点击与非点击样式等
5 图标
可以在dribbble或者其他平台找一些符合你设计风格的icon
6 图片
可以在unsplash、istock上找一些灵感图片
7 插图
可以在bechance、dribbble上找一些插图
8 笔记
添加注释,风格关键词、设计方向等有助于在会议中更好的展示
对于每一个有创造力的人来说,“情绪板”都可以成为一个有用的习惯。设计师可以创建情绪板来寻找灵感,或者将其作为工作流程中的附加工具。
最后附上3篇文章的链接
《A UX guide to designing better mood boards》:https://uxdesign.cc/a-mood-board-strategy-for-cohesive-visual-design-5620dec3fed7
《Mood Boards for Product Designers》:https://designmodo.com/moodboards/
《Design Mood. 7 Motives to Create Mood Boards》:https://uxplanet.org/design-mood-7-motives-to-create-mood-boards-b81ae36e399f
微信公众号/抖音/ 同名:菠萝方舟