情緒板通常使用在大規(guī)模的改版上，但是平時一些banner、海報或其他的小設(shè)計中，非設(shè)計人員也可以借助情緒板與設(shè)計更好地進行溝通，以達到目的。就朋友提出的一個問題具體分析如何使用情緒板。

問題

問題背景：工科男，自小無美感；目前從事少兒類視頻節(jié)目運營，流量主要來源于圖片對用戶的吸引；工作中經(jīng)常需要構(gòu)思用什么樣的頁面來吸引用戶，還得找素材和參考這些給到設(shè)計師設(shè)計出需要的頁面效果；設(shè)計師給出的頁面我并不知道什么叫好，什么叫不好，只要模模糊糊的第六感。

問題來了：怎么可以結(jié)合具體的業(yè)務(wù)情況，提高對海報、圖片的鑒賞能力？（至少當(dāng)我感覺某個頁面不好的時候還能告訴設(shè)計師怎么改會比較好？）

目前已做努力：

1. 有搜合適的書，目前只找到「這個設(shè)計好在哪」一本還差不多的書；讀完之后結(jié)合實際有一丟丟概念；
2. 有嘗試和設(shè)計師交流，創(chuàng)業(yè)型公司設(shè)計師以剛畢業(yè)為主，請教他們的時候有些自己都說不清；管設(shè)計的老大還要管產(chǎn)品和運營，自己也只能在每次老大點出一個什么問題的時候默默的記在便簽上……

我的解答（前言）

這個問題但實際上問的還有另一個問題，就是是“如何讓用戶喜歡上你的設(shè)計”，這個問題的本質(zhì)不在于自身的鑒賞能力有多高，而是banner的設(shè)計和用戶的審美有多少匹配度。

所以我的建議是使用【情緒板】+【數(shù)據(jù)分析】一塊來弄。

情緒板的解釋

情緒板（Mood Board）是設(shè)計界非常傳統(tǒng)的一個啟發(fā)和探索靈感的方法，然后被用在了現(xiàn)在互聯(lián)網(wǎng)的用戶研究和界面設(shè)計上面，主要是為了了解用戶在視覺交互上的需求和想法，挖掘用戶不能言明之事（抽象的感覺）。簡單點來說就是一張拼貼畫，把符合情緒的圖片、文本、實物樣本等等組合而成的拼貼畫。直接來幾張情緒板直接感受下，可以大致看到，情緒板的內(nèi)容包括顏色板、字體、文字排版、質(zhì)感、具體的圖片、圖標(biāo)等等。

圖片來源網(wǎng)絡(luò)

情緒板的制作

情緒板的制作也分為腦殘式和高端式，個人覺得非設(shè)計專業(yè)的用腦殘式的情緒板就夠了（我就是這么用的），其余的交給設(shè)計大大。腦殘式情緒板不需要制作者有多高的藝術(shù)修養(yǎng)、色感、鑒賞能力等等，灰?；页：唵?。接下來默認全部為腦殘式情緒板的制作方法，不再特意表明。

那么情緒板的制作方法按照以下的框架進行說明：

1.情緒板的前置準(zhǔn)備工作

1.1.產(chǎn)品定位分析

1.2.用戶分析

2.情緒板的正式制作流程

2.1.提取關(guān)鍵詞

2.2.收集素材

2.3.素材的拼接

3.情緒板的使用

3.1.內(nèi)部使用

3.2.外部使用

4.情緒板的分析

4.1.提取關(guān)鍵視覺元素

4.2.制作終極版情緒板

5.交給設(shè)計師和數(shù)據(jù)

5.1.交給設(shè)計師

5.2.交給數(shù)據(jù)

1.情緒板的前置準(zhǔn)備工作

在制作情緒板之前，我們首先要知道為啥要做這件事情，作為運營人員，我們可以從分析產(chǎn)品的定位以及對用戶進行訪談來獲取相關(guān)的信息。

1.1.產(chǎn)品定位分析

從問題中可以知道，運營的產(chǎn)品是【某少兒類視頻節(jié)目】，想要的圖片的具體使用是作為導(dǎo)流的入口——banner。產(chǎn)品的定位顯而易見，是少兒類視頻節(jié)目。那么我們可以從產(chǎn)品背后的數(shù)據(jù)來知道產(chǎn)品的用戶是誰，這里我腦補一下，產(chǎn)品的用戶有可能是8歲以下的兒童或者是兒童的家長，木有具體的也沒關(guān)系，有用戶定位就好。

