視覺風(fēng)格的確定
使用「情緒板」能明確需求并定義正確的設(shè)計(jì)風(fēng)格
情緒板(Mood Board)指一系列圖像厨疙、文字瘤旨、樣品的拼貼刊殉,是常用的表達(dá)設(shè)計(jì)定義和方向的設(shè)計(jì)方法論袱巨。其本質(zhì)是將用戶的情緒可視化手负,因此稱為情緒板沪羔。
對(duì)設(shè)計(jì)師:是定義視覺風(fēng)格和指導(dǎo)設(shè)計(jì)方向的依據(jù)稳强;
對(duì)團(tuán)隊(duì):在團(tuán)隊(duì)之間傳遞設(shè)計(jì)靈感與設(shè)計(jì)思路奖地,從而使想法充分融合吧趣,深化設(shè)計(jì)法竞。
如何制作情緒板耙厚?
第一步:明確原生關(guān)鍵詞
原生關(guān)鍵詞來自公司的戰(zhàn)略定位、產(chǎn)品的功能特色岔霸、用戶的需求特征薛躬,通過公司內(nèi)部討論和用戶訪談明確原生關(guān)鍵詞。
第二步:挖掘衍生關(guān)鍵詞
衍生關(guān)鍵詞是原生關(guān)鍵詞的發(fā)散和提煉呆细,主要通過部門內(nèi)部頭腦風(fēng)暴或用戶訪談得出型宝。例如關(guān)鍵詞:品質(zhì)、簡(jiǎn)潔絮爷、友好趴酣。
第三步:搜索關(guān)鍵詞圖片
在確定好關(guān)鍵詞后,利用網(wǎng)絡(luò)渠道來收集與關(guān)鍵詞相匹配的圖片素材坑夯,常用的圖片搜索渠道有:Pinterest岖寞、Unsplash、Dribbble柜蜈、Pexels 等仗谆。
第四步:提取生成情緒板
將收集到的圖片素材,按照衍生關(guān)鍵詞進(jìn)行分類并提取生成情緒板淑履。
第五步:衍生關(guān)鍵詞映射
為了讓項(xiàng)目組成員更全面地理解用戶的實(shí)際想法隶垮,設(shè)計(jì)師或用戶研究員需通過用戶訪談,將衍生關(guān)鍵詞按照以下三種映射關(guān)系收集整理秘噪,得到用戶理解的「抽象關(guān)鍵詞」所對(duì)應(yīng)的「具象定義」狸吞。
1. 視覺映射
視覺映射可以理解為聯(lián)想到的視覺表現(xiàn),比如:品質(zhì)——金色指煎、黑色蹋偏、幾何形;簡(jiǎn)潔——白色贯要、明亮暖侨、硬的椭住;友好——鄰近色崇渗、圓角、圓形等京郑。
2. 心境映射
心境映射可以理解為聯(lián)想到的心境感受宅广,比如:品質(zhì)——高端、貴重些举、稀有跟狱;簡(jiǎn)潔——空曠、干凈户魏、整齊驶臊;友好——溫暖挪挤、親切、舒服等关翎。
3. 物化映射
物化映射可以理解為聯(lián)想到的具體事物扛门,比如:品質(zhì)——iPhone、寶馬纵寝、香奈兒论寨;簡(jiǎn)潔——白墻、玻璃爽茴、盤子葬凳;友好——枕頭、毛絨玩具室奏、海豚等火焰。
第六步:提取視覺風(fēng)格
在生成情緒板圖片后,結(jié)合衍生關(guān)鍵詞的分析結(jié)果窍奋,進(jìn)行視覺風(fēng)格的提取荐健,主要包括:圖形、色彩琳袄、字體江场、構(gòu)成、質(zhì)感窖逗。
1. 圖形提取
通過對(duì)圖形的分析發(fā)現(xiàn)址否,基本幾何形具有肯定、純粹的特點(diǎn)碎紊,可以很好地體現(xiàn)「品質(zhì)」與「簡(jiǎn)潔」的特征佑附,比如:方形、圓形等仗考。
2. 色彩提取
通過對(duì)色彩的分析發(fā)現(xiàn)音同,高明度低飽和度的色彩搭配,能讓畫面保持豐富的同時(shí)顯得干凈和協(xié)調(diào)秃嗜,可以達(dá)到「友好」「簡(jiǎn)潔」的效果权均,比如:鄰近色、類似色锅锨、低飽和度的對(duì)比色等叽赊。
3. 字體提取
通過對(duì)字體的研究發(fā)現(xiàn),中文字體端莊勻稱必搞、字形方正必指,例如:思源黑體、方正蘭亭黑恕洲、蘋方等塔橡;英文字體線條簡(jiǎn)潔梅割、字形嚴(yán)謹(jǐn),例如:Helvetica葛家、Avenir炮捧、DIN 等,都比較符合「品質(zhì)」和「簡(jiǎn)潔」的特征惦银。
4. 構(gòu)成提取
通過對(duì)構(gòu)成的研究發(fā)現(xiàn)咆课,滿版型和通欄型構(gòu)成,視覺傳達(dá)直觀而強(qiáng)烈扯俱,給人大方书蚪、舒展的感受;并置型和九宮格型構(gòu)成迅栅,體現(xiàn)嚴(yán)謹(jǐn)殊校、秩序與節(jié)奏感,這與「品質(zhì)」的特征都是匹配的读存。
5. 質(zhì)感提取
在質(zhì)感的選擇方面为流,大多與當(dāng)下流行風(fēng)格趨勢(shì)相貼近,例如:圓角卡片让簿、彌散投影敬察、漸變、輕擬物尔当、毛玻璃等莲祸,可以有效地表達(dá)出「簡(jiǎn)潔」「友好」的情緒感受。
6.評(píng)審情緒板
7.提取配色方案
8.總結(jié)設(shè)計(jì)準(zhǔn)則
9.根據(jù)設(shè)計(jì)準(zhǔn)則輸出設(shè)計(jì)方案