来源：Medium网站

作者：Paola Ascanio

翻译：奥创

阅读时长：7min

设置心情是任何设计项目非常重要的一步。它可以帮助设计人员和利益相关者在项目的视觉方面找到相同的页面。在UX设计和产品设计中，情绪板是图像，字体，交互，特征，图标和ui元素的拼贴，用于传达项目的艺术方向。作为用户体验设计中的一切，您的情绪板应该专注于满足用户需求和解决问题。在开始你的情绪板之前，有一些提示：

进行用户研究。在开始情绪板之前，请确保您对观众有足够的洞察力，最好先定义角色。

进行利益相关者访谈。询问品牌指南，如果没有，不要害怕询问视觉设计参考。该产品应该是什么样的？感觉怎么样？这些是你应该问利益相关者的问题。密切关注并寻找关键词，大多数客户使用干净的术语，这往往意味着很多负面空间和有组织的布局，他们只是不知道我们的设计术语。

了解您的市场和竞争对手。寻找色彩心理学，排版和整体设计的市场标准。了解竞争对手做错了什么以及他们正在做什么：进行有竞争力的审计。

第1步：情绪陈述

情绪板的第一步是定义以用户为中心的情绪陈述。根据牛津词典，在我们进入陈述之前，了解情绪是很重要的。

“情绪是一种暂时的心态或感觉。”

情绪陈述是短句，用于定义用户在与产品服务或功能交互时的感受。简单的句子格式包括：

名词：名词是一个用户角色，每个角色做一个情绪陈述

形容词：形容词是一种情感，一种感觉这个人物应该如何感受

动词：角色采取什么行动才能引发这种情绪

产品/服务：角色在创造情绪反应时与之互动的特征

第2步：设定心情

现在你已经拥有了所有的心情陈述，你可以通过定义情绪反应来设定心情。突出每个情绪陈述中的情绪，或者根据您拥有的用户角色数量分别将它们写下来，最终会产生2-5种情绪。这些情绪是人们在看情绪板时应该感受到的。情绪板触发的情绪应与您的情绪陈述保持一致。

第3步：确定样式

视觉风格是设计应该如何看，你将使用的字体，颜色和摄影。在便签上，在白板上或在笔记本中记下尽可能多的形容词来定义你想要达到的风格。在你记下一些形容词后，你不希望有太多的东西，除非你只有4个相互补充的关键词。以下是一些热门关键字，可帮助您入门：

第4步：找到声音和音调

声音是你心情的个性。类似于第三步头脑风暴8形容词，定义了你希望人们如何看待你的情绪。比选择4最符合你的情绪和风格。

如果你的风格明亮，大胆，年轻。你的声音和语气可以响亮，外向和乐观。

第5步：方向

把你的设计想象成一个想要长大并成为宇航员的孩子。你需要引导这个孩子每一步煽动他的技能和能力。你需要给他强有力的指导，所以无论遇到谁或者遇到什么样的逆境，他都能保持专注并实现自己的目标。方向就是您希望您的设计，产品或服务一旦推出并随着它的发展而变化的方向。

从为什么开始

为了确定艺术方向的坚实基础，我喜欢将《Simon Sinek的黄金圆圈》(TED演讲)应用于我为产品设计做出的小变化。在他的书“ 开始与为什么 Sniek”中，很少有人能清楚地阐明他们为什么做他们所做的事情。这对设计师来说更是如此。我发现这是缺乏方向我总是喜欢教这个快速练习来找到任何设计的方向。

在白板上或笔记本中画一个圆圈。

为什么 - 设计目的

你为什么要做这个设计？为什么相关？更多地思考为什么你对这个设计充满热情。

如何 - 过程

你怎么会发生原因？你会使用一个框架：bootstrap(一组用于网站和网络应用程序开发的开源前端框架，包括HTML、CSS及JavaScript的框架)，Material Design？你的设计如何更好？您的设计如何创新？

什么 - 业务目标

您的设计试图解决的问题是什么？业务和用户目标是什么？

在您回答之后将原因，方法和内容组合成一个句子，并且中提琴有一个方向。

第6步：语言

语言是您与受众沟通的方式。这是何时定义您是否将使用视频，插图或迷人的摄影来传达您的信息。情绪板语言的一些例子是：

摄影 - 迷人的图像，为自己说话

说明性 - 创造情感的艺术插图

交互式 - 参与的动态图形

第7步：构建您的主板

「可观看视频」

https://www.youtube.com/watch?ime_continue=2&v=CBCAAvKtpCI

在哪里建造它

建立情绪板的渠道是无穷无尽的。您可以打印，使用杂志上的切口，并将其放在墙上或实际的板上。您可以使用Sketch，Indesign，Photoshop和任何设计软件。您甚至可以使用Pinterest和milatone等应用在网络上构建它。但是，我建议用invision板建立你的情绪板。这简化了过程并节省了宝贵的时间。如果你在草图或photoshop中构建，你必须担心布局，仔细放置图像，你将没有动画或交互图像（GIF）。我发现invision比Pinterest更好用于情绪板，它可以让你添加颜色样本，实际字体，并且很容易与团队协作或与利益相关者分享。

包含哪些内容

这是设计中反复出现的问题，情绪板应包括哪些内容？我喜欢看情绪板是鼓舞人心和有方向性的。因此，我包含任何激励我的东西，为项目提供明确的艺术指导。

字体

选择符合您的风格和情感的字体。赶上字体心理学阅读crazzyegg文章A专业设计师分享字体选择心理学[信息图]（https://www.crazyegg.com/blog/psychology-of-fonts-infographic/）

颜色

了解你的色彩心理学是什么颜色触发了什么样的情绪，并确保这与你的心情保持一致。

互动

我喜欢和下一个人一样在运球上看我的互动，但我建议向开发人员和交互设计师询问任何图书馆或者在交互部分进行协作。

关键状态

设计中元素的状态按钮样式，链接样式，按下，不活动，活动等。

图标

如果你在Dribbble或The Noun Project上展示你自己的图标寻找灵感，超过100万个图标，它们几乎可以有任何图标。

摄影

为了灵感，我推荐了unsplash。对于高质量的股票摄影，我推荐iStock和Adobe Stock他们很容易搜索和过滤图像。

插图

Behance是艺术家游乐场，是寻找顶级艺术家灵感的最佳场所。Dribbble始终是搜索任何视觉设计或用户界面设计的好地方。

笔记

添加备注，样式关键字，语音和语气，方向和语言，使其在您的主板中可见。

哪里可以找到灵感

停止在谷歌图像和Pinterest上寻找设计灵感。问题是你会发现可以追溯到5年前的流行图像。请记住，您希望通过搜索谷歌和Pinterest来了解设计趋势，您将面临过时设计的风险。在设计师策划的网站上搜索灵感，搜索时不仅要查看最流行的设计，还要查找最新的设计。以下是我寻找设计灵感的顶级网站。

Dribbble

Muzli

Behance

Designspiration

最后的想法

在寻找设计灵感时，每次将图像保存到存储桶，集合或设备上时，都要保持可视关键字的可见性，确保它与您的可视关键字保持一致。作为有创意的人，我们只是爱上了设计或元素，但是，因为我们喜欢它并不意味着字体，或者那种颜色与我们正在研究的项目一致。用事实来支持您的决策，这是使设计变得强大的原因。

---------------------------------

喜欢请点赞分享并关注哦~~