項(xiàng)目分析中的——情緒板
發(fā)布時(shí)間:2022-01-21 09:42 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3208

其實(shí)發(fā)展到今天吧,大家對(duì)于 UI 設(shè)計(jì)要做哪些事情應(yīng)該也琢磨出個(gè)一二三來(lái)了,光靠給設(shè)計(jì)圖 JPG 壓縮包的過(guò)程,顯得太寒磣,不體面。

所以,我們得給為自己的設(shè)計(jì)添加一些 「道理」,賦予它們關(guān)于邏輯和理性的 BUFF,這樣才能保證我們的作品是嚴(yán)謹(jǐn)?shù)、有?nèi)涵的、解決問(wèn)題的……

今天,我要講的東西,就是項(xiàng)目分析中的——情緒板。


情緒板是什么


在網(wǎng)上,許多大廠設(shè)計(jì)團(tuán)隊(duì)在自己的項(xiàng)目復(fù)盤(pán)里,都有放情緒板這個(gè)模塊,以及添加一些 「高大上」 的名詞,例如下面攜程、阿里、360 的 UED 設(shè)計(jì)團(tuán)隊(duì)上傳的情緒板應(yīng)用案例。

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

對(duì)于沒(méi)有系統(tǒng)學(xué)習(xí)過(guò)品牌視覺(jué)的同學(xué)來(lái)講,往往會(huì)一臉懵逼,即為什么我們的 UI 設(shè)計(jì)構(gòu)思過(guò)程里,要加入一些奇怪的圖片、詞匯,有它沒(méi)它不都沒(méi)影響我們把界面給設(shè)計(jì)出來(lái)嘛?

這就要從平面有關(guān)的知識(shí)點(diǎn)說(shuō)起了。

維基百科中對(duì)情緒板(Mood Board)的解釋是:情緒板是由拼貼元素組成的視覺(jué)展示,由圖像、文本、對(duì)象小樣等元素組成。可以是有目標(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è)計(jì)中,對(duì) VI 系統(tǒng)的設(shè)計(jì)是一個(gè)非常抽象的過(guò)程,包括 LOGO、字體、輔助圖形、色彩選用等等。往往我們需要參考大量的素材、圖片、文字,從多個(gè)角度切入去「打磨」設(shè)計(jì)的思路。

于是,在電腦沒(méi)有這么發(fā)達(dá)的年代里,平面設(shè)計(jì)師們就會(huì)將一些能作為參考的紙質(zhì)圖片、文字剪下來(lái),然后貼到一個(gè)專(zhuān)門(mén)的白板上去,類(lèi)似下面這些例子。

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

當(dāng)然,在電腦和互聯(lián)網(wǎng)普及的今天,出現(xiàn)了很多用來(lái)替代這個(gè)白板的工具,包括 Pinterest、花瓣、Eagle、Behance 等等,我們可以把想要的圖片和素材上傳到這些工具內(nèi)快速進(jìn)行瀏覽。

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

雖然這些工具很方便,但是多數(shù)設(shè)計(jì)師其實(shí)只是把它們當(dāng)成素材、參考圖的收集工具,而不是作為情緒板來(lái)使用,大家一定要明白其中的區(qū)別。

而在電腦中完成的情緒板,通常長(zhǎng)成下面這樣。

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

大廠都在用的情緒板,到底是什么?

情緒板是一個(gè)幫助設(shè)計(jì)師構(gòu)建設(shè)計(jì)氛圍、風(fēng)格的視覺(jué)工具,通過(guò)收集相關(guān)的素材,然后在這些素材中尋找隱藏的「線索」,讓自己的設(shè)計(jì)思路可以更明確,更具體。

為了方便大家理解,可以再看看下面的兩個(gè)案例。

案例1

是一個(gè)針對(duì)潮人應(yīng)用的 LOGO 設(shè)計(jì),設(shè)計(jì)師希望表現(xiàn)高冷、前衛(wèi)、又與眾不同的情緒,于是有了斯芬克斯貓的圖片。

當(dāng)然,展示出來(lái)的圖片不是設(shè)計(jì)師在設(shè)計(jì)過(guò)程中真實(shí)應(yīng)用的情緒板,相信還有很多目標(biāo)用戶的日常照片和商品照片素材,然后從中獲得了耳釘造型的靈感,為 LOGO 的貓耳上添加了耳釘元素。

大廠都在用的情緒板,到底是什么?

案例2

是一個(gè)法國(guó)的烘焙品牌,設(shè)計(jì)師通過(guò)麥穗、面包、濾網(wǎng)等關(guān)聯(lián)性物體中進(jìn)行提煉,完成 LOGO 的圖形設(shè)計(jì),讓 LOGO 本身能和原材料進(jìn)行關(guān)聯(lián),更符合產(chǎn)品本身特征和便于用戶聯(lián)想。

大廠都在用的情緒板,到底是什么?

零基礎(chǔ)教你做UI
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC