理性地定義視覺風格——情緒板
情緒板指一系列圖像、文字、樣品的拼貼,是常用的表達設計定義和方向的設計方法論。對設計師而言,是定義視覺風格和指導設計方向的依據;對團隊,是在團隊之間傳遞設計靈感與設計思路,從而使想法充分融合,深化設計。
有一次,一個客戶拜托我的朋友小張設計一款 App,簡單溝通后,小張便開始從網上搜集案例。通過對比篩選,他找到了一種逼格很高的視覺風格,于是自信滿滿地套用,心想:這么酷的設計客戶肯定喜歡,說不定還會一稿過!
兩天后,小張將方案發給客戶??蛻艨戳撕蠡貜停骸班?#8230;挺高大上的,不過和我們產品的調性不太搭…”“我想要熱鬧活潑一點的,你的看上去太清淡了?!毙堈J為最好的方案被否定了,后來他又出了幾版,但依然沒有通過。
郁悶的小張和我抱怨客戶不懂設計,我說是你沒明白客戶真正的需求。他繼續追問,我告訴他使用「情緒板」能明確需求并定義正確的設計風格。他照著我說的方法又出了一套方案,這一次,客戶高度認可并接受了他的設計。
一、什么是情緒板?
情緒板定義
情緒板(Mood Board)指一系列圖像、文字、樣品的拼貼,是常用的表達設計定義和方向的設計方法論。其本質是將用戶的情緒可視化,因此稱為情緒板。
情緒板作用
對設計師:是定義視覺風格和指導設計方向的依據;對團隊:在團隊之間傳遞設計靈感與設計思路,從而使想法充分融合,深化設計。
二、如何制作情緒板?
第一步:明確原生關鍵詞
原生關鍵詞來自公司的戰略定位、產品的功能特色、用戶的需求特征,通過公司內部討論和用戶訪談明確原生關鍵詞。
第二步:挖掘衍生關鍵詞
衍生關鍵詞是原生關鍵詞的發散和提煉,主要通過部門內部頭腦風暴或用戶訪談得出。例如關鍵詞:品質、簡潔、友好。
第三步:搜索關鍵詞圖片
在確定好關鍵詞后,利用網絡渠道來收集與關鍵詞相匹配的圖片素材,常用的圖片搜索渠道有:Pinterest、Unsplash、Dribbble、Pexels 等。
第四步:提取生成情緒板
將收集到的圖片素材,按照衍生關鍵詞進行分類并提取生成情緒板。
第五步:衍生關鍵詞映射
為了讓項目組成員更全面地理解用戶的實際想法,設計師或用戶研究員需通過用戶訪談,將衍生關鍵詞按照以下三種映射關系收集整理,得到用戶理解的“抽象關鍵詞”所對應的“具象定義”。
(1)視覺映射
視覺映射可以理解為聯想到的視覺表現,比如:品質——金色、黑色、幾何形;簡潔——白色、明亮、硬的;友好——鄰近色、圓角、圓形等。
(2)心境映射
心境映射可以理解為聯想到的心境感受,比如:品質——高端、貴重、稀有;簡潔——空曠、干凈、整齊;友好——溫暖、親切、舒服等。
(3)物化映射
物化映射可以理解為聯想到的具體事物,比如:品質——iPhone、寶馬、香奈兒;簡潔——白盤子、玻璃、白紙;友好——枕頭、毛絨玩具、海豚等。
第六步:提取視覺風格
在生成情緒板圖片后,結合衍生關鍵詞的分析結果,進行視覺風格的提取,主要包括:圖形、色彩、字體、構成、質感。
(1)圖形提取
通過對圖形的分析發現,基本幾何形具有肯定、純粹的特點,可以很好地體現「品質」與「簡潔」的特征,比如:方形、圓形等。
(2)色彩提取
通過對色彩的分析發現,高明度低飽和度的色彩搭配,能讓畫面保持豐富的同時顯得干凈和協調,可以達到「友好」「簡潔」的效果,比如:鄰近色、類似色、低飽和度的對比色等。
(3)字體提取
通過對字體的研究發現,中文字體端莊勻稱、字形方正,例如:思源黑體、方正蘭亭黑、蘋方等;英文字體線條簡潔、字形嚴謹,例如:Helvetica、Avenir、DIN 等,都比較符合「品質」和「簡潔」的特征。
(4)構成提取
通過對構成的研究發現,滿版型和通欄型構成,視覺傳達直觀而強烈,給人大方、舒展的感受;并置型和九宮格型構成,體現嚴謹、秩序與節奏感,這與「品質」的特征都是匹配的。
(5)質感提取
在質感的選擇方面,大多與當下流行風格趨勢相貼近,例如:圓角卡片、彌散投影、漸變、輕擬物、毛玻璃等,可以有效地表達出「簡潔」「友好」的情緒感受。
三、小結
情緒板是一種設計方法論,可以指導設計方向,傳遞設計靈感與思路。
制作情緒板時,首先要明確原生關鍵詞,然后腦爆挖掘衍生關鍵詞,接著搜索相關圖片并提取生成情緒板,另外訪談用戶收集衍生關鍵詞映射,最后通過情緒板和關鍵詞映射來提取視覺風格。
本文到此就要告一段落了,如果對你有一點幫助就請點個贊吧~ 我會用簡練的文字,為你總結最有價值的設計知識。
本文由 @Neil彭彭 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
設計管理
棒啊!以前總是覺得視覺設計太感性了,沒有規則可循,現在打開了思路!
厲害了!學到!