如何找到客戶喜歡的視覺風格?來看高手的方法!
有一次,一個客戶拜託我的朋友小張設計一款 App,簡單溝通後,小張便開始從網上搜集案例。通過對比篩選,他找到了一種格調很高的視覺風格,於是自信滿滿地套用,心想:這麼酷的設計客戶肯定喜歡,說不定還會一稿過。
兩天後,小張將方案發給客戶。客戶看了後回覆:「嗯…挺高大上的,不過和我們產品的調性不太搭…」「我想要熱鬧活潑一點的,你的看上去太清淡了…」小張認為最好的方案被否定了…後來他又出了幾版,但依然沒有通過。
鬱悶的小張和我抱怨客戶不懂設計,我說是你沒明白客戶真正的需求。他繼續追問,我告訴他使用「情緒板」能明確需求並定義正確的設計風格。他照著我說的方法又出了一套方案,這一次,客戶高度認可並接受了他的設計。
一、什麼是情緒板?
1. 情緒板定義
情緒板(Mood Board)指一系列影象、文字、樣品的拼貼,是常用的表達設計定義和方向的設計方法論。其本質是將使用者的情緒視覺化,因此稱為情緒板。
2. 情緒板作用
對設計師:是定義視覺風格和指導設計方向的依據;對團隊:在團隊之間傳遞設計靈感與設計思路,從而使想法充分融合,深化設計。
二、如何製作情緒板?
第一步:明確原生關鍵詞
原生關鍵詞來自公司的戰略定位、產品的功能特色、使用者的需求特徵,通過公司內部討論和使用者訪談明確原生關鍵詞。
第二步:挖掘衍生關鍵詞
衍生關鍵詞是原生關鍵詞的發散和提煉,主要通過部門內部頭腦風暴或使用者訪談得出。例如關鍵詞:品質、簡潔、友好。
第三步:搜尋關鍵詞圖片
在確定好關鍵詞後,利用網路渠道來收集與關鍵詞相匹配的圖片素材,常用的圖片搜尋渠道有:Pinterest、Unsplash、Dribbble、Pexels 等。
第四步:提取生成情緒板
將收集到的圖片素材,按照衍生關鍵詞進行分類並提取生成情緒板。
第五步:衍生關鍵詞對映
為了讓專案組成員更全面地理解使用者的實際想法,設計師或使用者研究員需通過使用者訪談,將衍生關鍵詞按照以下三種對映關係收集整理,得到使用者理解的「抽象關鍵詞」所對應的「具象定義」。
1. 視覺對映
視覺對映可以理解為聯想到的視覺表現,比如:品質——金色、黑色、幾何形;簡潔——白色、明亮、硬的;友好——鄰近色、圓角、圓形等。
2. 心境對映
心境對映可以理解為聯想到的心境感受,比如:品質——高階、貴重、稀有;簡潔——空曠、乾淨、整齊;友好——溫暖、親切、舒服等。
3. 物化對映
物化對映可以理解為聯想到的具體事物,比如:品質——iPhone、寶馬、香奈兒;簡潔——白牆、玻璃、盤子;友好——枕頭、毛絨玩具、海豚等。
第六步:提取視覺風格
在生成情緒板圖片後,結合衍生關鍵詞的分析結果,進行視覺風格的提取,主要包括:圖形、色彩、字型、構成、質感。
1. 圖形提取
通過對圖形的分析發現,基本幾何形具有肯定、純粹的特點,可以很好地體現「品質」與「簡潔」的特徵,比如:方形、圓形等。
2. 色彩提取
通過對色彩的分析發現,高明度低飽和度的色彩搭配,能讓畫面保持豐富的同時顯得乾淨和協調,可以達到「友好」「簡潔」的效果,比如:鄰近色、類似色、低飽和度的對比色等。
3. 字型提取
通過對字型的研究發現,中文字型端莊勻稱、字形方正,例如:思源黑體、方正蘭亭黑、蘋方等;英文字型線條簡潔、字形嚴謹,例如:Helvetica、Avenir、DIN 等,都比較符合「品質」和「簡潔」的特徵。
4. 構成提取
通過對構成的研究發現,滿版型和通欄型構成,視覺傳達直觀而強烈,給人大方、舒展的感受;並置型和九宮格型構成,體現嚴謹、秩序與節奏感,這與「品質」的特徵都是匹配的。
5. 質感提取
在質感的選擇方面,大多與當下流行風格趨勢相貼近,例如:圓角卡片、彌散投影、漸變、輕擬物、毛玻璃等,可以有效地表達出「簡潔」「友好」的情緒感受。
小結
情緒板是一種設計方法論,可以指導設計方向,傳遞設計靈感與思路。
製作情緒板時,首先要明確原生關鍵詞,然後腦暴挖掘衍生關鍵詞,接著搜尋相關圖片並提取生成情緒板,另外訪談使用者收集衍生關鍵詞對映,最後通過情緒板和關鍵詞對映來提取視覺風格。
歡迎關注作者的微信公眾號:「彭彭設計筆記」