在设计过程中,我们经常会主观的去定义产品视觉风格,从而忽略了产品的本质特性与用户的客观认知。情绪版方法论能让我们在做设计时,更加客观、理性的去定义产品的视觉风格,让设计更贴切产品气质。
情绪版(Mood Board)是指将一系列的与设计主题相关的图片、文字、照片等抽象或具象的素材拼贴在一起,营造出产品对应的情绪和氛围,引起情绪共鸣。简单的说情绪版是视觉灵感的合集,是视觉思维的一种可视化表达方式。
明确产品的核心关键词(也叫原生关键词)需要我们洞悉业务本质。我们可以从产品特色、目标用户、用户需求特征等出发探索产品的核心关键词,核心关键词可以是业务功能相关的关键词也可以是情绪性格相关的关键词。情绪版定义时选出3-5个原生关键词即可。
举个例子,比如公司想做一款理财类产品,我们可以根据产品定位与用户需求特征确定原生关键词。说到理财产品首先能让我们的客户放心与信任,让用户觉得我们的产品是安全可靠的,懂用户、给用户推荐适合用户的理财产品,让用户感到贴心与专业是我们需要做的;在时间就是金钱的时代,让用户足不出户就办理好、快速办好相关的业务,让用户感到便捷高效也是很重要的。从业务本质与用户需求我们确定出原生关键词为安全、贴心、便捷。
从原生关键词出发进行头脑风暴,挖掘与原生关键词相关的衍生关键词。这一步除了团队内部的头脑风暴外,还需进行用户访谈。衍生关键词可以是抽象的也可以是具象的。
接着上面的例子,我们将提取出来的核心关键词安全、贴心、便捷进行头脑风暴以及用户访谈,我们得到相关的衍生关键词为:
安全:可靠、信赖、放心、锁、保险箱、110、警察等(我一般会先收集抽象的,再收集具象的)。
贴心:呵护、温暖、体贴、天使、微笑、向日葵等。
便捷:智能、效率、科学、ai、人工智能、飞机、机器人等。
关键词映射是情绪版中非常关键的一步,因为这一步是由抽象转具象,对我们产品的视觉风格成型至关重要。衍生关键词,可按照以下三种映射关系进行提炼整理。
1.视觉映射
关键词联想到的视觉呈现。比如说到品质感会想到黑色、金色;说到简约会想到白色。
2.心境映射
从关键词联想到的心理感受。比如说到简约会联想到干净、整洁、透气。
3.物化映射
从关键词联想到的具体事物。比如说到高端会想到香奈儿、巴宝莉等品牌。
四、搜索关键词相关的图片
通过以上收集与提炼到的关键词,进行相关图片收集、从而生成我们的情绪版。
前面的所有步骤都是为这一步服务的——提取视觉风格。一直强调所有的设计方法论最终都是要回归到设计中去的。通过分析我们的情绪版、提取出符合产品特性的视觉元素。视觉元素包括图形、色彩、字体、板式构成、质感。
图形
从情绪版中提取符合产品气质的图形元素。比如我们做理财类的产品,收集到情绪版中的图形锁、保险箱等图片的图形元素都是直角,所以在我们的产品中直角会比圆角更符合产品的气质。
色彩提取
从情绪版中我们可以很明了的看出符合产品气质的颜色是什么。通过GIF法与高斯模糊提取我们所需色彩。
GIF法:把图片导入ps中,选择存储为web所用格式-选择GIF仿色,就会出现相关的颜色。
高斯模糊:把图片导入ps中,将图片进行高斯模糊你会看到图形中核心部分区域颜色是什么,从而吸取提色。
字体提取
选择符合产品气质的字体。比如像蘑菇街、韩剧TV等软件的banner设计中常用的字体都是从时尚杂志中提取出来的,因为她们的目标用户(年轻女性群体)平时喜欢浏览时尚杂志,会更容易被杂志字体吸引。
构成
选取符合自身产品特性的版式构图。是采用呼吸感强的大留白形式、还是采用具有比较拥挤但内容呈现多的板式等。
质感
选取与产品相呼应的质感与纹理,质感能够体现设计细节与产品气质。比如金属质感能够传递出轻奢的感觉、光感底纹能够传递出科技感等。
情绪版帮助设计师理性客观的定义视觉设计风格。帮助设计师收集设计灵感,推动设计方向。让我们的设计更加可视化、透明化。在自己定义设计风格前,记得使用情绪版方法论哦~
扫码关注,一起学习与进步呀!
点个「 在看 」或者「 分享 」一下吧❤️ 👇👇