南順網絡

幫你理(lǐ)清創意的(de)情緒闆，是設計項目前期的(de)利器

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

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

什麽是情緒闆

情緒闆不僅僅受到越來越多的(de)設計師的(de)歡迎，而且它原本就流行于創意工作者當中。情緒闆的(de)概念并不難理(lǐ)解，實際上和(hé)它字面的(de)意思差不多，設計師和(hé)創意工作者将想要設計的(de)對象的(de)相關的(de)圖片和(hé)素材都整理(lǐ)到一(yī)起，将他們的(de)想法和(hé)概念視(shì)覺化地(dì)呈現出來。

情緒闆和(hé)線框圖、原型不一(yī)樣，它不會顯示未來項目所涉及到的(de)詳細圖片，它旨在營造産品對應的(de)正确的(de)情緒和(hé)符合預期的(de)感覺。

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

如(rú)何創建情緒闆

情緒闆本身是試驗配色、字體、樣式和(hé)視(shì)覺層次結構的(de)好地(dì)方。每個人都可(kě)以将自(zì)己認為(wèi)合适的(de)組件加入到情緒闆當中，而UI/UX設計師則通常會使用使用各種不同的(de)樣本，來創造不同特征的(de)界面元素。常見的(de)情緒闆有幾種不同的(de)類型，我們分别來看看。

拼貼式情緒闆

設計師通常會搜集一(yī)些免費可(kě)用的(de)高(gāo)分辨率圖片，作為(wèi)素材，以便今後能夠用到項目項目當中去(qù)。這些圖片可(kě)以制作為(wèi)情緒闆。這些拼貼當中還可(kě)以加入字體、配色、插畫作為(wèi)示例。

這種類型的(de)情緒闆是制作最快、最簡單的(de)。不過如(rú)果客戶需要知道(dào)細節，那麽這樣的(de)情緒闆可(kě)能無法滿足他們的(de)需求。

參考合集

另外一(yī)種獲取靈感的(de)方式，是在Behance 和(hé)Dribbble 這樣的(de)平台上找到真實的(de)設計項目，從中篩選出可(kě)用的(de)，和(hé)當前項目風格、功能相似的(de)，借用現成的(de)項目來表達你的(de)設計思路。這樣還能創造出讓客戶易于理(lǐ)解的(de)情緒闆。

模闆式情緒闆

這種情緒闆的(de)設計和(hé)原型、線框圖有很多相似的(de)地(dì)方，設計師借用這種模闆式的(de)設計，展示出産品的(de)結構和(hé)視(shì)覺層次。不同于嚴謹的(de)UI設計和(hé)線框圖、原型，這種模闆式的(de)情緒闆相對更加粗糙，不涉及細節，組件随機分布，圖片和(hé)粗略的(de)布局結合在一(yī)起，說明了基本的(de)構思。這種情緒闆成型更快，因為(wèi)它不需要細節支撐。

為(wèi)何UI/UX設計師需要創建情緒闆？

其實很多人都會發現這樣的(de)狀況，線框圖和(hé)原型常常被描述為(wèi)設計過程中必不可(kě)少的(de)組成部分，而情緒闆則并沒有被視(shì)作為(wèi)必須的(de)組成部分。有些設計師認為(wèi)情緒闆隻是好玩或者僅僅隻具備娛樂(yuè)性。但是，很多設計師依然将其視(shì)作為(wèi)創作的(de)重要組成部分，我們将原因總結為(wèi)下面7個部分：

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

情緒闆通常無需太多時間就能完成，這意味着隻需要在幾個小時內(nèi)就能夠快速構建出來。設計師可(kě)以以此為(wèi)基礎為(wèi)用戶提供一(yī)個快速可(kě)用的(de)視(shì)覺指南。情緒闆可(kě)以被輕松編輯，并不費力。

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

2、獲取靈感

當然，設計師不能總依靠靈感來做(zuò)設計，畢竟設計更多的(de)是要靠思考來完成的(de)。但是如(rú)果設計師真能從獲得啓發，設計則可(kě)以被更為(wèi)有效的(de)完成。情緒闆的(de)作用，是将想法和(hé)情緒都彙集到一(yī)起，幫設計師催生出産品應有的(de)感覺。有的(de)時候，親自(zì)動手的(de)過程，能夠讓設計更好的(de)理(lǐ)解，也更為(wèi)容易找到合理(lǐ)的(de)想法，為(wèi)什麽不試試呢(ne)？

3、找到正确的(de)配色方案

以拼貼為(wèi)主的(de)情緒闆常常是由引人注目的(de)作品所構成的(de)，其中所包含的(de)圖片、照片和(hé)插畫常常包含着不錯的(de)配色方案，即使的(de)UI尚未搭建起來，配色方案總能從中找到一(yī)些不錯的(de)搭配。

4、加強和(hé)客戶的(de)溝通

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

5、少說，多展示

正如(rú)同我們常說的(de)一(yī)圖勝千言，任何長(cháng)時間的(de)報告都不如(rú)視(shì)覺化的(de)方式來呈現你的(de)計劃和(hé)想法。詞彙很難直觀地(dì)在客戶眼中轉化成圖片，但是視(shì)覺素材卻是更為(wèi)可(kě)靠的(de)指南。

在項目早期，信息豐富的(de)但是集中的(de)情緒闆是描繪未來産品形态的(de)有效工具。

6、找到确定的(de)設計風格

如(rú)果創意團隊沒有從客戶那裏收到明确的(de)設計風格的(de)要求，那麽這個任務就要落在設計師的(de)肩膀上了。想要确定大體風格，你沒有必要構建一(yī)個詳細的(de)、完整的(de)原型。将不同的(de)紋理(lǐ)、細節、字體和(hé)配色添加到情緒闆上，快速的(de)構建風格化的(de)特征，可(kě)以比原型更快地(dì)确定設計風格。

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

獲得客戶的(de)信任的(de)方法之一(yī)，就是讓他們盡可(kě)能的(de)參與到項目當中。在這個階段，如(rú)果他們願意，可(kě)以積極地(dì)參與到樣式的(de)選取和(hé)樣品的(de)選擇上。情緒闆的(de)好處在于，無論是不是設計師，都能夠簡單快速地(dì)參與進來。

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

情緒闆實例

為(wèi)了更好的(de)理(lǐ)解情緒闆在實際設計實戰中的(de)應用，下面将會展示 Tubik Studio 的(de)設計師 Dima Panchenko 為(wèi)他的(de)項目所制作的(de)情緒闆。在展示情緒闆的(de)時候，他還針對不同的(de)情緒闆制作了一(yī)般性的(de)說明。

1、這個情緒闆是用來幫助客戶确定風格偏好的(de)

2、這個情緒闆呈現的(de)是客戶要求的(de)風格

3、這個是情緒闆呈現的(de)是一(yī)個足球相關應用的(de)概念

情緒闆是創意工作的(de)好幫手，無論是用來尋找靈感還是強化工作流程，都頗為(wèi)實用。

原文地(dì)址：uxplanet
原文作者：Tubik Studio

編輯:--ns868