視覺(jué)設(shè)計(jì)基礎(chǔ):萬(wàn)能的情緒板

6 評(píng)論 37278 瀏覽 169 收藏 7 分鐘

情緒板由能代表用戶情緒的文本、元素、圖片拼貼而成,能夠很好地幫助我們定義設(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ì)的方方面面,所以我稱之為萬(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)載。

題圖由作者提供

本文由 @飛凡實(shí)驗(yàn)室 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 感覺(jué)就是找出一大堆,然后東拼西湊的抄

    來(lái)自廣東 回復(fù)
  2. 一頓操作猛如虎,一看結(jié)果直接出

    來(lái)自湖北 回復(fù)
  3. 一頓操作猛如虎,一看結(jié)果250 ?

    來(lái)自香港 回復(fù)
  4. 狗呢!

    來(lái)自北京 回復(fù)
  5. 理論是這樣的,,不過(guò)我總覺(jué)得和文案有些脫節(jié),圖和文案沒(méi)有聯(lián)系的樣子,不知道作者是如何考慮的,
    金狗賀歲和新年這兩個(gè)詞,我個(gè)人覺(jué)得主體關(guān)鍵詞已經(jīng)夠了,再去擴(kuò)張聯(lián)想也都是一些背景的東西,

    來(lái)自浙江 回復(fù)
  6. 請(qǐng)問(wèn)有微信嗎,方便交流。謝謝

    來(lái)自北京 回復(fù)