UI设计师如何创建情绪板?

大多数的设计师都知道线框和原型设计是设计过程中必不可少的部分。如果没有原型,你创造好设计的机会几乎为零。为了制作一个合适的原型,设计师需要花时间构思。设计师有很多不同的工具,可以在头脑风暴过程中帮助他们。而情绪板则是最有效的思维工具。

情绪板是一种工具,可帮助设计师找到正确的设计方向,并为他们想要创造的情感体验创造坚实的基础。

在本文中,您将发现这个工具的全部内容以及如何最有效地使用它。

 

 

什么是情绪板?

情绪板是与设计相关的调性、元素和图像的集合,并用作设计参考点。

情绪板可用于不同的需求。以下是情绪板的一些典型示例:

1. 品牌手册/标志LOGO(帮忙找品牌/图标样式)

2. UI设计(帮助查找和定义视觉原理)

3. 内容策略

4. 动效与交互

 

 

什么样的情绪板可以帮助设计师?

获得灵感

情绪板都是关于灵感的。

情绪板可帮助设计师找到美观的东西并在工作中实施。例如,图标设计师收集不同的形状以确定他们想要使用的图标形式。

情绪板为客户提供灵感。他们帮助客户获得设计感,这是从客户那里获得设计指导的一个很好的工具。

 

表达想法

当设计师试图传达一个想法时,有时候口头沟通可能很困难。言语还不够。设计师需要展示一些东西。

情绪板帮助设计师解释并说明他们为同行和利益相关者做出特定设计决策的“原因”。当被问及“为什么我们在UI中需要这种特定形状?”时,您可以向他们展示情绪板,这样您的设计决策就会变得清晰。

重要的是要提到情绪板传达一个想法,它应该包含一些人们使用的东西的例子,而不仅仅是抽象概念。这些可能是来自不同行业的例子。只有以这种方式使用情绪板才能证明设计方向是成功的。

 

 

创建和使用情绪板的8个技巧

创建情绪板可能很困难。幸运的是,我们有一些技巧和窍门可以让您更轻松地完成这个过程。

 

1.以真正的情感反应为目标

想一想在向利益相关者展示情绪板时想要传达的情感。在为情绪板选择第一个图像之前,试着想象什么会引起情绪反应。

PS:当你展示一个情绪板时,目标是让人们用“伟大”或“好东西”这样的词来做出真实的反应。注意你要向他们展示的表情。这将让您了解董事会是否在履行职责。

 

2.确保情绪板整体上相互配合

当一个设计团队负责创建一个完整的产品设计策略(产品的所有部分)时,为所有的情绪板设定一个明确的方向以使它们整体工作是至关重要的。这将有助于为你的未来设计打下坚实的基础,然后你开始推动设计。整体合作的情绪板有助于设计师创造全局——每个人都能清楚地看到一个团队想要在他们创造的产品中传达什么样的情绪。

 

3.情绪板是用来参考的工具;只展现你能实现的东西

当你展示情绪板时,你设定了期望。当利益相关者看到打磨后的情绪板时,他们相信最终的设计将具有相同的水平。如果交付与情绪板的质量有很大的不同,您可能会失去客户的信任。不要引用一些你不能执行的东西,因为它会使你失败。

 

4.超越数字世界

当涉及到创建情绪板时,设计师们常常在网上寻找灵感。当然, 百度可以给你很多好的图片,但它只是一个来源。

不要局限于数字媒体。从大自然中汲取灵感。如果你喜欢摄影,在你的设计产品中使用你最喜欢的照片中的颜色。

Mood board by GlebKuznetsov

纸是灵感的另一个极好来源 - 书籍和杂志可以成为完美的图像源。

Cover pitch by Jack Dylan. Courtesy of theartist.

 

5.规划你的收藏

小心不要犯这个错误:在情绪板中收集太多的图像。更多的图像并不总是更好。图像数量越多,人们理解信息的机会就越小。为什么?因为用户的注意力是有限的,用太多的信息压倒人们相对容易。信息过载使信息更加难以确定。

