其實發(fā)展到今天吧，大家對于 UI 設(shè)計要做哪些事情應(yīng)該也琢磨出個一二三來了，光靠給設(shè)計圖 JPG 壓縮包的過程，顯得太寒磣，不體面。
所以，我們得給為自己的設(shè)計添加一些 「道理」，賦予它們關(guān)于邏輯和理性的 BUFF，這樣才能保證我們的作品是嚴(yán)謹(jǐn)?shù)摹⒂袃?nèi)涵的、解決問題的……
今天，我要講的東西，就是項目分析中的——情緒板。
在網(wǎng)上，許多大廠設(shè)計團(tuán)隊在自己的項目復(fù)盤里，都有放情緒板這個模塊，以及添加一些 「高大上」 的名詞，例如下面攜程、阿里、360 的 UED 設(shè)計團(tuán)隊上傳的情緒板應(yīng)用案例。
對于沒有系統(tǒng)學(xué)習(xí)過品牌視覺的同學(xué)來講，往往會一臉懵逼，即為什么我們的 UI 設(shè)計構(gòu)思過程里，要加入一些奇怪的圖片、詞匯，有它沒它不都沒影響我們把界面給設(shè)計出來嘛？
這就要從平面有關(guān)的知識點說起了。
維基百科中對情緒板（Mood Board）的解釋是：情緒板是由拼貼元素組成的視覺展示，由圖像、文本、對象小樣等元素組成？梢允怯心繕(biāo)主題的，也可以是隨機(jī)選擇的任何素材。
PS：A mood board is a type of visual presentation or a collage consisting of images, text, and samples of objects in a composition. It can be based upon a set topic or can be any material chosen at random
在平面品牌設(shè)計中，對 VI 系統(tǒng)的設(shè)計是一個非常抽象的過程，包括 LOGO、字體、輔助圖形、色彩選用等等。往往我們需要參考大量的素材、圖片、文字，從多個角度切入去「打磨」設(shè)計的思路。
于是，在電腦沒有這么發(fā)達(dá)的年代里，平面設(shè)計師們就會將一些能作為參考的紙質(zhì)圖片、文字剪下來，然后貼到一個專門的白板上去，類似下面這些例子。
當(dāng)然，在電腦和互聯(lián)網(wǎng)普及的今天，出現(xiàn)了很多用來替代這個白板的工具，包括 Pinterest、花瓣、Eagle、Behance 等等，我們可以把想要的圖片和素材上傳到這些工具內(nèi)快速進(jìn)行瀏覽。
雖然這些工具很方便，但是多數(shù)設(shè)計師其實只是把它們當(dāng)成素材、參考圖的收集工具，而不是作為情緒板來使用，大家一定要明白其中的區(qū)別。
而在電腦中完成的情緒板，通常長成下面這樣。
情緒板是一個幫助設(shè)計師構(gòu)建設(shè)計氛圍、風(fēng)格的視覺工具，通過收集相關(guān)的素材，然后在這些素材中尋找隱藏的「線索」，讓自己的設(shè)計思路可以更明確，更具體。
為了方便大家理解，可以再看看下面的兩個案例。
案例1
是一個針對潮人應(yīng)用的 LOGO 設(shè)計，設(shè)計師希望表現(xiàn)高冷、前衛(wèi)、又與眾不同的情緒，于是有了斯芬克斯貓的圖片。
當(dāng)然，展示出來的圖片不是設(shè)計師在設(shè)計過程中真實應(yīng)用的情緒板，相信還有很多目標(biāo)用戶的日常照片和商品照片素材，然后從中獲得了耳釘造型的靈感，為 LOGO 的貓耳上添加了耳釘元素。
案例2
是一個法國的烘焙品牌，設(shè)計師通過麥穗、面包、濾網(wǎng)等關(guān)聯(lián)性物體中進(jìn)行提煉，完成 LOGO 的圖形設(shè)計，讓 LOGO 本身能和原材料進(jìn)行關(guān)聯(lián)，更符合產(chǎn)品本身特征和便于用戶聯(lián)想。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。