本文將致力于稱為情緒板的技術(shù)。讓我們來看看情緒板是什么，以及他們在設(shè)計(jì)師的工作流程中是如何幫助的。enjoy~
想象一下你努力工作，花了很多時(shí)間來創(chuàng)建一個(gè)詳細(xì)的原型，然后一個(gè)客戶拒絕它甚至不接近他想要的。聽起來很熟悉，不是嗎？至少每一個(gè)設(shè)計(jì)師都經(jīng)歷過這樣一個(gè)不愉快的局面。也許現(xiàn)在每個(gè)人都希望得到一些相關(guān)的建議，如何避免這種情況，但真正說沒有一個(gè)完美的決定。
然而，有幾種方法有助于降低客戶拒絕的風(fēng)險(xiǎn)，并節(jié)省設(shè)計(jì)師的時(shí)間和勇氣。今天的文章致力于稱為情緒板的技術(shù)。讓我們來看看情緒板是什么，以及他們在設(shè)計(jì)師的工作流程中是如何幫助的。
什么是情緒板？
情緒板技術(shù)不僅在設(shè)計(jì)領(lǐng)域流行，而且在許多創(chuàng)造性的專業(yè)人員中流行。情緒板是確實(shí)的板（數(shù)字或材料），從照片到各種肌理，人們填充不同種類的東西以至于能將想法和概念形象化。
與線框和原型不同，情緒板不顯示未來項(xiàng)目的詳細(xì)圖片。它們意在傳遞正確的情緒，并帶來產(chǎn)品期望的情感。
情緒板是一個(gè)有用的工具，幫助設(shè)計(jì)師有效地與客戶和團(tuán)隊(duì)成員合作。紙板可以在一個(gè)緊湊的時(shí)間框架內(nèi)輕松地被創(chuàng)建，并把抽象的想法變成現(xiàn)實(shí)。這樣，設(shè)計(jì)師可以有效地與他人分享他們的想法，因?yàn)橐曈X材料總是比流暢的說法更好。
如何創(chuàng)建情緒板？
情緒板是一個(gè)很好的方法來實(shí)驗(yàn)調(diào)色板，字體和風(fēng)格，以及規(guī)劃一個(gè)項(xiàng)目的視覺層次。每個(gè)人都自己決定在情緒板中包含哪些組成部分。UI/UX設(shè)計(jì)師通常使用各種樣本以至于可以來描述界面元素的特征。讓我們來看看情緒板常見的幾種類型。
自由拼貼
設(shè)計(jì)師經(jīng)常收集免費(fèi)高清的圖片，方便他們在項(xiàng)目或其他地方使用這些素材。這些收集品可能有助于情緒板的創(chuàng)作。將美麗的照片組成的自由拼貼是傳遞設(shè)計(jì)理念的一種有效方式。此外，拼貼可以用插圖，字體和顏色案例來構(gòu)成。
創(chuàng)建這種類型的情緒板是最快的，也是最容易的。但是，如果客戶比較關(guān)注細(xì)節(jié)，他們可能并不會對將來項(xiàng)目中的這些拼貼感興趣。
參考收集
靈感來源和想法可視化的另一種方法是找高質(zhì)量的參考。網(wǎng)上有很多資源，如Behance和Dribble，在那里設(shè)計(jì)師可以通過免費(fèi)瀏覽的方式獲取靈感和還有一些實(shí)際項(xiàng)目的示例。由一個(gè)相同風(fēng)格或任何其他特性聯(lián)合起來的設(shè)計(jì)作品可以很容易地說明一個(gè)新項(xiàng)目的想法。此外，這樣的情緒板可以幫助客戶有效地理解一個(gè)概念，因?yàn)樗麄兛梢钥吹筋愃频膮⒖迹⒛軌虼笾孪胂蟪鏊麄兊漠a(chǎn)品會是什么樣子。
模版畫板
這些情緒畫板更像是原型和線框圖。他們的目標(biāo)是展示產(chǎn)品的結(jié)構(gòu)和視覺層次。不同之處在于模版畫板上的UI元素沒有線框圖中的原型或示意圖那么詳細(xì)。把隨機(jī)的插圖和照片來當(dāng)做界面的構(gòu)成元素，并以此來展示（數(shù)字）產(chǎn)品的布局。此外，可以用這種方式選擇圖像，從而更容易的確認(rèn)合適的配色。這種方法比原型更快，因?yàn)樗恍枰?xì)節(jié)。
為什么UI/ UX設(shè)計(jì)師應(yīng)該創(chuàng)建情緒畫板？
我們中的許多人可能注意到，在設(shè)計(jì)工作流程中，線框和圓形總是被描述為基本階段，而很少人提到情緒畫板。有些人認(rèn)為他們是在浪費(fèi)時(shí)間，或是認(rèn)為這只是一種“娛樂”。經(jīng)管如此，仍然有很多人把畫板作為每個(gè)創(chuàng)意過程的一部分。但是他們?yōu)槭裁匆x擇這項(xiàng)技術(shù)呢？在這里，我們收集了設(shè)計(jì)師的原因清單。
1.節(jié)省時(shí)間和精力
情緒畫板的第一個(gè)且很大的有點(diǎn)是它不需要花太多的時(shí)間就能完成。這意味著，在幾小時(shí)或者更少時(shí)間內(nèi)，設(shè)計(jì)師就可以創(chuàng)建一個(gè)視覺指南，為客戶提出一個(gè)概念。情緒畫板可以很容易地編輯，這樣既省時(shí)又省力。
這樣的視覺指南是一個(gè)很好的基礎(chǔ)，可以快速的跳轉(zhuǎn)到下一個(gè)階段——原型階段。此外，如果客戶對結(jié)果不滿意且想要一個(gè)新方案，設(shè)計(jì)師也不會變得神經(jīng)質(zhì)，因?yàn)樗麄儾挥没ㄒ徽斓臅r(shí)間來創(chuàng)建一個(gè)詳細(xì)的演示。
2. 獲取靈感
當(dāng)然，設(shè)計(jì)師不能總是依賴靈感，因?yàn)樗麄冇泄ぷ饕觯欢绻麆?chuàng)造者收到啟發(fā)，事情就能更有效的進(jìn)行。情緒畫板是一個(gè)尋找創(chuàng)意和熱情的好方法。美麗的照片和插圖有助于找到正確的情緒和風(fēng)格。此外，如果可能，你可以試著通過你周圍的東西來創(chuàng)建一個(gè)情緒畫板當(dāng)做素材使用。據(jù)說手工對創(chuàng)造性思維有很大的影響。所以為何不試一試呢？
3. 找到一個(gè)對的顏色配色板
一個(gè)拼貼內(nèi)可以包含照片、插畫和顏色形成布置引人入勝的樣品。在一個(gè)板上混合不同顏色的圖片，即使UI元素還沒有準(zhǔn)備好，設(shè)計(jì)者也可以用調(diào)色板進(jìn)行實(shí)驗(yàn)。
4. 加強(qiáng)與客戶的溝通
當(dāng)產(chǎn)品處于抽象概念階段時(shí)，設(shè)計(jì)師和客戶有時(shí)很難在討論時(shí)相互理解。例如，雙方可以以不同的方式看到某種風(fēng)格，從而引起爭論。這就是為什么使用一些視覺參考如情緒板總是一個(gè)好主意
5. 少說話，多展示
繼續(xù)上面的觀點(diǎn)，應(yīng)該說任何長的報(bào)告都不能比視覺呈現(xiàn)更好地解釋你的計(jì)劃和想法。在客戶的腦海中，文字無法成形，但視覺材料是一個(gè)可靠的指導(dǎo)，幫助客戶深入深入細(xì)節(jié)并正確理解你的想法。
在早期階段說明你的想法，這樣客戶可以看到你的計(jì)劃以及他們的產(chǎn)品是如何成形的。
6. 為設(shè)計(jì)找到一種風(fēng)格
如果一個(gè)創(chuàng)意團(tuán)隊(duì)沒有收到客戶關(guān)于設(shè)計(jì)風(fēng)格的指示，任務(wù)就落在設(shè)計(jì)師的肩上。要了解一種或另一種樣式如何工作，不必為它們中的每一種構(gòu)建詳細(xì)的原型。添加到情緒板不同的紋理，實(shí)驗(yàn)類型的插圖，測試字體，并改變顏色。用情緒板來嘗試選項(xiàng)比用一個(gè)接一個(gè)地改變原型更快、更方便。
7. 讓客戶參與流程
獲得客戶信任的方法之一是讓他們覺得自己深入?yún)⑴c了一個(gè)項(xiàng)目。因此，在這個(gè)階段，如果他們愿意，他們可以積極參與風(fēng)格和樣本的選擇。在非設(shè)計(jì)師的情況下，做模型是一種很簡單的技巧。
可以建議客戶對照片和圖片進(jìn)行拼貼，如果不是新客戶，也可以提供參考。通過這種方式，設(shè)計(jì)師可以輕松地了解客戶的品味和偏好，并了解他們對項(xiàng)目的期望。
數(shù)字設(shè)計(jì)項(xiàng)目的情緒板的例子
為了更實(shí)際地介紹這個(gè)問題，我們想向您展示由Tubik設(shè)計(jì)師Dima Panchenko編寫的用于用戶界面設(shè)計(jì)項(xiàng)目的擴(kuò)展情緒板集。他還做了一些常規(guī)筆記向客戶展示了情緒板，這對溝通的過程和選擇了項(xiàng)目的概念有積極的影響。