高效定義視覺風格--情緒板 需求向視覺轉(zhuǎn)化的利器(上)
關(guān)于情緒板的整理 利用情緒板挖掘視覺風格中的各個元素 為設(shè)計和溝通提供幫助
經(jīng)過上篇文章,我們已經(jīng)可以對客戶的設(shè)計需求建立了一個完整準確的了解。但是有可能即使了解了需求,也并不一定能達到最終想要的設(shè)計效果,如何將需求轉(zhuǎn)化為好的視覺效果同樣也是一個難題。
一.設(shè)計中的一些困境
很多客戶會說:
你先做吧,我看看出來是什么樣的,后邊在慢慢改.......
再換個風格吧,這個風格不喜歡。等設(shè)計師問為什么的時候,往往是說不出來,就是感覺不對。
我要的小清新,你做出來怎么這么重口味?而設(shè)計師可能覺得我已經(jīng)口味很淡了,夠清新了啊?。。?/span>
這是什么原因呢?這是因為幾種原因?qū)е碌模?/span>
滯后性,只有看到實際效果圖才能確定是否符合預期,這樣就增加了修改設(shè)計的風險,延長了設(shè)計周期;
方向性,開始要求一種風格,很快變卦要求改成另一種風格。沒有明確的方向目的,其實是沒有對需求進行深入的分析;
主觀性,每個人的感受并不一致,在客戶和設(shè)計師對風格調(diào)性的理解有一定的偏差?;蛘咴O(shè)計師本身在需求向視覺元素轉(zhuǎn)化的過程中存在問題。
因此,設(shè)計要平衡各方面因素,尋找一個最佳的表達方式,將設(shè)計師的理念翻譯成大眾能夠理解的、符合其心理預期的、具有良好體驗的視覺語言。
這時候我們就需要一套針對需求分析方法,將需求準確有效直觀的向視覺元素轉(zhuǎn)化,這就是創(chuàng)建情緒板。
二、什么是情緒板?
情緒板(Mood Board),通常是指一系列圖像,文字,樣品的拼貼,是設(shè)計領(lǐng)域常用的表達設(shè)計定義與方向的視覺做法。本質(zhì)上在于將情緒可視化,因此稱為情緒板。
情緒板是一種啟發(fā)式和探索性的方法,借助圖像,啟發(fā)和探索用戶內(nèi)心對產(chǎn)品的真實感受,將感受視覺化,用于視覺設(shè)計的創(chuàng)新方法。情緒板是依靠“圖像”,溝通產(chǎn)品與用戶、用戶的潛意識與意識、用戶的感性(情緒) 與理性的方法。
三、為什么要構(gòu)建情緒板?
在設(shè)計前期,我們可以通過情緒板來定義頁面整體的設(shè)計風格和頁面主色調(diào),設(shè)計過種中,標簽、優(yōu)惠券、設(shè)計元素等都可以使用情緒板來定義。無論我們做什么樣的設(shè)計,情緒板都無疑是一個很好的工具,它不僅可以幫助我們明確設(shè)計需求,做出更容易被客戶人群所接受的設(shè)計,也可以幫助我們更好地去與領(lǐng)導和其他需求方溝通,向他們傳達設(shè)計的價值主張,最終達成共識,提高設(shè)計效率進而產(chǎn)生經(jīng)濟效應(yīng)。
為客戶:
幫助客戶更好的參與到項目設(shè)計中,理解設(shè)計的視覺定位。情緒板也可以作為可視化的溝通工具,快速地向他人傳達設(shè)計師想要表達的視覺效果,圖片的展示效果遠遠勝過長篇大論的語言。
為設(shè)計師:
為設(shè)計視覺定位提供方向,設(shè)計方案更加客觀和理性,井有跡可循。避免浪費時間和精力在錯誤的視覺方向上。同時為設(shè)計執(zhí)行制定一個完整的標準。催發(fā)設(shè)計靈感和創(chuàng)意。
為團隊:
如果是團隊合作完成一個項目這一點就很重要,一套行之有效而且統(tǒng)一規(guī)劃的視覺信息就是必須的。不然的話一個項目,一個人做出來一種風格勉強拼湊起來的話肯定是不行的。情緒版可以更高效統(tǒng)一的完成設(shè)計項目的團隊協(xié)作。
四、情緒板構(gòu)建方式

