情感化的設(shè)計(jì)是一種創(chuàng)意工具,表達(dá)和實(shí)現(xiàn)設(shè)計(jì)師的思想和設(shè)計(jì)目的。產(chǎn)品具有好的功能是重要的;產(chǎn)品讓人易學(xué)會(huì)用也是重要的;但更重要的是,這個(gè)產(chǎn)品要能使人感到愉悅。

設(shè)計(jì)情緒

情緒理論上能把用戶變?yōu)榉劢z，粉絲會(huì)去傳播他們喜歡的產(chǎn)品，這是蘋果，谷歌，facebook這些公司的秘密武器，小米為什么可以成功離不開這些狂熱粉絲的傳播，這也是為什么很多公司模仿他們很難成功。

什么是情緒板

說到情緒設(shè)計(jì)，不得不說情緒板，這種方法已經(jīng)在國(guó)外有一定的歷史了，它誕生于上個(gè)世紀(jì)非資訊時(shí)代，通常參與者要求從日常報(bào)刊雜志挑選出符合"某種心情意境或關(guān)鍵詞的"圖片，把圖片減下來，然后粘貼在一起！但是隨著互聯(lián)網(wǎng)時(shí)代來臨，谷歌，百度各種圖片出現(xiàn)！現(xiàn)在一個(gè)花瓣一個(gè)pinterest都可以成為一個(gè)情緒收藏的地方。

情緒板，換句簡(jiǎn)單話來說就是由圖像，視頻和其他視覺元素組成拼貼在一起想法和過程，主要目的是講述項(xiàng)目背后的故事，以此作為設(shè)計(jì)方向形式上的參考，同時(shí)情緒版也可以在配色方案上，視覺風(fēng)格，質(zhì)量材質(zhì)，作為設(shè)計(jì)指導(dǎo)，幫助設(shè)計(jì)師提供一些設(shè)計(jì)方向和指引。

怎么去做？

1.尋找關(guān)鍵詞

這個(gè)關(guān)鍵詞可以是公司戰(zhàn)略定位，可以是產(chǎn)品的目標(biāo)也可以是產(chǎn)品的特點(diǎn)，或者從用戶那里得來的關(guān)鍵詞，這個(gè)環(huán)節(jié)可以和設(shè)計(jì)師，產(chǎn)品一起去定義這些關(guān)鍵詞，以之前雙11為案例，戰(zhàn)略關(guān)鍵詞：新零售，全球化，節(jié)日狂歡 這是一級(jí)關(guān)鍵詞，那么延伸下去，有哪些核心關(guān)鍵詞。

2.衍生關(guān)鍵字

前面一級(jí)關(guān)鍵詞可能更多從戰(zhàn)略，大的方向思考的，我們還需要在這個(gè)基礎(chǔ)上去進(jìn)行，二級(jí)關(guān)鍵詞的鬧爆讓我們能得出一些更精確的關(guān)鍵詞。比如包容，鮮活，精彩等等！同時(shí)在這個(gè)關(guān)鍵詞基礎(chǔ)上我們能更加細(xì)化出一些情緒或者視覺表達(dá)的形容詞，比如五彩繽紛，國(guó)際化，夢(mèng)想等等。

最終確定設(shè)計(jì)靈感：Open, Beyond Imagination! 開啟，超越想象的精彩！這就是我們表現(xiàn)上的靈感，用「Open」來構(gòu)建情感上的共鳴。

3.圖片搜索，提取情緒版

在我們確定好關(guān)鍵詞后，我們需要通過網(wǎng)絡(luò)渠道，dribble、pinterest、behance等等，去收集大量對(duì)應(yīng)的素材圖片來匹配關(guān)鍵詞，比如關(guān)鍵詞是：國(guó)際化，舒適，清新那么我們要基于關(guān)鍵詞去尋找能代表這些氣質(zhì)的合適的圖片。

4.視覺映射：圖形分析

在第三步確定了關(guān)鍵詞的一些感受圖片，那么到了這一步，我們需要去對(duì)這些關(guān)鍵詞進(jìn)行視覺映射，也就是我們常說的，形，色，字，構(gòu)，質(zhì)！

那么在圖形上我們是否可以運(yùn)用一些幾何線條強(qiáng)的，比較方正，圓形這種最簡(jiǎn)單幾何圖形來體現(xiàn)出國(guó)際化的品質(zhì)。

5.視覺映射：色彩分析

色彩上，這種大面積馬卡龍的配色撞色設(shè)計(jì)很符合舒適的感覺，這種漸變的交替很符合整個(gè)色彩的定位，我們是否可以映射到色彩體系里面。

6.視覺映射：字體分析

字體上中文我們需要一些比較方正，線條比較時(shí)尚的字體，比如方正蘭亭黑，比較能符合前面關(guān)鍵詞定義的雜志化，同時(shí)英文字體采用襯線體，如：Cinzel 和playfair作為英文字體，運(yùn)用到平面設(shè)計(jì)上。

7.視覺映射：構(gòu)成分析

構(gòu)成上，板塊層疊構(gòu)成是一種新的設(shè)計(jì)方式，板塊之間互相疊加，同時(shí)配合大的長(zhǎng)投影層疊關(guān)系能很好的體現(xiàn)出層級(jí)關(guān)系，與想要的國(guó)際化是吻合的。

8.視覺映射：質(zhì)感分析

在設(shè)計(jì)質(zhì)感上，馬卡龍的配色，和長(zhǎng)投影的柔和配色，能很好的將時(shí)尚，舒適的情緒很好的表達(dá)出來。

那么一套情緒板就這么制作出來了，它包括我們這個(gè)產(chǎn)品對(duì)于用戶的感受關(guān)鍵詞是什么樣的：國(guó)際化，舒適，雜志感！同時(shí)對(duì)應(yīng)的視覺表達(dá)：形，色，字，構(gòu)，質(zhì)也很好的呈現(xiàn)出來了！

制作情緒板的在線免費(fèi)工具

invisionapp

https://www.invisionapp.com/

Invision Board是國(guó)外設(shè)計(jì)師用的比較多的一個(gè)工具，里面可以創(chuàng)建各種情緒板，里面的布局視覺層次也很豐富，上傳和分享也比較容易。

pinterest

https://www.pinterest.com/

pinterest是全球設(shè)計(jì)師用的最多的情緒板平臺(tái)，你可以里面分享你的手機(jī)，任何朋友都可以跟隨你的，你也可以團(tuán)隊(duì)使用，很多國(guó)外的設(shè)計(jì)團(tuán)隊(duì)都用這個(gè)來維護(hù)設(shè)計(jì)風(fēng)格。

tumblr

https://www.tumblr.com/

Tumblr里面也有很多很優(yōu)秀的圖片，視頻能很好幫助我們?nèi)フ业揭恍└信d趣的情緒的圖片收集整理。

designspiration

http://designspiration.net/

Designinspiration是一個(gè)收集平臺(tái)，里面可以按照顏色，和關(guān)鍵詞搜索圖片，視頻能很好幫助我們?nèi)フ业揭恍└信d趣的情緒的圖片收集整理。

gomoodboard

http://www.gomoodboard.com/

Unsplash創(chuàng)建的Goodoodboard，不需要注冊(cè)來創(chuàng)建你的情緒板，只需要定義好模塊和文件夾，添加照片即可，同時(shí)你也可以分享給你的朋友。