什么是情緒版？

情緒版是一種啟發(fā)式和探索性的方法，可以對(duì)如下問題進(jìn)行研究：圖像風(fēng)格（photography style）、色彩（color palettes）、文字排版（typography）、圖案（pattern）以及整體外觀以及感覺。視覺設(shè)計(jì)和人的情緒緊密相連，不同的設(shè)計(jì)總是會(huì)引發(fā)不同的情感。

情緒版分為：拼貼式情緒版、參考式情緒版和模版式情緒版

拼貼式情緒版

直接將可以運(yùn)用到項(xiàng)目中的圖片素材拼合在一起。下圖是NIKE MECURIAL系列的一個(gè)拼貼式情緒版，里面的圖片都是來自官方的海報(bào)、圖片和影像，這些素材都能夠直接運(yùn)用到我們的設(shè)計(jì)中。

參考式情緒版

將與設(shè)計(jì)主題風(fēng)格相關(guān)或功能類似的真實(shí)項(xiàng)目拼接在一起。下圖是一個(gè)以多彩和現(xiàn)代視覺風(fēng)格的情緒版，里面選取的素材都是真實(shí)項(xiàng)目的界面。

模版式情緒版

靈感圖片素材和概念控件的結(jié)合。概念控件是指概念設(shè)計(jì)中的一些核心組件，它可以是色彩搭配、按鈕、卡片、圖形或者是信息排版等，它們是概念設(shè)計(jì)的雛形。

情緒版作為可視化的溝通工具，可以快速地向他人傳達(dá)設(shè)計(jì)師想要表達(dá)的整體感覺。

設(shè)計(jì)師要幫助用戶發(fā)掘其真正需求，情緒版作為一個(gè)工具可以很好的幫助了解用戶所希望展現(xiàn)的調(diào)性，從而提高生產(chǎn)效率和滿意度。

對(duì)于設(shè)計(jì)師：是定義視覺風(fēng)格和指導(dǎo)設(shè)計(jì)方向的依據(jù)；對(duì)團(tuán)隊(duì)：在團(tuán)隊(duì)之間傳遞設(shè)計(jì)靈感與設(shè)計(jì)思路，從而使想法充分融合，深化設(shè)計(jì)。

1.情緒版可以讓客戶參與我們的設(shè)計(jì)流程中，提高我們的工作效率?？蛻舻募尤?，能夠讓我們更好的了解業(yè)務(wù)本身以及客戶對(duì)項(xiàng)目的期待。盡早的讓客戶參與整個(gè)設(shè)計(jì)流程，還能夠避免在錯(cuò)誤的設(shè)計(jì)方向上投入過多。

2.情緒版是設(shè)計(jì)與客戶溝通的可視化溝通工具，可以減少設(shè)計(jì)師和客戶之間由于認(rèn)知不同導(dǎo)致的溝通障礙。

情緒版的推導(dǎo)過程

在制作情緒版過程中，原生關(guān)鍵詞的作用相當(dāng)重要：

獲得原生關(guān)鍵詞是情緒版的第一項(xiàng)工作，一般從內(nèi)部涉眾（相關(guān)的產(chǎn)品和設(shè)計(jì)人員）及外部用戶兩種渠道獲得。

自涉眾訪談和用戶研究中，可以收集大量的體驗(yàn)詞樣本。在獲得這些樣本后，可以內(nèi)部進(jìn)行討論，通過歸納整理精簡(jiǎn)為幾個(gè)關(guān)鍵詞。

原生關(guān)鍵詞提取好之后，可以在內(nèi)部使用情緒版，也可以招募用戶來完成。

01.明確原生關(guān)鍵詞

訪談及用研結(jié)果導(dǎo)入產(chǎn)生原生體驗(yàn)關(guān)鍵詞

原生關(guān)鍵詞（Primary keywords）的產(chǎn)生是一個(gè)糅合的過程，它需要綜合企業(yè)文化、用戶研究成果、品牌/營(yíng)銷策略，行業(yè)特征、目標(biāo)用戶群、產(chǎn)品的價(jià)值定位等因素來界定，通常，這也會(huì)是一個(gè)商業(yè)決定。

涉及的訪談受眾可以是產(chǎn)品、運(yùn)營(yíng)、交互、視覺、用戶等，根據(jù)產(chǎn)品是0—1還是改版現(xiàn)有版本設(shè)置不同問題，以改版為案例，產(chǎn)品使用的感受、期望產(chǎn)品更新的樣子等。以此得出的關(guān)鍵詞，一般是很抽象的詞匯。例如：親切、熟悉、溫度，一般一個(gè)產(chǎn)品的關(guān)鍵詞不易過多3～5個(gè)為佳。

項(xiàng)目案例（示例）

