如何找到客戶喜歡的視覺(jué)風(fēng)格？來(lái)看高手的方法！

有一次，一個(gè)客戶拜托我的朋友小張?jiān)O(shè)計(jì)一款 App，簡(jiǎn)單溝通后，小張便開(kāi)始從網(wǎng)上搜集案例。通過(guò)對(duì)比篩選，他找到了一種格調(diào)很高的視覺(jué)風(fēng)格，于是自信滿滿地套用，心想：這么酷的設(shè)計(jì)客戶肯定喜歡，說(shuō)不定還會(huì)一稿過(guò)。

兩天后，小張將方案發(fā)給客戶。客戶看了后回復(fù)：「嗯...挺高大上的，不過(guò)和我們產(chǎn)品的調(diào)性不太搭...」「我想要熱鬧活潑一點(diǎn)的，你的看上去太清淡了...」小張認(rèn)為最好的方案被否定了...后來(lái)他又出了幾版，但依然沒(méi)有通過(guò)。

郁悶的小張和我抱怨客戶不懂設(shè)計(jì)，我說(shuō)是你沒(méi)明白客戶真正的需求。他繼續(xù)追問(wèn)，我告訴他使用「情緒板」能明確需求并定義正確的設(shè)計(jì)風(fēng)格。他照著我說(shuō)的方法又出了一套方案，這一次，客戶高度認(rèn)可并接受了他的設(shè)計(jì)。

一、什么是情緒板？

1. 情緒板定義

情緒板（Mood Board）指一系列圖像、文字、樣品的拼貼，是常用的表達(dá)設(shè)計(jì)定義和方向的設(shè)計(jì)方法論。其本質(zhì)是將用戶的情緒可視化，因此稱為情緒板。

2. 情緒板作用

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

二、如何制作情緒板？

第一步：明確原生關(guān)鍵詞

原生關(guān)鍵詞來(lái)自公司的戰(zhàn)略定位、產(chǎn)品的功能特色、用戶的需求特征，通過(guò)公司內(nèi)部討論和用戶訪談明確原生關(guān)鍵詞。

第二步：挖掘衍生關(guān)鍵詞

衍生關(guān)鍵詞是原生關(guān)鍵詞的發(fā)散和提煉，主要通過(guò)部門(mén)內(nèi)部頭腦風(fēng)暴或用戶訪談得出。例如關(guān)鍵詞：品質(zhì)、簡(jiǎn)潔、友好。

第三步：搜索關(guān)鍵詞圖片

在確定好關(guān)鍵詞后，利用網(wǎng)絡(luò)渠道來(lái)收集與關(guān)鍵詞相匹配的圖片素材，常用的圖片搜索渠道有：Pinterest、Unsplash、Dribbble、Pexels 等。

第四步：提取生成情緒板

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

第五步：衍生關(guān)鍵詞映射

為了讓項(xiàng)目組成員更全面地理解用戶的實(shí)際想法，設(shè)計(jì)師或用戶研究員需通過(guò)用戶訪談，將衍生關(guān)鍵詞按照以下三種映射關(guān)系收集整理，得到用戶理解的「抽象關(guān)鍵詞」所對(duì)應(yīng)的「具象定義」。

1. 視覺(jué)映射

視覺(jué)映射可以理解為聯(lián)想到的視覺(jué)表現(xiàn)，比如：品質(zhì)——金色、黑色、幾何形；簡(jiǎn)潔——白色、明亮、硬的；友好——鄰近色、圓角、圓形等。

2. 心境映射

心境映射可以理解為聯(lián)想到的心境感受，比如：品質(zhì)——高端、貴重、稀有；簡(jiǎn)潔——空曠、干凈、整齊；友好——溫暖、親切、舒服等。

3. 物化映射

物化映射可以理解為聯(lián)想到的具體事物，比如：品質(zhì)——iPhone、寶馬、香奈兒；簡(jiǎn)潔——白墻、玻璃、盤(pán)子；友好——枕頭、毛絨玩具、海豚等。

第六步：提取視覺(jué)風(fēng)格

在生成情緒板圖片后，結(jié)合衍生關(guān)鍵詞的分析結(jié)果，進(jìn)行視覺(jué)風(fēng)格的提取，主要包括：圖形、色彩、字體、構(gòu)成、質(zhì)感。

1. 圖形提取

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

2. 色彩提取

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

3. 字體提取

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

4. 構(gòu)成提取

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

5. 質(zhì)感提取

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

小結(jié)

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

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

歡迎關(guān)注作者的微信公眾號(hào)：「彭彭設(shè)計(jì)筆記」

「情緒板使用指南」

• 《BAT都在使用的設(shè)計(jì)創(chuàng)新方法 ，現(xiàn)在手把手教你做！》
• 《少改稿利器！寫(xiě)給設(shè)計(jì)師的情緒板全方位使用指南》
• 《該怎么運(yùn)用情緒板，才能讓設(shè)計(jì)作品更有說(shuō)服力？》