想想看，你花費了大量的時間來構思，設計，最后做出了一個完整的原型，可是客戶直接拒絕了你的設計，甚至吐槽你的設計和他之前的需求毫無關聯(lián)。這種情況聽起來和你熟悉吧？的確，每個設計師都有過類似的不快經(jīng)歷，并且希望有規(guī)避這種情況的辦法，或者建議。然而，實際上，并不存在完美的解決方案。

不過，設計師如果能夠善用情緒板（Mood Boarding）的話，倒是能夠在很大程度上降低這一風險，讓整個工作流程更加順暢。

什么是情緒板

情緒板不僅僅受到越來越多的設計師的歡迎，而且它原本就流行于創(chuàng)意工作者當中。情緒板的概念并不難理解，實際上和它字面的意思差不多，設計師和創(chuàng)意工作者將想要設計的對象的相關的圖片和素材都整理到一起，將他們的想法和概念視覺化地呈現(xiàn)出來。

情緒板和線框圖、原型不一樣，它不會顯示未來項目所涉及到的詳細圖片，它旨在營造產(chǎn)品對應的正確的情緒和符合預期的感覺。

情緒板通常是設計師和客戶通力協(xié)作共同完成的，情緒板可以在相對緊湊的時間框架內完成，并且將抽象的概念專戶為相對真實的感覺。在情緒板前，設計師能夠更好地分享想法，這比幾個短語構成的描述來的更加真實。

如何創(chuàng)建情緒板

情緒板本身是試驗配色、字體、樣式和視覺層次結構的好地方。每個人都可以將自己認為合適的組件加入到情緒板當中，而UI/UX設計師則通常會使用使用各種不同的樣本，來創(chuàng)造不同特征的界面元素。常見的情緒板有幾種不同的類型，我們分別來看看。

拼貼式情緒板

設計師通常會搜集一些免費可用的高分辨率圖片，作為素材，以便今后能夠用到項目項目當中去。這些圖片可以制作為情緒板。這些拼貼當中還可以加入字體、配色、插畫作為示例。

這種類型的情緒板是制作最快、最簡單的。不過如果客戶需要知道細節(jié)，那么這樣的情緒板可能無法滿足他們的需求。

參考合集

另外一種獲取靈感的方式，是在Behance 和Dribbble 這樣的平臺上找到真實的設計項目，從中篩選出可用的，和當前項目風格、功能相似的，借用現(xiàn)成的項目來表達你的設計思路。這樣還能創(chuàng)造出讓客戶易于理解的情緒板。

模板式情緒板

這種情緒板的設計和原型、線框圖有很多相似的地方，設計師借用這種模板式的設計，展示出產(chǎn)品的結構和視覺層次。不同于嚴謹?shù)腢I設計和線框圖、原型，這種模板式的情緒板相對更加粗糙，不涉及細節(jié)，組件隨機分布，圖片和粗略的布局結合在一起，說明了基本的構思。這種情緒板成型更快，因為它不需要細節(jié)支撐。

為何UI/UX設計師需要創(chuàng)建情緒板？

其實很多人都會發(fā)現(xiàn)這樣的狀況，線框圖和原型常常被描述為設計過程中必不可少的組成部分，而情緒板則并沒有被視作為必須的組成部分。有些設計師認為情緒板只是好玩或者僅僅只具備娛樂性。但是，很多設計師依然將其視作為創(chuàng)作的重要組成部分，我們將原因總結為下面7個部分：

1、節(jié)省時間和精力

情緒板通常無需太多時間就能完成，這意味著只需要在幾個小時內就能夠快速構建出來。設計師可以以此為基礎為用戶提供一個快速可用的視覺指南。情緒板可以被輕松編輯，并不費力。

設計師可以在此基礎上快速跳轉到下一個階段，進行原型設計。此外，如果客戶對于概念設計并不滿意，設計人員也不用耗費太多的時間制作詳細的演示文稿，快速調整設計方向即可。

2、獲取靈感

當然，設計師不能總依靠靈感來做設計，畢竟設計更多的是要靠思考來完成的。但是如果設計師真能從獲得啟發(fā)，設計則可以被更為有效的完成。情緒板的作用，是將想法和情緒都匯集到一起，幫設計師催生出產(chǎn)品應有的感覺。有的時候，親自動手的過程，能夠讓設計更好的理解，也更為容易找到合理的想法，為什么不試試呢？

3、找到正確的配色方案

以拼貼為主的情緒板常常是由引人注目的作品所構成的，其中所包含的圖片、照片和插畫常常包含著不錯的配色方案，即使的UI尚未搭建起來，配色方案總能從中找到一些不錯的搭配。

4、加強和客戶的溝通

當產(chǎn)品尚且處于早期的抽象概念的階段之時，設計師和客戶在討論的時候很難完全互相理解，在沒有實際可討論的設計稿的前提下，在風格、細節(jié)上往往很難達成一致。而這個時候，情緒板的作用就顯得很突出了，它往往能夠讓溝通和討論有一個實在的落腳點。

5、少說，多展示

正如同我們常說的一圖勝千言，任何長時間的報告都不如視覺化的方式來呈現(xiàn)你的計劃和想法。詞匯很難直觀地在客戶眼中轉化成圖片，但是視覺素材卻是更為可靠的指南。

在項目早期，信息豐富的但是集中的情緒板是描繪未來產(chǎn)品形態(tài)的有效工具。

6、找到確定的設計風格

如果創(chuàng)意團隊沒有從客戶那里收到明確的設計風格的要求，那么這個任務就要落在設計師的肩膀上了。想要確定大體風格，你沒有必要構建一個詳細的、完整的原型。將不同的紋理、細節(jié)、字體和配色添加到情緒板上，快速的構建風格化的特征，可以比原型更快地確定設計風格。

7、讓客戶參與到這個過程中

獲得客戶的信任的方法之一，就是讓他們盡可能的參與到項目當中。在這個階段，如果他們愿意，可以積極地參與到樣式的選取和樣品的選擇上。情緒板的好處在于，無論是不是設計師，都能夠簡單快速地參與進來。

無論是拼貼式的情緒板還是參考合集情緒板，都不難制作，最關鍵的是，設計師可以在這個過程中很好地了解客戶的品味和喜好，并且了解他們對于項目的期望。

情緒板實例

為了更好的理解情緒板在實際設計實戰(zhàn)中的應用，下面將會展示 Tubik Studio 的設計師 Dima Panchenko 為他的項目所制作的情緒板。在展示情緒板的時候，他還針對不同的情緒板制作了一般性的說明。

1、這個情緒板是用來幫助客戶確定風格偏好的

2、這個情緒板呈現(xiàn)的是客戶要求的風格

3、這個是情緒板呈現(xiàn)的是一個足球相關應用的概念

情緒板是創(chuàng)意工作的好幫手，無論是用來尋找靈感還是強化工作流程，都頗為實用。

【這些延伸閱讀值得看看】

1. 《講好一個故事，優(yōu)秀的用戶體驗設計由此開始》
2. 《游戲化設計的精髓是結合用戶歷程進行UX設計》
3. 《這7個關鍵點，是每個產(chǎn)品用戶體驗設計的重中之重》

原文地址：uxplanet
原文作者：Tubik Studio
優(yōu)設譯文：@陳子木

本文由優(yōu)設網(wǎng)原創(chuàng)翻譯，請尊重版權和譯者成果，轉摘請附上優(yōu)設鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設旗下優(yōu)質中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網(wǎng)址導航，設計師必備：http://hao.uisdc.com