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