五、情緒種分類
拼貼情緒板
拼貼式情緒版是最簡單創(chuàng)建的情緒版方式。在設(shè)計拼貼情緒版的時候,設(shè)計師無需考慮字體大小、圖片尺寸、特定顏色等細節(jié)問題。搜集一些免費可用的高分辨率圖片,作為素材,以便今后能夠用到項目當中去。這些圖片可以制作為情緒板。這些拼貼當中還可以加入字體、配色、插畫作為示例。這個方式的情緒板更多的是在設(shè)計前期,為了發(fā)散思維,擴展思路提供創(chuàng)意和靈感。不要在這個過程中太多的限制思維。不必過多的追求必須貼合項目。
參考式情緒板
參考式情緒板就是找到一些真實的設(shè)計項目,品牌之前的設(shè)計圖或者是與當前風格、功能相似的。可以通過站酷、花瓣、大作等網(wǎng)站搜索篩選。借用現(xiàn)成的項目來直觀的表達設(shè)計思路。讓客戶更容易理解。
這是客戶最容易接受的,往往很多客戶會提供一些其他項目的設(shè)計,要求參考這樣的效果來做。
但是我們要更精細的溝通和分析提煉,客戶想要參考的到底是哪方面,色彩、字體、排版、構(gòu)圖、紋理、整體感覺等。這就需要更精細的情緒板來拆解設(shè)計元素。
精致化模板
精致型情緒版又被稱為模板式情緒版,這種情緒版可以詳細規(guī)范字體(字形、字號)、配色、紋理、整體風格、圖片風格等個性化元素。借用模板式設(shè)計,展示出設(shè)計的結(jié)構(gòu)和視覺層次。說明基本的構(gòu)思。這種方式的情緒板是最為直觀的,可視化的。與客戶進行傳達和溝通的時候推薦以這種形式來進行。
在項目初期我們可以將拼貼情緒板與參考式情緒板結(jié)合使用,當通過情緒板溝通和深入研究,把握好一個大概的方向后。進一步在之前的情緒板基礎(chǔ)上完成精致化模板。
六、情緒板的內(nèi)容
在選擇情緒板上要包含哪些元素時,這里沒有正確或錯誤的答案,你可以包含你認為對設(shè)計具有啟發(fā)性的內(nèi)容。我們可以考慮在情緒板上包含以下關(guān)鍵設(shè)計元素:
色彩
色彩在設(shè)計項目中對構(gòu)建項目氣質(zhì)和風格、加強信息(包含情感信息和內(nèi)容信息)傳遞方面發(fā)揮很大作用。當構(gòu)建情緒板的時候,一定要結(jié)合設(shè)計主題,選擇合適的顏色。把色彩作為一個重要內(nèi)容。無論在設(shè)計項目中選擇什么色彩,在情緒板中都要確保情緒板中包含提取好的顏色組合。
字體和排版
字體和排版同樣會影響整體設(shè)計風格,在創(chuàng)建情緒版的是時候包含一些對自己靈感和設(shè)計有幫助的字體或排版,會讓后期的設(shè)計更加順利,有規(guī)范有標準的做設(shè)計。
圖片
文字語言很重要,但是視覺語言的影響力也是毋庸置疑的。有時候一張照片勝過千言萬語,所以在情緒板中包含照片和圖片是非常重要的。尋找能激發(fā)靈感的圖片無論是照片、插畫還是其他的作品來捕捉設(shè)計的視覺效果。例如正在做兒童卡通玩具產(chǎn)品的設(shè)計時候,可能就要包括一個卡通形象的插畫。
形狀圖形
圖形元素在視覺氛圍營造、整體風格構(gòu)建中起著重要作用。圖形是銳利還是圓潤,是細致還是寬厚例等都會起到不同的作用。如:營造中國風,一些氣質(zhì)鮮明的的云紋、屏風、波紋、如意、龍鳳等中國古典圖案都能很好的幫助氛圍的營造。
質(zhì)感紋理
添加紋理以傳達感受,即使質(zhì)感不是設(shè)計的焦點,可能只是在情緒板上需要的額外信息,但是正確的紋理也可以幫助激發(fā)靈感,以傳達對項目的正確感覺。
其他對視覺上帶來啟發(fā)和靈感的東西
制作情緒板沒有規(guī)則,只要發(fā)現(xiàn)視覺上能激發(fā)靈感的東西,就能把它放進去!硬幣、鮮花、報紙、壁紙等無論找到什么,只要契合設(shè)計想法,都可以房子啊情緒板中。
六、情緒板構(gòu)建流程?
1.情緒板的前期準備工作
在建立情緒板前我們要先對設(shè)計需求進行初步分析,了解大致的設(shè)計放向。才能在后邊提煉關(guān)鍵詞時更有效的準確的進行。情緒板是依托受眾群體的情緒感受來進行的。設(shè)計目的和期望本身就是通過眾受實現(xiàn)的。但是,從多維度來提出關(guān)鍵詞,檢驗關(guān)鍵詞能更好的完成情緒板??梢愿娴膸臀覀兎治鲰椖啃枨蟆椖扛罨难芯坎拍芨玫耐瓿稍O(shè)計。
從行業(yè)屬性角度:
不同行業(yè)會給人不同的情緒感受。如:迪奧,本身就具備成熟的品牌調(diào)性。尤其是在做基于品牌營銷的項目時。我們必須把品牌調(diào)性做為一個重要的參考。
從品牌調(diào)性角度
如果品牌發(fā)展到一定程度肯定會有自己的品牌調(diào)性,包含一定的視覺感受,可以做為關(guān)鍵詞的一定依據(jù)除非是品牌定位、品牌調(diào)性發(fā)生變化需要重新定義。如:迪奧,本身就具備成熟的品牌調(diào)性。尤其是在做基于品牌營銷的項目時。我們必須把品牌調(diào)性做為一個重要的參考。
從產(chǎn)品定位角度
作為設(shè)計師,我們一般是不會參與到產(chǎn)品定位的制定當中。一般當我們接到設(shè)計項目的時候,產(chǎn)品的定位基本已經(jīng)完成了。而我們所做的,就是要把已經(jīng)確認的信息進行詳細的分析。如:按摩儀,本身產(chǎn)品就是以功能性為主的,我們可能更需要從功能性的角度提出關(guān)鍵詞。如:服裝:同樣做為羽絨服可能有的以更好的保暖性為賣點,有的以更時尚的設(shè)計為賣點。我們可以基于產(chǎn)品的定位提出關(guān)鍵詞。甚至產(chǎn)品的形象和包裝本身就體現(xiàn)了產(chǎn)品的定位和氣質(zhì),從產(chǎn)品的包裝出發(fā)提煉關(guān)鍵詞和元素也是很好的方向。
從受眾群體角度
調(diào)查研究,建立用戶畫像。通過受眾的需求尋找關(guān)鍵詞。
從營銷方式角度
不同的營銷方式對情緒的影響是非常大的。品牌營銷,價格促銷,節(jié)日營銷,功能營銷。
2.關(guān)鍵詞
通過產(chǎn)品定位和受眾群體等的研究,提取主題相關(guān)的關(guān)鍵詞,我們可以獲得大量關(guān)鍵詞,而這些關(guān)鍵詞并不是都能用得上,我們需要篩選出符合產(chǎn)品定位又能達到受眾心理預期。這個里可以通過內(nèi)部討論設(shè)計團隊成員、客戶等項目相關(guān)人員,有條件的情況下也可以邀請受眾參加討論篩選。
注意要點:篩選出的原生關(guān)鍵詞一般在3-5個之間,同時原生關(guān)鍵詞,一定要抽象化,不能過于具體,一般都是描述情緒、氣質(zhì)、氛圍或感受體驗之類的詞語。(水杯就是個具體名詞, 腦海中一下子就能聯(lián)想出該物件)
3.衍生關(guān)鍵詞
根據(jù)已經(jīng)找到的現(xiàn)有關(guān)鍵詞進行思維發(fā)散,從大的結(jié)構(gòu)發(fā)展到小的分支,進而擴大關(guān)鍵詞數(shù)量,可以獲取更大范圍的靈感和思考。
而且第一步的原生關(guān)鍵詞大多都比較抽象,因此我們需要對其進行發(fā)散和聯(lián)想。從而需要更多具體關(guān)鍵詞,這樣我們后面才能更容易找到相應(yīng)的圖片,具體關(guān)鍵詞一般都是具體的物體、場景、動作、顏色、質(zhì)感、材料等。
總結(jié):為了更科學地找圖,第一步確定3-5個原生關(guān)鍵詞,第二步在每個原生關(guān)鍵詞下拓展3個衍生關(guān)鍵詞。
4.收集圖片
經(jīng)過關(guān)鍵詞的整理后,我們接下來就要根據(jù)關(guān)鍵詞的詞意去尋找相關(guān)的圖片或是素材,可以是國內(nèi)站:花瓣、站酷海洛、視覺中國等,也可以是國外站: behance/dribbble等。
搜集好圖片后,我們可以進行粗略篩選一次,再將選出來的圖片打亂并依次排列,邀請符合設(shè)計受眾年齡層人群(人數(shù)根據(jù)實際情況來定)、設(shè)計團隊成員、客戶等項目相關(guān)人員進行再次挑選。
在挑選圖片的過程中,我們需要問2個問題:你為什么選擇了這張圖?圖片的那個元素讓你覺得有合適的感覺?
問題1:目的是為了,挑選出最終能代表關(guān)鍵詞的圖片;
問題2:能讓我們了解用戶選擇圖片的原因,挖掘出用戶的心理情緒,從而了解到用戶的視覺偏好,而這2個點都可以為我們后面做視覺設(shè)計做好鋪墊,我們選擇的任何一個顏色、字體等,都將會有理有據(jù),具備科學度。
5.拼貼圖片
最后一步需要我們將收集和整理的圖片合集按關(guān)鍵詞拼接起來進行拼貼和布局,這里要注意不是衍生關(guān)鍵詞!然后通過觀察和總結(jié),并得到我們需要的情緒板的內(nèi)容。
6.視覺元素提取
在生成情緒板圖片后,結(jié)合衍生關(guān)鍵詞的分析結(jié)果,進行視覺風格的提取,主要包括:圖形、色彩、字體、構(gòu)成、質(zhì)感等。
八、情緒板小要點
1.牢記目標受眾和設(shè)計需求
任何設(shè)計都要牢記目標受眾和設(shè)計需求。畢竟,我們是在為他們創(chuàng)造設(shè)計,而不是僅僅為了設(shè)計師本人的審美。你的設(shè)計需求是什么?受眾是哪些人?他們在什么場景看到你的設(shè)計?你的設(shè)計想要傳遞給他們的是什么?他們可能喜歡什么樣的圖片?什么能快速抓住他們的眼球?這些都是我們做設(shè)計需要考慮的,也是我們完成情緒板的依據(jù)。
2.不要太絕對、限制想法思路
不要從一開始就鎖定一個想法或者風格,這對設(shè)計有很多的危害。會令人有種被迫接受的感覺,讓設(shè)計師面對客戶的提問或不同想法時候變的很被動。情緒板只是探索階段,是個開端而不是定稿的時候。
3.保持符合設(shè)計需求
情緒板本身就是為了梳理和傳達設(shè)計定位的,不應(yīng)該含糊不清,主題或想法要明確。不能讓客戶或者其他參與人員,看到情緒板后還會有太多關(guān)于圖片要表達什么的問題。在前期可能會大量的獲得關(guān)鍵詞或圖片,但是在后邊要不斷的整理篩選,讓情緒板最終能清楚明白的傳達信息。才能更便于溝通和定位。
4.讓客戶和受眾群體參與到情緒板中
讓客戶參與到情緒板的創(chuàng)建中,可以不僅可以幫助我們更明確設(shè)計需求,更容易被客戶和受眾群體接受。最終達成共識,提高設(shè)計效率、效果。
5.讓客戶和受眾群體參與到情緒板中
讓客戶參與到情緒板的創(chuàng)建中,可以不僅可以幫助我們更明確設(shè)計需求,更容易被客戶和受眾群體接受。最終達成共識,提高設(shè)計效率、效果。
6.要直觀
情緒板標準就是關(guān)鍵詞和視覺化圖像契合,一目了然。
情緒板本身就是為了梳理和傳達設(shè)計定位的,不應(yīng)該含糊不清,主題或想法要明確。不能讓客戶或者其他參與人員,看到情緒板后還會有太多關(guān)于圖片要表達什么的問題。在前期可能會大量的獲得關(guān)鍵詞或圖片,但是在后邊要不斷的整理篩選,讓情緒板最終能清楚明白的傳達信息。才能更便于溝通和定位。
7.把握好一致性
好的情緒板關(guān)鍵是一致性。一旦有了足夠的圖片,就需要找出關(guān)鍵線索。
也許是一個或者幾個反復出現(xiàn)的元素,也許是一種反復出現(xiàn)的配色模式,某種圖像會引起特定情感,風格與特定時代感。無論是什么,將它找出來呈現(xiàn)在你的情緒板中。
有時候,可能需要把所有東西放在情緒板上,才能看到這些東西。但是我們要繼續(xù)提煉和突出這些線索。注意要保持與項目需求一致。
8.篩選最有力的圖片放入情緒板
一旦確定了關(guān)鍵線索,就要篩選最有力的圖片放入情緒板??梢赃x擇一下內(nèi)容:一些描繪整體的情緒和感覺的相關(guān)圖片,字體案例,圖案或紋理,符合情緒并能激發(fā)視覺設(shè)計感覺的相關(guān)參看設(shè)計圖片。有利于一項一項敲定需要表現(xiàn)的內(nèi)容。
9.創(chuàng)建和突出焦點
確保突出顯示關(guān)鍵信息的圖片。一旦確定了圖片的核心要素,其他一切都可以用來強調(diào)它。讓這些關(guān)鍵元素更突出。大圖會讓人的注意力更集中,其他的支持圖像應(yīng)該圍繞核心輔助證明。
10.親自展示效果更好
情緒板是創(chuàng)作過程的反映,制作情緒板的人就是最了解、最有效展示情緒板的人。盡量不要直接把情緒板提前發(fā)給客戶然后等開始準備展示的時候客戶已經(jīng)積累了一大堆問題,可能有些是我們根本沒想到的或者是準備在展示的時候解說的。這會一方面浪費時間和精力,另外也會更被動的面對問題。
而且親自展示情緒板,能夠更直觀的看到展示對象的第一反應(yīng),不管是面部表情還是語言,能夠更準確的獲得情緒板能否達到很好的作用。直接溝通,調(diào)整最終達到滿意效果。
結(jié)語:如果還在受再改改吧、先做出來看看、這不是我想要的.......這些客戶回復的折磨的話,創(chuàng)建情緒板試試吧!應(yīng)該會有很好的效果。
設(shè)計學習過程中的總結(jié)和整理,有些內(nèi)容來自網(wǎng)絡(luò),如有冒犯請聯(lián)系我刪改!僅為自身學習提升的記錄,如果對內(nèi)容有更好的理解,歡迎交流探討。





















