情緒板是創(chuàng)意工作的好幫手，無論是用來尋找靈感還是強(qiáng)化工作流程，都頗為實(shí)用。

我們在日常工作中經(jīng)常會花很長時(shí)間產(chǎn)出精致的，高品質(zhì)的設(shè)計(jì)，得到的結(jié)果卻是一句：“這不是我想要的！”

一般情況下，在沒有看到具象物體前，需求方并不清楚自己想要什么。但是看實(shí)物后，就可以很容易的判斷是否符合自己的預(yù)期或喜好。所以，避免過多為錯(cuò)誤買單前，要了解需求方對于風(fēng)格的期望要求，從而確定整個(gè)產(chǎn)品的風(fēng)格是很有必要的。

情緒板是什么

情緒板（英：Mood Board）是一種啟發(fā)式和探索性的方法，設(shè)計(jì)師將自己認(rèn)為合適的組件、圖片和素材都整理到一起，在紙或者屏幕上進(jìn)行拼貼組合，快速地向他人傳達(dá)設(shè)計(jì)師想要表達(dá)的整體“感覺（feel）”，可作為一種可視化的溝通工具。一般包括：視覺風(fēng)格、色彩、字體排版、圖案和紋理整體外觀。

情緒板有何用

（1）提高工作效率

說到設(shè)計(jì)方法論可能大家以為會花很長時(shí)間，其實(shí)不然，設(shè)計(jì)師可以根據(jù)情緒板為基礎(chǔ)向需求方建立一個(gè)快速的風(fēng)格指南，從而被輕松編輯。

設(shè)計(jì)師可以在風(fēng)格指南的基礎(chǔ)上快速進(jìn)入交互設(shè)計(jì)、視覺設(shè)計(jì)，且如果需求方的意向發(fā)生改變，設(shè)計(jì)師也可迅速調(diào)整設(shè)計(jì)方向。

（2）更好了解需求

往往設(shè)計(jì)師在與需求方溝通的時(shí)候，認(rèn)知不在同一個(gè)層面，很難完全互相理解。這時(shí)情緒版的作用就在于將實(shí)際可討論的視覺意向展示出來，讓溝通和討論產(chǎn)生一個(gè)實(shí)在的落腳點(diǎn)。

（3）精準(zhǔn)產(chǎn)出方案

根據(jù)產(chǎn)品屬性和特征尋找大量視覺圖片，包括色彩、肌理、風(fēng)格、形狀等。讓目標(biāo)用戶進(jìn)行挑選，以此作為設(shè)計(jì)方向或設(shè)計(jì)形式的參考。通常用于提取配色方案、視覺風(fēng)格、質(zhì)感材質(zhì)，為視覺設(shè)計(jì)提供靈感。

情緒版制作過程

（1）體驗(yàn)關(guān)鍵詞

首先，要明確產(chǎn)品的定位以及目標(biāo)用戶。在一個(gè)需求中，通過團(tuán)隊(duì)腦暴和用戶研究，我們可以在有限的區(qū)間內(nèi)創(chuàng)建用戶畫像，綜合品牌及行業(yè)風(fēng)格，可以得出體驗(yàn)關(guān)鍵詞。關(guān)鍵詞和腦暴類似，包括各個(gè)方面，可以是感官、場景或者名詞等等。

（2）關(guān)鍵詞聯(lián)想

設(shè)計(jì)師根據(jù)創(chuàng)建的體驗(yàn)關(guān)鍵詞進(jìn)行篩選，再對篩選之后的關(guān)鍵詞進(jìn)行發(fā)散和聯(lián)想，這樣就可以獲得更多的靈感。

（3）收集素材

設(shè)計(jì)師在關(guān)鍵詞創(chuàng)建完成之后，接下來根據(jù)關(guān)鍵詞在相關(guān)網(wǎng)站尋找相應(yīng)的素材，這里用到最多的是在視覺中國、花瓣美思、Pinterest、Behance等網(wǎng)站中進(jìn)行發(fā)掘。

（4）創(chuàng)建情緒版

這一步需要將收集到的素材進(jìn)行歸納和整理，可依據(jù)不同的維度進(jìn)行分類，如設(shè)計(jì)內(nèi)容(字體、配色、排版、圖形等)、風(fēng)格意向(扁平化、2.5D、3D等)、應(yīng)用場景(電商、實(shí)體、營銷等)

創(chuàng)建情緒版是一個(gè)不斷迭代的過程，通常為“選擇素材-排列素材-討論反思-收集來源-選擇素材”循環(huán)往復(fù)，最終產(chǎn)出適應(yīng)當(dāng)前情境的情緒版。

情緒版的類型

（1）拼貼情緒版

拼貼式情緒版是最簡單創(chuàng)建的情緒版方式。在設(shè)計(jì)拼貼情緒版的時(shí)候，設(shè)計(jì)師無需考慮字體大小、圖片尺寸、特定顏色等細(xì)節(jié)問題。搜集一些免費(fèi)可用的高分辨率圖片，作為素材，以便今后能夠用到項(xiàng)目當(dāng)中去。這些圖片可以制作為情緒板。這些拼貼當(dāng)中還可以加入字體、配色、插畫作為示例。

（2）精致型情緒版

精致型情緒版又被稱為模板式情緒版，這種情緒版可以詳細(xì)規(guī)范字體（字形、字號）、配色、button風(fēng)格、圖片風(fēng)格等個(gè)性化元素。借用模板式設(shè)計(jì)，展示出產(chǎn)品的結(jié)構(gòu)和視覺層次。相對于效果稿和交互圖，情緒版更為模糊的定義風(fēng)格，組件隨機(jī)分布，圖片和粗略的布局結(jié)合在一起，說明了基本的構(gòu)思。這種情緒板成型更快，因?yàn)樗恍枰?xì)節(jié)支撐。

情緒版的工具

（1）Invision Board

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

（2）Pinterest

是全球設(shè)計(jì)師用的最多的情緒板收集平臺，可以里面分享到你的手機(jī)里，任何朋友都可以看到，也可以團(tuán)隊(duì)使用，來保障設(shè)計(jì)風(fēng)格。

（3）花瓣

國內(nèi)常用，有很多設(shè)計(jì)師搜集并分類了很多國內(nèi)外優(yōu)質(zhì)的圖片。

（4）Tumblr

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

總結(jié)

情緒板是創(chuàng)意工作的好幫手，無論是用來尋找靈感還是強(qiáng)化工作流程，都頗為實(shí)用。設(shè)計(jì)師即要站在自己的角度（設(shè)計(jì)師）想問題，又要換位思考，站在用戶的角度想問題。這樣，他才能更加容易接受你的建議。

作者：李健，視覺設(shè)計(jì)師，一個(gè)熱愛設(shè)計(jì)和藝術(shù)的單次元少年

本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心（微信公眾號@58UXD），作者@李健

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