情感設(shè)計(jì)是很多產(chǎn)品成功的秘訣，它可以使得一些產(chǎn)品和其他產(chǎn)品有差異性。設(shè)計(jì)師可以借助情緒板，幫助提供一些設(shè)計(jì)方向和指引。本文作者結(jié)合自身經(jīng)驗(yàn)，對(duì)制作情緒板的方法和工具進(jìn)行了總結(jié)，與大家分享。

在互聯(lián)網(wǎng)這些產(chǎn)品設(shè)計(jì)差異化的今天，有很多功能類似的產(chǎn)品用戶可以選擇，但是用戶為什么用你的產(chǎn)品？這不僅僅是功能本身，我們?cè)谇榫w在里面起著巨大的作用，情緒很重要，它會(huì)影響我們的感知，決策以及記憶，我們記憶感知越好，感知也越大。

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

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

什么是情緒板？

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

情緒板，換句簡(jiǎn)單話來(lái)說(shuō)就是由圖像，視頻和其他視覺(jué)元素組成拼貼在一起想法和過(guò)程，主要目的是講述項(xiàng)目背后的故事，以此作為設(shè)計(jì)方向形式上的參考，同時(shí)情緒版也可以在配色方案上，視覺(jué)風(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)，或者從用戶那里得來(lái)的關(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ì)化出一些情緒或者視覺(jué)表達(dá)的形容詞，比如五彩繽紛，國(guó)際化，夢(mèng)想等等.

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

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

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

4. 視覺(jué)映射：圖形分析

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

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

5. 視覺(jué)映射：色彩分析

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

6. 視覺(jué)映射：字體分析

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

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

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

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

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

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

制作情緒版的工具

▲https://www.invisionapp.com/

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

▲https://www.pinterest.com/

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

▲https://www.tumblr.com/

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

▲http://designspiration.net/

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

▲http://www.gomoodboard.com/

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

最后

在做任何一個(gè)設(shè)計(jì)，無(wú)論品牌，還是網(wǎng)站還是APP，情緒板能幫助組織和我們個(gè)人理解設(shè)計(jì)的重要根據(jù)，情緒板的正確反饋以及和你的領(lǐng)導(dǎo)，用戶提供了一個(gè)很好的價(jià)值主張的形式，確保我們的設(shè)計(jì)，我們的風(fēng)格與用戶能真正產(chǎn)生共鳴的關(guān)鍵元素。

#專欄作家#

Sky，微信公眾號(hào)：我們的設(shè)計(jì)日記（ID：helloskys），人人都是產(chǎn)品經(jīng)理專欄作家。支付寶體驗(yàn)設(shè)計(jì)專家，阿里巴巴天貓?jiān)O(shè)計(jì)專家；10年知名互聯(lián)網(wǎng)公司設(shè)計(jì)經(jīng)驗(yàn)，對(duì)于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計(jì)規(guī)范、運(yùn)營(yíng)規(guī)范、大促等有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash, 基于CC0協(xié)議。