情绪版-Mood board

情感化设计可以使得一些产品和其他产品有差异性,在缺乏产品设计差异化的当前,情绪也起着一定作用。情绪影响感知,决策,记忆。

定义
指对要设计的产品和相关主题方向的色彩,图片,影像或其他材料的收集,从而引起某些情绪反应,因此作为设计方向或者是形式的参考。
借助图像,启发和探索用户内心对产品的真实感受,将感受视觉化,帮助设计师收集情绪灵感的来源方式,整理在一起就是设计情绪主题的框架方法。用于提取配色方案、视觉风格、质感材质,以及指导视觉设计,并据以说服其他人之所以如此设计的理由。
情绪版能帮助组织和我们个人理解设计的重要依据,情绪板的正确反馈以及和你的领导,用户提供一个很好的价值主张的新式,确保产品设计,风格可以真正与用户产生情感共鸣。

创建过程

image.png

第一步:通过用户研究或者产品定义确定原生关键词
关键词的产生前期大部分公司是领导对行业的研究而下的定义,对于一个产品定位的初步概述,可以根据企业文化、用户研究、行业特征、用户群、产品核心定位来进行总结关键词。也可以根据一定数量的用户访谈结果来总结,看用户希望产品是什么样子,获得初步的体验关键词。显示:云图

第二步:通过原生关键词发散和访谈出更多衍生关键词

发散得到更具象,更视觉化的衍生关键词。可以先由设计师发散,再和内部人员进行讨论,最终挑选出2-4个关键词。(从三个方面:视觉-心境-物化归纳衍生出的关键词)
image.png

第三步:根据最终关键词收集图片,提取情绪版
确定好关键词后,需要通过网络渠道,从dribble、pinterest、behance等收集大量对应素材来匹配关键词,从抽象定义到实际的图片形象概述情绪版。
进行视觉映射,从形、色、字、构、质方面
1.图形分析
点、线、面
2.色彩分析
风格化图片模糊提取配色,参考的竞品可以从色彩使用上,撞色,渐变等得出色彩定位
3.字体分析
英文有无衬线,中文方正或是圆滑,字间距等得出字体使用定位
4.构成分析
信息板块之间的穿插组合。如板块层叠构成是一种常见设计方式,卡片叠加,配合大的弥散投影来体现层级关系、
5.质感分析
设计质感,总结上诉的四点,看是否与最终得到的关键词可以很好匹配表达。
这一套情绪版就制作出来了,包括产品对于用户的感受关键词是什么样;以及对应的视觉表达

第四步:评审情绪板
将个人感受代表的情绪板拿来和公司内部人员探讨,达成共识。在讨论中,设计师需要以下问题进行引导。1.请选出最能体现你对xx产品感受的图片。2.为什么选择这些图片?3.有没有一些感受是这些图片体现不了的?4.和其他产品的差异?5.产品最像什么动物或者人?

注意:第三步和第四步是一个迭代的过程,需要反复进行,在这个过程中,需要做好记录,因为接下来的设计风格和设计原则都会用到这些讨论内容。这种方法帮助不仅是通过它确定了产品风格,而是通过讨论情绪板的过程使用户和公司内部人员想要的设计结果更加清晰视觉化,同时对讨论过程的一种硬性设计原则也会达成共识。

第六步:总结设计准则
通过以上讨论分析,得出设计准则


image.png

每个设计准则的要点,都是从讨论的过程中总结出来的,比如,更易用中的给用户更少的选择,就是通过情绪板中很多箭头的图片总结出来的,所以讨论中记录很重要。
情绪版创立好后,结合设计准则,用设计思维把产品风格、字体、颜色、控件等设计出来。

根据设计准则输出设计方案

旧版本

针对旧版本问题及得出的设计准则,得出设计方案
改版后

工具:
Invision Board,可以创建各种情绪版,可以协作分享。
https://www.invisionapp.com/
Pinterest全球设计师使用最多的情绪版
Unsplash构建的Goodnoodboarrd
http://www.gomoodboard.com/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343