有一次膝捞，一個(gè)客戶拜托我的朋友小張?jiān)O(shè)計(jì)一款 App坦刀，簡(jiǎn)單溝通后，小張便開始從網(wǎng)上搜集案例蔬咬。通過(guò)對(duì)比篩選鲤遥，他找到了一種逼格很高的視覺風(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ì)梗逮。
一、什么是情緒板？
情緒板定義
情緒板（Mood Board）指一系列圖像跋选、文字、樣品的拼貼，是常用的表達(dá)設(shè)計(jì)定義和方向的設(shè)計(jì)方法論音比。其本質(zhì)是將用戶的情緒可視化稽犁，因此稱為情緒板缭付。
情緒板作用
對(duì)設(shè)計(jì)師：是定義視覺風(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ò)部門內(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)行分類并提取生成情緒板衡载。
第五步：衍生關(guān)鍵詞映射
為了讓項(xiàng)目組成員更全面地理解用戶的實(shí)際想法，設(shè)計(jì)師或用戶研究員需通過(guò)用戶訪談隙袁，將衍生關(guān)鍵詞按照以下三種映射關(guān)系收集整理痰娱，得到用戶理解的“抽象關(guān)鍵詞”所對(duì)應(yīng)的“具象定義”。
1.視覺映射
視覺映射可以理解為聯(lián)想到的視覺表現(xiàn)菩收，比如：品質(zhì)——金色梨睁、黑色、幾何形娜饵；簡(jiǎn)潔——白色坡贺、明亮、硬的箱舞；友好——鄰近色遍坟、圓角、圓形等晴股。
2.心境映射
心境映射可以理解為聯(lián)想到的心境感受愿伴，比如：品質(zhì)——高端、貴重队魏、稀有公般；簡(jiǎn)潔——空曠、干凈胡桨、整齊官帘；友好——溫暖、親切昧谊、舒服等。
3.物化映射
物化映射可以理解為聯(lián)想到的具體事物呢诬，比如：品質(zhì)——iPhone、寶馬阀圾、香奈兒狗唉；簡(jiǎn)潔——白盤子、玻璃、白紙哆料；友好——枕頭吗铐、毛絨玩具、海豚等典阵。
第六步：提取視覺風(fēng)格
在生成情緒板圖片后谣妻，結(jié)合衍生關(guān)鍵詞的分析結(jié)果，進(jìn)行視覺風(fēng)格的提取蹋半，主要包括：圖形、色彩染突、字體辈灼、構(gòu)成、質(zhì)感巡莹。
1.圖形提取
通過(guò)對(duì)圖形的分析發(fā)現(xiàn)，基本幾何形具有肯定骂远、純粹的特點(diǎn)腰根，可以很好地體現(xiàn)「品質(zhì)」與「簡(jiǎn)潔」的特征，比如：方形额嘿、圓形等。
2.色彩提取
通過(guò)對(duì)色彩的分析發(fā)現(xiàn)东帅，高明度低飽和度的色彩搭配球拦，能讓畫面保持豐富的同時(shí)顯得干凈和協(xié)調(diào)邓夕，可以達(dá)到「友好」「簡(jiǎn)潔」的效果阎毅，比如：鄰近色点弯、類似色、低飽和度的對(duì)比色等狼钮。
3.字體提取
通過(guò)對(duì)字體的研究發(fā)現(xiàn)捡絮，中文字體端莊勻稱、字形方正涎拉，例如：思源黑體、方正蘭亭黑鼓拧、蘋方等越妈；英文字體線條簡(jiǎn)潔、字形嚴(yán)謹(jǐn)梅掠，例如：Helvetica、Avenir酪我、DIN 等挠蛉，都比較符合「品質(zhì)」和「簡(jiǎn)潔」的特征祭示。
4.構(gòu)成提取
通過(guò)對(duì)構(gòu)成的研究發(fā)現(xiàn)质涛，滿版型和通欄型構(gòu)成掰担，視覺傳達(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)提取視覺風(fēng)格梯码。
本文到此就要告一段落了，如果對(duì)你有一點(diǎn)幫助就請(qǐng)點(diǎn)個(gè)贊吧~ 你也可以關(guān)注我的公眾號(hào)「彭彭設(shè)計(jì)筆記」轩娶，我會(huì)用簡(jiǎn)練的文字儿奶，為你總結(jié)最有價(jià)值的設(shè)計(jì)知識(shí)鳄抒。