1.2.用戶分析

用戶分析的目的是獲取用戶對產(chǎn)品的第一感受，重點了解用戶的情感和期望，可以通過以往的用戶研究結(jié)果或者用戶訪談來獲取。

訪談重點在問出用戶的潛在感受或者情緒、認知，比如目標(biāo)用戶是兒童，那么就問他：

小朋友，你覺得這個節(jié)目好看嗎？為什么喜歡呀？喜歡里面的哪些環(huán)節(jié)、為什么喜歡這樣的環(huán)節(jié)呀？在這個節(jié)目里還想看到些什么，為什么呢？如果讓你給你的小伙伴推薦這個節(jié)目，你會怎么推薦？你還有看其他類似的節(jié)目嗎？這些節(jié)目是你自己選來看的還是麻麻粑粑選的？你覺得麻麻粑粑選的節(jié)目你喜不喜歡？為什么（不）喜歡？……巴拉巴拉……真乖，姐姐給你個小糖糖吃~Over

2.情緒板的正式制作流程

準(zhǔn)備工作做完了，我們獲得了產(chǎn)品的定位和從用戶那兒得來的一堆信息，該著手開始制作初級情緒板。

2.1.提取關(guān)鍵詞

前面我們得到了一堆用戶的信息，現(xiàn)在我們要從這堆信息中找出體驗關(guān)鍵詞，然后從體驗關(guān)鍵詞思考出衍生關(guān)鍵詞。

體驗關(guān)鍵詞大多是抽象的、描述情緒的和感受的，詞數(shù)量在3-4個為宜，最多不超5個。假設(shè)通過了這堆信息，我們提取出來了的體驗關(guān)鍵詞是：繽紛、親切、愛、快樂、好奇。

衍生關(guān)鍵詞是在各個體驗關(guān)鍵詞的基礎(chǔ)上進行拓展延伸的，是對體驗關(guān)鍵詞的具象化處理，各衍生3-5個左右為宜。這個時候，叫上其他產(chǎn)品汪、運營喵、設(shè)計獅等等一起來頭腦風(fēng)暴。衍生關(guān)鍵詞可以是具體的物體、場景、動作、顏色、質(zhì)感、材料等。比如，在上面我們提出來的“愛”可以產(chǎn)生這些衍生關(guān)鍵詞：父母、母子、親吻、愛心、擁抱、紅色、家等等。

Tips：如果想不出來衍生關(guān)鍵詞，有一神器可以幫到你——www.baidu.com

2.2.收集素材

接著我們就拿著體驗關(guān)鍵詞和衍生關(guān)鍵詞去找圖了。體驗關(guān)鍵詞為選擇的基礎(chǔ)，用衍生關(guān)鍵詞去搜，建議能翻墻的就用Google，或者使用專業(yè)圖片網(wǎng)站（這兩個搜索起來更加匹配關(guān)鍵詞、圖片質(zhì)量更高），再不濟我們還有神器百度圖片！因為我懶所以不翻墻了，用“愛”的衍生關(guān)鍵詞去Pixabay搜了下，結(jié)果如下：

衍生關(guān)鍵詞“擁抱”

衍生關(guān)鍵詞“親吻”

然后從中挑選出你覺得合適的圖片，下載下來?？梢缘脑捊o每一張圖片都進行釋義，有助于后面的使用。一張圖片上可能包含多種情緒和含義，請不用糾結(jié)，這是正常的，看你喜歡把它放哪個情緒里面，因為后面的使用中會解決的。

然后進行模糊化的處理（也可以不做這一步），處理成像下面這樣的，原圖和模糊化的圖片都要保存下來！！

Tips：不會PS不要緊，強大的Office家族可以幫到你，圖片的藝術(shù)化處理中有“虛化”功能，Word、PPT均有。

模糊化處理

2.3.素材的拼接

接下來，我們把原圖按體驗關(guān)鍵詞分類拼接起來，記住，是體驗關(guān)鍵詞，是體驗關(guān)鍵詞，是體驗關(guān)鍵詞?。〔皇茄苌P(guān)鍵詞?。∮心芰S的PS，沒有PS找Office粑粑。拼接起來之后就得到了我們的情緒板了，腦殘式的。建議把模糊化后的圖片也加上去。比如下面體驗關(guān)鍵詞為“愛”和“繽紛”的情緒板：

