【情感化设计】情绪版(Mood board)操作流程的新思考

【情感化设计】情绪版(Mood board)操作流程的新思考

类别全部 ; 交互信息

情绪版这种方法在国外的应用已经有一定的历史了，它诞生于上世纪的非信息时代，通常

参与者被要求从日常的报刊杂志中挑选出符合“某种心情意境或关键词”的图片，把图片减

下来，然后粘贴在一起。但时代在变，如今我们正经历着信息爆炸的网络时代——google、百度各种图片搜索引擎的进入了我们的生活；Shutter Stock、全景图等国内外专业图片素

材网站的异军崛起——这不得不让我思考，“情绪版”这种方法是不是也能感受一下党中央

的号召，“与时俱进”一下呢？

在今年10月份的安卓客户端设计研究的项目中，我们组织用户参与尝试了这个研究方法，并且对该方法的操作实施细节与分析过程进行了一些小小的改良。希望通过这边文章，与

大家分享一下整个方法的流程。

1 传统意义上，情绪版的定义和意义

MOOD BOARD（情绪版），是指对要设计的产品以及相关主题方向的的色彩，图片，影像

或其他材料的收集，从而引起某些情绪反应，以此作为设计方向或者是形式的参考。帮助设计师明确视觉设计需求，用于提取配色方案、视觉风格、质感材质，以指导视觉设计，

为设计师提供灵感。

2 传统情绪版的操作方法

2.1 首先，综合用户研究结果、品牌/营销策略、内部讨论等方式明确体验关键词，可以得

出体验关键词（Experience Keywords）。通常，这也会是一个商业决定。

2.2 其次，可邀请用户、设计人员或决策层参与一段时间的素材收集工作。通常会从日常

接触的报刊杂志中选取并粘贴到一起。

2.3 再次，会针对每个人的情绪版收集起来，配合以定性的访谈，了解选择图片的原因，

挖掘更多背后的故事和细节。

2.4 最后，将素材图按照关键词聚类，提取色彩、配色方案、机理材质等特征，作为最后

的视觉风格的产出物。

3 改良版MOOD BOARD

在安卓客户端视觉风格研究中所尝试的方法流程——

3.1 第一步，原生关键词。

与传统操作方法（上一段所介绍的2.1）没有差异。

3.2 第二步，衍生关键词。

在这个研究中，我们对传统情绪版流程进行了一些改变，允许参与者使用图片搜索引擎和素材网站查找图片的。但是，如果仅通过单纯对原生关键词的搜索，很容易导致不同参与者提供的图片素材出现同质化的问题。所以，在搜索图片之前，插入了“衍生关键词”这个步骤。我们要求参与者首先头脑风暴画出关键词的思维导图（如下图）。一方面，合理地引导调研对象发散思路，另一方面，也在过程中深挖原生关键词在他们心中的定义。

衍生关键词诞生访谈：

自由发散问题——看到“简洁”你想到了什么？

引导发散问题——如果“简洁”是一种颜色，你觉得是什么？为什么？如果“简洁”是一种食物，你觉得是什么？为什么？如果“简洁”是……

3.3 第三步，图片搜索，提取图片生成情绪版。

在这阶段，要求用户使用“原生关键词”和“衍射关键词”，通过网络渠道，收集了大量的对应的素材图并配合定性访谈。

3.4 第四步，衍生关键词的分析——分维诠释

在生成情绪版的同时，用研将所有“衍生关键词”按照三个维度去分类整理。这个过程的目的是帮助项目组成员从用户的角度去理解“抽象关键词”的“具象诠释”。所有的关键词可按照以下三个维度分类——

视觉映射

心境映射

物化映射

3.5 第五步，对情绪版进行“色彩分析”和“质感分析”

很多传统的情绪版调研方法可能在情绪版生成后就结束了，这种做法很可能导致研究和最

后的设计产出的脱节。因为，设计者们往往停留在自己的主观消化和感触中，再开展设计，缺少较客观的度量方法。在这次的调研中，我们最终生成的产出物之一是相应的配色方案。

电子化的情绪版对后期的“色彩分析”也是比较方便。

一方面，我们将情绪版在PS中进行高斯模糊，再使用颜色滴管提取大色块。当然，现在

已经有很多用户配色方案提取的网站和软件，这样更事半功倍。

另一方面，结合衍生关键词的分析结果，讲情绪版中较高频物化纹理和材质提取出来。

BY：晓千良知塾情感化设计分享：【情感化设计】情感化设计对互联网产品的启发