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

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

01 什么是情緒板?

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


02 情緒板的作用

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

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


03 如何制作情緒板?

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

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

-關鍵詞聯(lián)想:關鍵詞聯(lián)想這一步的前提是需要我們篩選之前選出來的關鍵詞,再對精選之后的關鍵詞進行發(fā)散和聯(lián)想,這樣就可以獲取更多的靈感

-找素材:關鍵詞聯(lián)想完成之后,我們接下來根據(jù)這些詞去尋找相關的素材,我一般是在視覺中國、花瓣、海諾創(chuàng)意、Pinterest中進行尋找

-創(chuàng)建情緒板:這一步需要將我們將找到的素材進行歸納和整理,并最終獲得和我們設計相關的5大內(nèi)容:色彩、圖形、質(zhì)感、構(gòu)圖、字體

-視覺設計:最后就是進行視覺的設計,在視覺設計之前我一般會手繪出大致的畫面,幫助自己確定畫面的構(gòu)成,方面之后的設計

04 案例操作

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

主題:新年APP啟動頁設計

文案:金狗賀歲 ?CF STUIO

關鍵詞

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

關鍵詞聯(lián)想

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

找素材

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

創(chuàng)建情緒板

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

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

視覺設計

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

視覺效果圖

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

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

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

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容