如何運(yùn)用情緒板定義視覺(jué)風(fēng)格?

2022-2-22    ui設(shè)計(jì)分享達(dá)人

前言 

相信每個(gè)設(shè)計(jì)師,平日里都會(huì)去關(guān)注各種各樣的視覺(jué)風(fēng)格、設(shè)計(jì)趨勢(shì),如雜志風(fēng)格/3D風(fēng)格/簡(jiǎn)筆插畫(huà)/晶白風(fēng)格/賽博朋克/國(guó)潮/新擬態(tài)/孟菲斯等等各種各樣的視覺(jué)風(fēng)格。但是在了解這么多視覺(jué)風(fēng)格的同時(shí),又不知道什么樣的風(fēng)格適合是自己產(chǎn)品的,做設(shè)計(jì)時(shí)僅僅憑借著直覺(jué)跟過(guò)往的經(jīng)驗(yàn)來(lái)進(jìn)行設(shè)計(jì),最終導(dǎo)致設(shè)計(jì)稿禁不起業(yè)務(wù)方的推敲,并且被貼上設(shè)計(jì)不專業(yè)的標(biāo)簽。 

其實(shí),每一個(gè)產(chǎn)品設(shè)計(jì)都需要設(shè)計(jì)師花費(fèi)大量的時(shí)間精力去推倒出屬于自己產(chǎn)品的視覺(jué)風(fēng)格。而不是僅僅參考當(dāng)下流行什么設(shè)計(jì)趨勢(shì)、設(shè)計(jì)風(fēng)格,就開(kāi)始進(jìn)行設(shè)計(jì)。流行的視覺(jué)風(fēng)格大多不會(huì)一直流行,只有符合平臺(tái)調(diào)性的視覺(jué)風(fēng)格,才能更好的為產(chǎn)品賦能。 

因此,學(xué)會(huì)如何定義視覺(jué)風(fēng)格,是每個(gè)設(shè)計(jì)師都需要去學(xué)習(xí)并且加以運(yùn)用的。 

什么是情緒板? 

情緒板(英文Mood Board),通常是指一系列圖像、文字、樣品的拼貼,是設(shè)計(jì)中最常用的定義設(shè)計(jì)和視覺(jué)方向的設(shè)計(jì)方法論。 

情緒板的本質(zhì)在于: 將情緒可視化,將較為抽象的詞語(yǔ)轉(zhuǎn)化為可視化的圖形等,比如:“安全”這個(gè)詞可映射出盾牌/鎖/警察等等給人們感覺(jué)到安全的人事物。 




情緒板的作用?


情緒板能夠更加幫助設(shè)計(jì)師與業(yè)務(wù)方達(dá)成設(shè)計(jì)共識(shí),并且能夠幫助設(shè)計(jì)師定義視覺(jué)風(fēng)格與找到設(shè)計(jì)方向,使設(shè)計(jì)更加合理,為產(chǎn)品賦能。


如何運(yùn)用情緒板定義視覺(jué)風(fēng)格


情緒板的制作流程


情緒板的制作流程大致分為5步:


1、明確原生關(guān)鍵詞


了解項(xiàng)目背景或需求本身的方向,通過(guò)內(nèi)部討論,用戶研究和品牌等方式定出3-5個(gè)原生關(guān)鍵詞,通常定出的詞都比較抽象。


2、挖掘衍生關(guān)鍵詞


在原生關(guān)鍵詞的基礎(chǔ)上讓參與者發(fā)散得到更精準(zhǔn)的二級(jí)詞語(yǔ),能夠更加準(zhǔn)確的定位到圖形傳達(dá)方向,最好是一些情緒和視覺(jué)表達(dá)的形容詞。

可通過(guò)視覺(jué)映射、心境映射、物化映射,得到用戶理解的“抽象關(guān)鍵詞”所對(duì)應(yīng)的“具象定義”。


3、搜索關(guān)鍵詞圖片