某手機(jī)銀行是以服務(wù)客戶日常金融業(yè)務(wù)辦理及投資理財(cái)需求為主的綜合金融服務(wù)APP。面向30-40歲為主要年齡段的中青年用戶群體。目前產(chǎn)品處于成長(zhǎng)期向成熟期過渡。

02.挖掘衍生關(guān)鍵詞

如果僅通過單純對(duì)原生關(guān)鍵詞的搜索，很容易導(dǎo)致不同參與者提供圖片素材出現(xiàn)同質(zhì)化的問題。所以，首先頭腦風(fēng)暴畫出關(guān)鍵詞的思維導(dǎo)圖。一方面，合理地引導(dǎo)調(diào)研對(duì)象發(fā)散思路；另一方面，也在過程中深挖原生關(guān)鍵詞在他們心中的定義。

衍生關(guān)鍵詞（Derived keywords）是原生關(guān)鍵詞的發(fā)散和提煉，主要通過部門內(nèi)部頭腦風(fēng)暴或用戶訪談得出。

將所有“衍生關(guān)鍵詞”按照三個(gè)維度去分類整理。這個(gè)過程的目的是幫助項(xiàng)目組成員從用戶的角度去理解“抽象關(guān)鍵詞”的“具象詮釋”。所有的關(guān)鍵詞可按照以下三個(gè)維度分類：

訪談對(duì)象會(huì)根據(jù)主觀印象以及過往親身經(jīng)歷給出一些看法或答案，而很多時(shí)候并不可以把訪談對(duì)象的答案直接作為關(guān)鍵詞，我們需要了解為什么，直到覺得用戶的答疑非常清晰具體，然后提煉關(guān)鍵詞。

例如衍生關(guān)鍵詞訪談：

自由發(fā)散問題—看到“品質(zhì)”你想到了什么？

引導(dǎo)發(fā)散問題—如果“品質(zhì)”是一種顏色，你覺得是什么？為什么？

如果“品質(zhì)”是一種食物，你覺得是什么？為什么？

如果“品質(zhì)”是……

衍生關(guān)鍵詞的分析—分維詮釋

根據(jù)原生關(guān)鍵詞的的定義，從視覺映射、心境映射、物化映射三個(gè)維度去理解“抽象關(guān)鍵詞”的“具象詮釋”。

03.搜集圖片素材

根據(jù)“原生關(guān)鍵詞”及發(fā)散的“衍生關(guān)鍵詞”搜集素材，對(duì)應(yīng)視覺映射、心理映射、物化映射三大維度。在素材搜集時(shí)具體以「具象」和「抽象」兩個(gè)方向搜集。

1.搜集圖片

根據(jù)已有關(guān)鍵詞，搜集具象圖片（具體的實(shí)物場(chǎng)景）—風(fēng)格感受；根據(jù)已有的關(guān)鍵詞，搜集抽象圖片（包含色彩、質(zhì)感、圖形等元素）—設(shè)計(jì)元素。

2.素材整理

將收集到的圖片素材，按照衍生關(guān)鍵詞進(jìn)行分類并提取生成情緒版。

3.邀請(qǐng)用戶參與情緒版創(chuàng)建

1.主持人需要不斷詢問被訪者，去探究選擇圖片背后的原因：“為什么你會(huì)選擇這張圖片？能否和大家分享一下你的想法？”

2.注意差異的挖掘。注意挖掘被訪者之間的觀點(diǎn)差異，一百個(gè)人心中有一百個(gè)哈雷姆特，同一張圖片對(duì)于不同被訪者可能會(huì)有不同的解釋，如果好幾位被訪者同時(shí)選擇一張圖片代表他們各自對(duì)某個(gè)品牌的感覺，注意詢問他們選擇這張圖片的原因是否一樣。

3.可以呈現(xiàn)給用戶的圖片有限的，因此，在挑選圖片時(shí)，需要內(nèi)部研究和設(shè)計(jì)人員協(xié)同，根據(jù)視覺設(shè)計(jì)所需要考慮的幾個(gè)維度結(jié)合已有的關(guān)鍵詞進(jìn)行圖片的篩選。一般來說，在將圖片呈現(xiàn)給用戶之前，內(nèi)部人員已經(jīng)明確了每一張圖片所代表的意義，在用戶選擇和訪談結(jié)束后，兩方面的數(shù)據(jù)綜合分析才能獲得最終的結(jié)果。

04.創(chuàng)建生成情緒版

歸納和整理圖片，進(jìn)行排版組成情緒版，得到設(shè)計(jì)主題相關(guān)的內(nèi)容。建立幾個(gè)統(tǒng)一風(fēng)格的情緒版，以便更好的捕捉產(chǎn)品相關(guān)的感覺，為探索設(shè)計(jì)方向提供靈感。 

05.確定視覺設(shè)計(jì)策略

綜合情緒版制定風(fēng)格

