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

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

設(shè)計情緒

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

什么是情緒板？

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

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

怎么去做？

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

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

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

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

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

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

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

4. 視覺映射：圖形分析

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

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

5. 視覺映射：色彩分析

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

6. 視覺映射：字體分析

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

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

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

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

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

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

制作情緒版的工具

▲https://www.invisionapp.com/

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

▲https://www.pinterest.com/

pinterest是全球設(shè)計師用的最多的情緒板平臺，你可以里面分享你的手機，任何朋友都可以跟隨你的，你也可以團隊使用，很多國外的設(shè)計團隊都用這個來維護設(shè)計風格。

▲https://www.tumblr.com/

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

▲http://designspiration.net/

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

▲http://www.gomoodboard.com/

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

最后

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

#專欄作家#

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

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

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