小莫

情感设计是很多产品成功的秘诀,它可以使得一个产品和竞品有差异性,特别是在互联网产品设计同质化的今天,有很多功能类似的产品用户可以选择,但是用户为什么用你的产品?这不仅仅是功能本身,情绪在里面起着巨大的作用,它会影响到我们的感知,决策以及记忆。

 

1上能把用户变为粉丝,粉丝会去传播他们喜欢的产品,这是苹果、谷歌、facebook这些公司的秘密武器,苹果为什么可以成功离不开这些狂热粉丝的传播,这也是为什么很多公司模仿他们却很难成功。

23

4

说到情绪设计,不得不说情绪板,这种方法已经在国外有一定的历史了,它诞生于上个世纪非资讯时代,通常参与者要求从日常报刊杂志挑选出符合“某种心情意境或关键词的”图片,把图片减下来,然后粘贴在一起!但是随着互联网时代来临,谷歌,百度各种图片出现,现在一个花瓣一个pinterest都可以成为一个情绪收藏的地方。

5

情绪板,换句简单话来说就是由图像、视频和其他视觉元素组成拼贴在一起想法和过程,主要目的是讲述项目背后的故事,以此作为设计方向形式上的参考,同时情绪版也可以在配色方案上、视觉风格、质量材质作为设计指导,帮助设计师提供一些设计方向和指引。

6

7

这个关键词可以是公司战略定位,是产品的目标也可以是产品的特点,或者从用户那里得来的关键词,这个环节可以和设计师、产品一起去定义这些关键词,举个例子(案例来源于阿里UED公众号,双11品牌背后的故事)今年双11的战略关键词:新零售,全球化,节日狂欢 这是今年一级关键词,那么延伸下去,有哪些核心关键词。

8

前面一级关键词可能更多从战略,大的方向思考的,还需要在这个基础上去进行二级关键词的延伸得出一些更精确的关键词,比如包容、鲜活、精彩等等!同时在这个关键词基础上能更加细化出一些情绪或者视觉表达的形容词,比如五彩缤纷、国际化、梦想等等。

9

最终确定设计灵感:Open,Beyond Imagination! 开启,超越想象的精彩!这就是表现上的灵感,用「Open」来构建情感上的共鸣。

10

在确定好关键词后,需要通过网络渠道dribble、pinterest或者behance等等,去收集大量对应的素材图片来匹配关键词,比如关键词是:国际化、舒适、杂志那么我们要基于关键词去寻找能代表这些气质的合适的图片。

11

12

在第三步确定了关键词的一些感受图片,那么到了这一步,需要去对这些关键词进行视觉映射,也就是常说的形、色、字、构、质!

那么在图形上是否可以运用一些几何线条强的,比较方正,圆形这种最简单几何图形,来体现出国际化的品质。

13

14

在色彩上,这种大面积马卡龙的配色撞色设计很符合舒适的感觉,这种渐变的交替很符合整个色彩的定位,是否可以映射到色彩体系里面。

15

16

17

在中文字体上需要用一些比较方正,线条比较时尚的字体,比如方正兰亭黑,比较能符合前面定义的杂志化这个关键词,同时英文字体采用衬线体,如: Cinzel 和playfair作为英文字体,运用到平面设计上。

18

19

20

在构成上,板块层叠构成是一种新的设计方式,板块之间互相叠加,同时配合大的长投影层叠关系能很好的体现出信息层级关系,与想要的国际化是吻合的。

21

22

在设计质感上,马卡龙的配色和长投影的柔和配色,能很好的将时尚,舒适的情绪很好的表达出来。

23

一套情绪板这样设计出来,它包括这个产品对于用户的感受关键词,是国际化、舒适或杂志感,同时对应的视觉表达:形、色、字、构、质也很好的呈现出来!

24

Invision Board是国外设计师用的比较多的一个工具,里面可以创建各种情绪板,里面的布局视觉层次也很丰富,上传和分享也比较容易。

 

https://www.invisionapp.com/

25

Pinterest是全球设计师用的最多的情绪板收集平台,可以里面分享到你的手机里,任何朋友都可以看到,也可以团队使用,来保障设计风格 。

 

https://www.pinterest.com/

26

Tumblr里面也有很多很优秀的图片和视频能很好帮助我们去找到一些感兴趣的情绪的图片收集整理。

 

https://www.tumblr.com/

27

Designinspiration是一个收集平台,里面可以按照颜色或关键词搜索图片、视频能很好帮助我们去找到一些感兴趣的情绪的图片收集整理。

 

http://designspiration.net/

28

Unsplash创建的Goodoodboard,不需要注册就可以来创建你的情绪板,只需要定义好模块和文件夹,添加照片即可,同时也可以分享给你的朋友。

 

http://www.gomoodboard.com//

29

30

在做任何一个设计,无论是品牌、网站、APP,情绪板能帮助组织和我们个人很好理解设计的重要依据,情绪板能很好在你,你的领导,用户之间提供了一个很好的价值主张!确保我们的设计风格与用户能真正产生共鸣的关键因素。

不愿在朋友圈谈的事情,来【知识星球】吧。在这里你会遇见1500多位全国优秀设计师,大家一起交流探讨,营造出不同于朋友圈的氛围,拥有更多正能量、学习氛围,我愿每周与你分享:100天打卡、设计经验、工作方法、作品点评、简历评估、最新视觉趋势和努力方向,以及如何培养自己产品思维、提升交互能力、定义和把控一个产品等!

 

原文地址:我们的设计日记(公众号)

作者:sky

skyqr

 

转载请注明:学UI网 » 设计师必学的创新方法-情绪板!

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
用户体验旅程图 | 概念、实操、模板用户体验旅程图 | 概念、实操、模板
为什么你的APP不耐看为什么你的APP不耐看
用户角色模型 | 拒绝“我认为”的设计用户角色模型 | 拒绝“我认为”的设计
常见的移动端设计模式与案例分析常见的移动端设计模式与案例分析
方法 | AI时代眼动研究的变与不变方法 | AI时代眼动研究的变与不变
如何设计好消费向app产品如何设计好消费向app产品
为什么你的APP不耐看(完整版)为什么你的APP不耐看(完整版)
【译】UI设计中使用插图的十大理由【译】UI设计中使用插图的十大理由
大佬,请问这个控件叫啥?大佬,请问这个控件叫啥?
这些体验设计中易被忽略的细节,你都知道吗?这些体验设计中易被忽略的细节,你都知道吗?