【視覺設計基礎】 萬能的情緒板

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

01 什麼是情緒板？

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

02 情緒板的作用

我們通過情緒板的方法可以幫助我們定義到和我們設計相關的

5大內容：色彩、圖形、質感、構圖、字體

03 如何製作情緒板？

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

-關鍵詞：尋找主題相關的關鍵詞，關鍵詞包括各個方面，可以是感覺相關的，也可以場景相關的、還可以是名詞相關的，，，只要對我們的主題有幫助都可以放上去

-關鍵詞聯想：關鍵詞聯想這一步的前提是需要我們篩選之前選出來的關鍵詞，再對精選之後的關鍵詞進行發散和聯想，這樣就可以獲取更多的靈感

-找素材：關鍵詞聯想完成之後，我們接下來根據這些詞去尋找相關的素材，我一般是在視覺中國、花瓣、海諾創意、Pinterest中進行尋找

-創建情緒板：這一步需要將我們將找到的素材進行歸納和整理，並最終獲得和我們設計相關的5大內容：色彩、圖形、質感、構圖、字體

-視覺設計：最後就是進行視覺的設計，在視覺設計之前我一般會手繪出大致的畫面，幫助自己確定畫面的構成，方面之後的設計

04 案例操作

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

主題：新年APP啟動頁設計

文案：金狗賀歲 CF STUIO

一說新年我們能想到那些關鍵詞呢？比如：熱鬧、紅包、團聚、貼對聯、拜年...

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

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

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

那麼問題來了，創建情緒板的時候應該選擇那些元素呢？我的建議是選擇5大內容相關的圖片：色彩、圖形、質感、構圖、字體。

情緒板創建完成之後，我們最後一步就是視覺的設計了。大家可以看到最終呈現的視覺效果中，大部分元素都是來自於情緒板。

總結：在設計如何運用情緒板的五個步驟：

關鍵詞、關鍵詞聯想、找素材、創建情緒板、視覺設計

文章到此就已經結束了，感謝大家的閱讀，如果對於情緒板還有什麼疑問和建議的話，請在下方留言。也歡迎大家關注我，接下來小凡會為大家帶來更多UI知識體系系列的文章內容。