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

網(wǎng)頁標題：高手告訴你如何找到客戶喜歡的視覺風格
轉(zhuǎn)載來源：http://www.rwnh.cn/news0/185700.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、企業(yè)網(wǎng)站制作、服務器托管、網(wǎng)站收錄、網(wǎng)站導航、網(wǎng)頁設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)