提取圖片主要顏色，明確主色。結(jié)合衍生關(guān)鍵詞分析結(jié)果，將情緒版中高頻物化紋理和材質(zhì)提取出來。

1.色彩提取

通過對(duì)色彩的分析發(fā)現(xiàn)，高明度低飽和度的色彩搭配，能讓畫面保持豐富的同時(shí)顯得干凈和協(xié)調(diào)，可以達(dá)到「」「簡(jiǎn)潔」的效果，例如：鄰近色、類似色、低飽和度對(duì)比色。

電子化情緒版對(duì)“色彩分析”是比較方便的

1.圖片在PS中進(jìn)行高斯模糊或馬賽克處理，使用顏色滴管提取大色塊；2.圖片導(dǎo)入PS中，選擇存儲(chǔ)為Web所用格式－選擇Gif仿色。當(dāng)然，現(xiàn)在已經(jīng)有很多用戶配色方案提取的網(wǎng)站和軟件，這樣更事半功倍。

通過對(duì)情緒版中顏色提取并結(jié)合品牌色及對(duì)當(dāng)下流行趨勢(shì)的把握，確定如下顏色運(yùn)用：

2.圖形提取

通過對(duì)圖形分析發(fā)現(xiàn)，基本幾何形具有肯定、純粹的特點(diǎn)，可以很好的體現(xiàn)「品質(zhì)」與「精簡(jiǎn)」的特征。例如：方形、圓形等。

融入圖形符號(hào) 強(qiáng)化視覺語言

圖標(biāo)使用深色+漸變色的展現(xiàn)，對(duì)比突出、品牌屬性統(tǒng)一、信息層級(jí)分明。簡(jiǎn)約筆挺的線性圖標(biāo)更符合平臺(tái)信息架構(gòu)清晰，內(nèi)容易懂的特征。

圖標(biāo)設(shè)計(jì)

3.字體提取

通過對(duì)字體的研究發(fā)現(xiàn)，中文字體端莊勻稱、字體方正。例如：思源宋體、方正宋體等，英文字體線條簡(jiǎn)潔、字形嚴(yán)謹(jǐn)。例如：Helvetica、Avenir、DIN等，都比較符合「品質(zhì)」和「簡(jiǎn)潔」的特征。

筆畫有粗細(xì)變化，而且一般是橫細(xì)豎粗，末端有裝飾部分，給人正式、正規(guī)感覺，既可以區(qū)分標(biāo)題與模塊內(nèi)容的差別，也可以增加產(chǎn)品的差異化。

4.構(gòu)成提取

通過對(duì)構(gòu)成的研究發(fā)現(xiàn)，并置型和九宮格型構(gòu)成比較嚴(yán)謹(jǐn)和秩序，滿版型和通欄型構(gòu)成，視覺傳達(dá)直觀而強(qiáng)烈，給人大方、舒展的感受；這與「」的特征是匹配的。

5.質(zhì)感提取

在質(zhì)感的選擇方面，大多與當(dāng)下流行風(fēng)格趨勢(shì)相貼近，例如：圓角卡片、彌散投影、漸變、輕擬物、毛玻璃等，可以有效地表達(dá)出「精簡(jiǎn)」「品質(zhì)」的情緒感受。

總結(jié)

情緒版是一種設(shè)計(jì)方法論，可以指導(dǎo)設(shè)計(jì)方向，傳遞設(shè)計(jì)靈感與思路。

制作情緒版時(shí)，首先要明確原生關(guān)鍵詞、然后頭腦風(fēng)暴挖掘衍生關(guān)鍵詞，接著搜集相關(guān)圖片并提取生成情緒版，另外訪談?dòng)脩羰占苌P(guān)鍵詞映射，最后通過情緒版和關(guān)鍵詞映射來提取視覺風(fēng)格。

在項(xiàng)目前期，我們可以通過情緒板來定義產(chǎn)品整體的設(shè)計(jì)風(fēng)格和產(chǎn)品主色調(diào)，設(shè)計(jì)過程中，界面排版、圖標(biāo)的顏色、形狀和設(shè)計(jì)細(xì)節(jié)都可以使用情緒板來定義。

無論我們做什么樣的設(shè)計(jì)，情緒板都無疑是一個(gè)很好的工具，它不僅可以幫助我們明確設(shè)計(jì)需求，做出更容易被大眾所接受的設(shè)計(jì)，也可以幫助我們更好地去與領(lǐng)導(dǎo)和其他需求方溝通，向他們傳達(dá)設(shè)計(jì)的價(jià)值主張，最終達(dá)成共識(shí)，提高設(shè)計(jì)效率。

再總結(jié)一下情緒板的作用：

首先：它是整個(gè)設(shè)計(jì)項(xiàng)目的寶貴資源；

其次：它是低成本的設(shè)計(jì)工具；

再次：它是有效溝通的保障；

最后：它是團(tuán)隊(duì)協(xié)作的方法。