情緒板由能代表用戶情緒的文本、元素、圖片拼貼而成，能夠很好地幫助我們定義設(shè)計的方向。

設(shè)計是一個主觀的行為，我們在做商業(yè)設(shè)計的時候需要找到商業(yè)和美學的平衡點，這就要求我們有一個客觀的理論去支撐我們的視覺設(shè)計。而情緒板是一個能客觀表達我們設(shè)計理念的方法，它可以幫助我們定義視覺設(shè)計相關(guān)的5大內(nèi)容：色彩、圖形、質(zhì)感、構(gòu)圖、字體。情緒板的用法幾乎可以貫穿UI設(shè)計的方方面面，所以我稱之為萬能的情緒板。

?01 什么是情緒板？

情緒板是由能代表用戶情緒的文本、元素、圖片拼貼而成的，它是設(shè)計領(lǐng)域中應(yīng)用范圍比較廣泛的一種方法。它可以幫助我們很好的定義設(shè)計的方向。

?02 情緒板的作用

我們通過情緒板的方法可以幫助我們定義到和我們設(shè)計相關(guān)的

5大內(nèi)容：色彩、圖形、質(zhì)感、構(gòu)圖、字體

03 如何制作情緒板？

情緒板的制作可以分為五個步驟進行

• 關(guān)鍵詞：尋找主題相關(guān)的關(guān)鍵詞，關(guān)鍵詞包括各個方面，可以是感覺相關(guān)的，也可以場景相關(guān)的、還可以是名詞相關(guān)的，，，只要對我們的主題有幫助都可以放上去
• 關(guān)鍵詞聯(lián)想：關(guān)鍵詞聯(lián)想這一步的前提是需要我們篩選之前選出來的關(guān)鍵詞，再對精選之后的關(guān)鍵詞進行發(fā)散和聯(lián)想，這樣就可以獲取更多的靈感
• 找素材：關(guān)鍵詞聯(lián)想完成之后，我們接下來根據(jù)這些詞去尋找相關(guān)的素材，我一般是在視覺中國、花瓣、海諾創(chuàng)意、Pinterest中進行尋找
• 創(chuàng)建情緒板：這一步需要將我們將找到的素材進行歸納和整理，并最終獲得和我們設(shè)計相關(guān)的5大內(nèi)容：色彩、圖形、質(zhì)感、構(gòu)圖、字體
• 視覺設(shè)計：最后就是進行視覺的設(shè)計，在視覺設(shè)計之前我一般會手繪出大致的畫面，幫助自己確定畫面的構(gòu)成，方面之后的設(shè)計

04 案例操作

我用一個簡單的案例來幫助大家更好的學習使用情緒板

主題：新年APP啟動頁設(shè)計

文案：金狗賀歲 ?CF STUIO

關(guān)鍵詞：

一說新年我們能想到那些關(guān)鍵詞呢？比如：熱鬧、紅包、團聚、貼對聯(lián)、拜年…

關(guān)鍵詞聯(lián)想：

我們再對關(guān)鍵詞進行細化和聯(lián)想，得到更加詳細具體的關(guān)鍵詞，比如：熱鬧，我們可以聯(lián)想到吃年夜飯、放煙花、放鞭炮…

找素材：

通過這些關(guān)鍵詞我找到了各種圖片素材，有場景相關(guān)的、元素相關(guān)的、字體相關(guān)的、色彩相關(guān)的…

創(chuàng)建情緒板：

通過前面的關(guān)鍵詞和找的這些素材圖片，我們進行了一次小型的頭腦風暴，最后定下期寄、歡聚這個新年主題，最后在創(chuàng)建情緒板的時候，我們元素的選擇也是往這個方向去靠。

那么問題來了，創(chuàng)建情緒板的時候應(yīng)該選擇那些元素呢？我的建議是選擇5大內(nèi)容相關(guān)的圖片：色彩、圖形、質(zhì)感、構(gòu)圖、字體。

視覺設(shè)計：

情緒板創(chuàng)建完成之后，我們最后一步就是視覺的設(shè)計了。大家可以看到最終呈現(xiàn)的視覺效果中，大部分元素都是來自于情緒板。

視覺效果圖

總結(jié)：在設(shè)計如何運用情緒板的五個步驟：

關(guān)鍵詞、關(guān)鍵詞聯(lián)想、找素材、創(chuàng)建情緒板、視覺設(shè)計

文章到此就已經(jīng)結(jié)束了，感謝大家的閱讀，如果對于情緒板還有什么疑問和建議的話，請在下方留言。也歡迎大家關(guān)注我，接下來小凡會為大家?guī)砀郩I知識體系系列的文章內(nèi)容。

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

題圖由作者提供