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

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

?01 什么是情緒板？

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

?02 情緒板的作用

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

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

03 如何制作情緒板？

情緒板的制作可以分為五個(gè)步驟進(jìn)行

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

04 案例操作

我用一個(gè)簡(jiǎn)單的案例來(lái)幫助大家更好的學(xué)習(xí)使用情緒板

主題：新年APP啟動(dòng)頁(yè)設(shè)計(jì)

文案：金狗賀歲 ?CF STUIO

關(guān)鍵詞：

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

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

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

找素材：

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

創(chuàng)建情緒板：

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

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

視覺(jué)設(shè)計(jì)：

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

視覺(jué)效果圖

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

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

文章到此就已經(jīng)結(jié)束了，感謝大家的閱讀，如果對(duì)于情緒板還有什么疑問(wèn)和建議的話，請(qǐng)?jiān)谙路搅粞?。也歡迎大家關(guān)注我，接下來(lái)小凡會(huì)為大家?guī)?lái)更多UI知識(shí)體系系列的文章內(nèi)容。

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

題圖由作者提供