如何确定UI设计风格 - 情绪版

今天我们来聊聊设计流程中不可缺少的一个环节 - 情绪板

我们在网上经常会看到这样的图片

这就是大家所听说的情绪板，主要目的就是传递一种设计价值和设计风格。

简单解释就是，在没展示设计作品之前，把情绪板一展示，别人就能明白你想设计的风格。

情绪板是由拼贴元素组成的视觉展示，由图像、文本、对象小样等元素组成。可以是有目标主题的，也可以是随机选择的任何素材。

情绪板是一个帮助设计师构建设计氛围、风格的视觉工具，通过收集相关的素材，然后在这些素材中寻找隐藏的 ”线索“，让设计师的设计思路可以更明确，更具体。

情绪板的制作流程其实是没有固定的制作流程，完全可以根据自己的需要进行调整和变更，下面是我自己制作和应用的情绪板流程。

1、提取关键词

在项目设计之前，我们可以根据众访谈和用户研究，获取3-5个必要关键词。这些关键词是我们这次项目设计的目标。

常见的比如：高端、精致、上档次……

以及高效、简洁、实用、大气、质感、格调等等。

2、衍生关键词

根据原生的关键词查找对应的图片，有时会存在一些难度，所以在原有这些词汇的基础上，我们可以根据头脑风暴来衍生出一些新的词语。

如果觉得思路枯竭，也可以自己找同事、朋友一起进行头脑风暴，获取相应的衍生词，衍生词汇的数量适中即可。

3、搜索图片

这里注意一点，我们最初获取的关键词大多是‘假大空’的套话，如果想要找到对应的图片会存在一些困难，这时我们可以根据衍生关键词去搜索图片。

通常我们通过各种设计网站去收集图片，比如behance、pinterest、花瓣等，另外我们平时可以收集一些情绪版，这样下次使用的时候更加方便。

4、制作情绪板

搜索了大量的图片，我们可以与同事进行探讨，从中挑选出符合我们需要的素材内容，然后进行下载和整理。

情绪版制作完成之后，这个我们可以根据情绪版确定配色方案和确定设计风格。

提取配色方案：根据我们制作的情绪版，我们可以选择一个与我们产品定位（关键词）相近，用相关工具获取它的配色信息，如下图

确定设计风格：确定产品的配色方案之后，我们可以搜索一和情绪板呈现的感受近似的设计案例，作为设计参考。注意的是我们不要直接按照案例去设计，只是利用他们做一个参考物。

在实际工作中，可能没有这么多时间去制作情绪版，这时我们可以根据自己的需求灵活进行制作。

注意在制作情绪板时，不要固定于某种形式，灵活运用即可。