使用情绪板的主要目的不是娱乐,而是解决一个特定的问题。这就是为什么不是所有的图像都应该出现在情绪板上的原因。在制作情绪板时,我们更像是馆长而不是收藏家。当我创建一个情绪板时,我结合了多达1000张图片,但只包括10个最强大和一致的视觉参考。

PS:准备情绪板会让人难以承受。你通过成千上万的视觉例子,在一天结束的时候,你可能会面临一个很难将一个好的例子和一个坏的分开的情况。当你处理大量信息时,通常会感到不知所措。这就是为什么在收集信息的过程中有一个放松的时刻是如此重要。

以下是我的工作方式:

1. 定期收集图像(比如1000张)

2. 切换到不同的活动,放松一下

3. 删除收藏中的一半图像

4. 重复步骤2和3,直到只剩下30-40张图像

5. 仔细分析图像,只保留原始集的1%

 

我们的目标是让图片能够帮助你传达一种一致的情感。

After combining nearly 1,000 images, I leave only 10 of the most powerful and consistent visual references on my moodboard.

在组合了近1000张图片后,我在情绪板上只留下了10张最有力和最一致的视觉参考。

 

6.选择正确的格式

根据项目的类型,您可以制作离线或在线的情绪板。格式需要不同的方法。

当团队成员在相同的物理空间工作时,离线格式是完美的,并且可以亲自与利益相关者会面。离线格式的好处是您有机会亲自描述您的意思。客户可以提出问题并听取您的意见。

如果您有一个远程或分布式团队,在线格式是唯一可能的选项。在这种情况下,需要花费额外的时间为所有团队成员准备一个情绪板,以便了解您提供的没有评论的信息。你可以在黑板上加几个词来描述你的想法。

 

7.突出关键信息

无论你选择什么样的格式,它选择图像(或图片),这将是为你设计的基础是很重要的。你可以使用一个简单的技巧 - 通过物体的大小来引导眼睛。较大的物体(图像)可以比较小的物体捕获更多的注意力。较小的物体可以补充较大的物体。

使用这种方法,您可以将观众引导到您未来设计的最重要细节,并且他们将一目了然地获得所有必需的信息。

 

8.为将来的项目收集心情板上的最佳图像

情绪板不应该仅仅是用于设计提案。考虑在未来的项目中使用情绪板。使用Pinterest保存示例。使用Pinterest的一个好处是:您可以根据特定“画板”上的部分分发工作。

Mood board by GlebKuznetsov

 

 

创建情绪板的工具

1.Pinterest

Pinterest是设计师必备的工具。Pinterest允许您使用来自整个网络的资源创建情绪板。Pinterest还提供了丰富的现有情绪板集合,从厨房创意到高科技设备无所不包。获取所有这些信息是设计师寻找灵感的绝佳机会。

Pinterest is a great place to find inspiration. Automotive moodboard by GlebKuznetsov https://www.pinterest.ru/glebich/

 

2.TheMatboard

Matboard提供了对摄影师、电影制片人和商业导演制作图片的精选。

 

3.Canva

Canva是创建在线情绪板的绝佳工具。它有一个拖放编辑器,允许任何人在几分钟内创建惊人的情绪板。Canva还有一个图像库; 此功能可以为您节省大量时间(无需浏览网页即可找到正确的图像)

 

4.Evernote

虽然大多数Evernote的用户把它当做记事本,但可以使用它来创建情绪板。

 

5.Mural

当你需要和一个团队一起制作一个情绪板时,Mural是一个很好的工具。Mural创建了一个共享的数字空间,团队可以在其中就想法进行协作。

 

 

结论

创建情绪板的过程不应该无聊。应该很有趣。每一个有创造力的人都需要灵感,而创建情绪板对于设计师来说是一个极为有用的习惯。

 

 

 

作者:GLEB KUZNETSOV

原文链接:https://designmodo.com/moodboards/

每天更新,
全站高品质素材免费下载!