“愛”的情緒板

“繽紛”的情緒板

3.情緒板的使用

做好所有的情緒板之后，我們就可以拿著這些情緒板去做調(diào)查和訪談了，可以找內(nèi)部的人員來訪談，也可以找用戶來訪談。

3.1.內(nèi)部使用

在內(nèi)部的訪談中，最好是由有經(jīng)驗的視覺設(shè)計獅來完成，沒有就只能自己上了。注意以下幾點：

1. 情緒板請準(zhǔn)備3個以上，以供評審。
2. ?問出選擇或不選擇這個情緒板的原因，以及選擇或不選擇情緒板內(nèi)圖片的原因。
3. 多次迭代情緒板。

3.2.外部使用

如果招募外部用戶來訪談，讓用戶選擇喜歡的圖片，注意以下幾點：

1. 不斷問訪談?wù)撸?b>探究選擇圖片背后的原因。
2. 對于同一張圖片，不同的用戶可能有不同的解釋和感受，要注意挖掘差異所在。

4.情緒板的分析

4.1.提取關(guān)鍵視覺元素

挑選出選擇最多的圖片，提取出圖片中的關(guān)鍵的視覺元素，不限于物體、字體、背景、花紋、顏色等。并且嘗試對這些元素進行描述。比如從剛剛的情緒板的使用中，我們提取出了如下的元素，分別是粗體活潑的字體、笑容、卡通化的形象、明亮的紅色、明亮的對比強烈的顏色。

提取的元素

4.2.制作終極版情緒板

根據(jù)這些元素，我們把它組合成一張終極版的情緒板，盡量包含以下東西：顏色板、字體、質(zhì)感、某些具體的元素。顏色可以從模糊化后的圖片中提取。質(zhì)感可能是直接來源于原圖，也有可能來源于模糊化的圖片。像這樣的：

最終的情緒板

5.交給設(shè)計師和數(shù)據(jù)

5.1.交給設(shè)計師

然后把情緒板交給設(shè)計師，和他解說一下，不要忘記了說基本要求（如果有尺寸、格式要求什么的），然后放手吧，讓設(shè)計獅盡情狂奔一下。多讓設(shè)計獅準(zhǔn)備幾個方案出來。

5.2.交給數(shù)據(jù)

設(shè)計稿出來后，我們把這幾個設(shè)計稿給用戶看，看用戶喜不喜歡，并且探究原因。然后把滿意的設(shè)計稿完善出最終定稿，放在banner上，看不同banner實際的點擊量，優(yōu)勝劣汰。

總結(jié)

情緒板在最前面工作量大，在后面就是逐步迭代運營的了。因為問題中的產(chǎn)品是視頻節(jié)目，按我的理解應(yīng)該是由第三方提供的，所以上面情緒板的步驟可以再簡化一下，只需要獲得節(jié)目的定位和用戶的定位、想出關(guān)鍵詞、找圖片就好了，結(jié)合節(jié)目本身來進行設(shè)計。也可以參考電商中是如何設(shè)計的?？偟膩碚f，最重要的就是要多實驗！！下面總結(jié)一下本文的知識點。

1.情緒板的前置準(zhǔn)備工作

確定品牌或產(chǎn)品的定位、用戶的定位，收集用戶研究的結(jié)果，為提取關(guān)鍵詞做準(zhǔn)備。

2.情緒板的正式制作流程

從準(zhǔn)備工作中獲得的信息進行整理提煉，提取出體驗關(guān)鍵詞，從體驗關(guān)鍵詞具象化出衍生關(guān)鍵詞，然后按照衍生關(guān)鍵詞找圖片，把圖片按體驗關(guān)鍵詞拼接起來做成體驗用的情緒板。

3.情緒板的使用

通過內(nèi)部的評審或外部用戶的訪談，對情緒板進行迭代，挑出選擇最多圖片進行分析。

4.情緒板的分析

提取出所選圖片中的關(guān)鍵視覺元素，制作最終的情緒板。

5.交給設(shè)計師和數(shù)據(jù)

交給設(shè)計師設(shè)計，結(jié)合用戶訪談和實際投放后的數(shù)據(jù)，迭代優(yōu)化。

最后看下別人家的高端式情緒板。

體驗關(guān)鍵詞為“美和專業(yè)”的情緒板

由體驗情緒板提取出來的設(shè)計要素，即文中所講的“最終情緒板”

情緒板的實際應(yīng)用

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