情绪板在软件界面设计中应用.docVIP

情绪板在软件界面设计中应用摘 要： 随着技术的进步，软件行业的发展，人们不再满足于软件的基本功能需求，对界面操作体验及舒适性提出了更高的要求。本文就情绪板在软件界面设计中的应用做简要分析，以阐明情绪板如何借助于“图像”，激发并探索用户的潜在期望，并将其翻译成有效的视觉语言。输出具有指导意义的“配色方案”和“视觉风格”，服务于后续的界面设计，创造出具有良好用户体验的软件产品。 关键词： 情绪板；软件界面；配色方案；视觉风格 1 前言 随着计算机技术的进步，软件行业准入门槛降低，软件产品层出不穷，行业内的竞争日趋激烈。用户对软件产品提出了更高的要求：在满足基本功能需求的基础上，操作界面需要更加的便捷和舒适。在此背景下，优秀的用户体验就成为破局的关键。 用户对软件产品的体验主要是通过用户界面（User Interface）和交互操作来实现。软件界面既是信息交互的媒介，也是用户体验的媒介，界面体验让用户在操作中更好地感受自我、掌控进度。然而界面设计有两个局限性：滞后性，只有看到实际效果图才能确定是否符合预期，这样就增加了修改设计的风险，延长了设计周期；主观性，每个人的感受并不一致，在项目推进中会遇到非理性阻力。因此，界面设计要平衡各方面因素，寻找一个最佳的表达方式，将设计师的理念翻译成大众能够理解的、符合其心理预期的、具有良好体验的视觉语言。 2 情绪板概述 2.1 情绪板的基础概念 情绪板（Moodboard），针对要设计的产品及主题方向的色彩，图像，影像文件的收集，引起某些情绪共鸣，以此作为设计方向或者形式的参考。帮助设计师明确界面设计的视觉风格需求，进而提取配色方案、视觉氛围、材料质感，为设计师提供灵感和设计依据。 情绪板的核心原理是依靠可见元素激发用户的潜意识，从而将期望值、价值观、情绪感等无法用语言或单一图画来表达的元素清晰传递出来。 2.2 情绪版的应用状况 情绪板诞生于上世纪的非信息时代，通常参与者被要求从日常的报刊杂志中挑选出符合“某种心情意境或关键词”的图片，把图片剪辑粘贴在一起，就制作成了一张纸质情绪板（与剪报有相似之处）。到了信息爆炸的web2.0时代google、百度等搜索引擎的普及；花瓣、全景图等专业素材网站的崛起，“情绪板”这种方法也与时俱进的实现了无纸化，以电子档的形式存储图片素材。目前百度、腾讯、阿里巴巴等大型互联网公司的UED部门在项目实施中都运用情绪板的设计方法。 3 情绪板在视觉风格探索阶段的应用 情绪板的应用经历关键词筛选、衍生关键词筛选、图片搜索拼贴、诠释衍生关键词、情绪板输出分析这五步。其流程大致梳理如图1。 3.1 关键词筛选 关键词（Keywords）的产生是一个糅合的过程，它需要综合企业文化/营销策略、行业特征、目标用户群、产品的价值定位等因素来界定。以此得出的关键词一般是很抽象的单词如：“宁静”“智慧”“和谐”，一个产品的关键词不易过多3-4个为易。 3.2 衍生关键词筛选 在衍生关键词的筛选中，一般会配合访谈。我们要求受访者基于核心关键词衍生出一些新的词汇，并以这些衍生词汇为关键字节，使用搜索引擎查找图片。这样有两个好处：一，合理地引导调研对象发散思路，让参与者仔细思考关键词在他们心中的定义；二，避免关键词图片搜索的重复，影响情绪板质量。我们以“宁静”“智慧”“和谐”为例： 1）自由发散问题看到“宁静”想到了什么？ 2）引导发散问题如果“宁静”是一种颜色，你觉得是什么？为什么？如果“智慧”是一件物品，你觉得是什么？为什么？如果“和谐”是一种场景，你觉得…… 3.3 图片搜索拼贴 在此阶段，要求用户使用“关键词”和“衍生关键词”，通过网络渠道收集大量的对应的素材图。随后根据关键词对图片进行归类，拼贴。在此需要说明的是，对于关键词对应图片的选取需要根据出现频率来排列。出现次数少的，怪癖的图片尽量少取。 3.4 诠释衍生关键词 在生成情绪版的同时，用户研究人员将对“衍生关键词”按照三个维度（视觉映射、心境映射、物化映射）去分类整理。这个过程的目的是帮助设计人员从用户的角度去理解抽象关键词的“具象诠释”，这样有助于将用户的潜在情绪具象化，可视化。一个比较通俗的做法就是制作一个表单，表头为关键词，左侧分别是“基础词义”“视觉映射”“心境映射”“物化映射”。用这个表对衍生关键词进行诠释，有利于对比突出受访者真实的情绪诉求。 3.5 情绪板输出分析 情绪版的输出物主要有：配色方案、材质提取、视觉风格三类。配色方案提取，我们将情绪版在PS中进行高斯模糊，再使用颜色滴管提取大色块；材质提取，结合衍生关键词的分析结果，将情绪版中出现频率较高的物化纹理和材质提取