確定完關(guān)鍵詞后,可在pinterest、花瓣等設(shè)計(jì)網(wǎng)站上建立情緒板圖庫(kù),按照人,事,物,形、色、字、構(gòu)、質(zhì)等方向收集大量的對(duì)應(yīng)圖片素材來(lái)匹配關(guān)鍵詞。


4、建立情緒板


對(duì)應(yīng)每個(gè)關(guān)鍵詞,從情緒板圖庫(kù)中提取高質(zhì)量能夠代表關(guān)鍵詞意思的人,事,物,形、色、字、構(gòu)、質(zhì)去展示,以此喚醒用戶對(duì)關(guān)鍵詞情緒體驗(yàn)。


5、提取視覺(jué)風(fēng)格準(zhǔn)則


根據(jù)情緒板圖庫(kù)中的圖片提取出視覺(jué)風(fēng)格準(zhǔn)則,包含:圖形、顏色、質(zhì)感、構(gòu)成、字體等視覺(jué)風(fēng)格準(zhǔn)則。



舉個(gè)案例說(shuō)明:


明確原生關(guān)鍵詞


討論原生關(guān)鍵詞


了解項(xiàng)目背景或需求本身的方向,通過(guò)內(nèi)部討論(可叫上產(chǎn)品、運(yùn)營(yíng)、老板等進(jìn)行討論),用戶研究和品牌等方式定出3-5個(gè)原生關(guān)鍵詞,通常定出的詞都比較抽象。



確定原生關(guān)鍵詞


從討論的關(guān)鍵詞中提取3-5個(gè)最適合的關(guān)鍵詞。



2、挖掘衍生關(guān)鍵詞


在原生關(guān)鍵詞的基礎(chǔ)上讓參與者通過(guò)視覺(jué)映射、心境映射、物化映射,發(fā)散得到更精準(zhǔn)的二級(jí)詞語(yǔ),能夠更加準(zhǔn)確的定位到圖形傳達(dá)方向,最好是一些情緒和視覺(jué)表達(dá)的形容詞。



3、搜索關(guān)鍵詞圖片


確定完關(guān)鍵詞后,可在pinterest、花瓣等設(shè)計(jì)網(wǎng)站上建立情緒板圖庫(kù),按照人,事,物,形、色、字、構(gòu)、質(zhì)等方向收集大量的對(duì)應(yīng)圖片素材來(lái)匹配關(guān)鍵詞。



4、建立情緒板


對(duì)應(yīng)每個(gè)關(guān)鍵詞,從情緒板圖庫(kù)中提取高質(zhì)量能夠代表關(guān)鍵詞意思的人,事,物,形、色、字、構(gòu)、質(zhì)去展示,以此喚醒用戶對(duì)關(guān)鍵詞情緒體驗(yàn)。


5、提取視覺(jué)風(fēng)格準(zhǔn)則


根據(jù)情緒板圖庫(kù)中的圖片提取出視覺(jué)風(fēng)格準(zhǔn)則,包含:圖形、顏色、質(zhì)感、構(gòu)成、字體等視覺(jué)風(fēng)格準(zhǔn)則。




總結(jié)


情緒板作為一種常用的設(shè)計(jì)方法論,能夠幫助設(shè)計(jì)師更加合理的總結(jié)出合適的視覺(jué)風(fēng)格。設(shè)計(jì)不僅僅是只是跟隨著設(shè)計(jì)趨勢(shì),怎樣找到適合產(chǎn)品的視覺(jué)風(fēng)格,是每個(gè)設(shè)計(jì)師更需要去掌握的內(nèi)容。


以上內(nèi)容,是學(xué)習(xí)如何定義視覺(jué)風(fēng)格的其中一種方法,希望對(duì)大家有所幫助,如有不同意見(jiàn),歡迎指正!


圖片版權(quán)歸原作者所有

原文地址:站酷
作者:船長(zhǎng)的成長(zhǎng)日記

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


日歷

鏈接

個(gè)人資料

存檔