当前位置:首页 >> 休闲

情感设计产品案例分析

情感化的情感设计是一种创意工具,表达和实现设计师的思想和设计目的。产品具有好的设计功能是重要的;产品让人易学会用也是重要的;但更重要的是,这个产品要能使人感到愉悦 。

情感设计产品案例分析(图1)

设计情绪

情绪理论上能把用户变为粉丝,产品粉丝会去传播他们喜欢的案例产品,这是分析苹果 ,谷歌,情感facebook这些公司的设计秘密武器 ,小米为什么可以成功离不开这些狂热粉丝的产品传播,这也是案例为什么很多公司模仿他们很难成功。

什么是分析情绪板

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

情感设计产品案例分析(图2)

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

情感设计产品案例分析(图3)

怎么去做?

1.寻找关键词

这个关键词可以是公司战略定位,可以是产品的目标也可以是产品的特点,或者从用户那里得来的关键词 ,这个环节可以和设计师 ,产品一起去定义这些关键词 ,以之前双11为案例 ,战略关键词:新零售,全球化  ,节日狂欢 这是一级关键词 ,那么延伸下去 ,有哪些核心关键词 。

情感设计产品案例分析(图4)

2.衍生关键字

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

情感设计产品案例分析(图5)

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

3.图片搜索 ,提取情绪版

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

情感设计产品案例分析(图6)

4.视觉映射:图形分析

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

情感设计产品案例分析(图7)

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

5.视觉映射:色彩分析

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

情感设计产品案例分析(图8)

情感设计产品案例分析(图9)

6.视觉映射:字体分析

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

情感设计产品案例分析(图10)

7.视觉映射:构成分析

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

情感设计产品案例分析(图11)

8.视觉映射 :质感分析

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

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

情感设计产品案例分析(图12)

制作情绪板的在线免费工具

invisionapp

https://www.invisionapp.com/

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

pinterest

https://www.pinterest.com/

pinterest是全球设计师用的最多的情绪板平台,你可以里面分享你的手机,任何朋友都可以跟随你的,你也可以团队使用 ,很多国外的设计团队都用这个来维护设计风格。

tumblr

https://www.tumblr.com/

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

designspiration

http://designspiration.net/

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

gomoodboard

http://www.gomoodboard.com/

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

焦点

情感化的情感设计是一种创意工具,表达和实现设计师的思想和设计目的。产品具有好的设计功能是重要的;产品让人易学会用也是重要的;但更重要的是,这个产品要能使人感到愉悦 。

情感设计产品案例分析(图1)

设计情绪

情绪理论上能把用户变为粉丝,产品粉丝会去传播他们喜欢的案例产品,这是分析苹果 ,谷歌,情感facebook这些公司的设计秘密武器 ,小米为什么可以成功离不开这些狂热粉丝的产品传播,这也是案例为什么很多公司模仿他们很难成功。

什么是分析情绪板

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

情感设计产品案例分析(图2)

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

情感设计产品案例分析(图3)

怎么去做?

1.寻找关键词

这个关键词可以是公司战略定位,可以是产品的目标也可以是产品的特点,或者从用户那里得来的关键词 ,这个环节可以和设计师 ,产品一起去定义这些关键词 ,以之前双11为案例 ,战略关键词:新零售,全球化  ,节日狂欢 这是一级关键词 ,那么延伸下去 ,有哪些核心关键词 。

情感设计产品案例分析(图4)

2.衍生关键字

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

情感设计产品案例分析(图5)

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

3.图片搜索 ,提取情绪版

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

情感设计产品案例分析(图6)

4.视觉映射:图形分析

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

情感设计产品案例分析(图7)

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

5.视觉映射:色彩分析

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

情感设计产品案例分析(图8)

情感设计产品案例分析(图9)

6.视觉映射:字体分析

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

情感设计产品案例分析(图10)

7.视觉映射:构成分析

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

情感设计产品案例分析(图11)

8.视觉映射 :质感分析

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

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

情感设计产品案例分析(图12)

制作情绪板的在线免费工具

invisionapp

https://www.invisionapp.com/

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

pinterest

https://www.pinterest.com/

pinterest是全球设计师用的最多的情绪板平台,你可以里面分享你的手机,任何朋友都可以跟随你的,你也可以团队使用 ,很多国外的设计团队都用这个来维护设计风格。

tumblr

https://www.tumblr.com/

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

designspiration

http://designspiration.net/

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

gomoodboard

http://www.gomoodboard.com/

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


{dede:include filename="menu.htm"/}