在我們平時的工作中，經常需要創建各種各樣的情緒板：用于品牌、App、海報、服裝……等涉及到設計領域，但我經常會發現在整理素材和歸納的時候，很容易遺漏某些步驟，或者創建過程晚了被客戶拒絕，所以我決定寫一篇總結文章，其中包含一系列技巧和工具。

什么是情緒板？

有些人將其稱為風格圖、參考圖，但它們之間的差異存在爭議，但總而言之，它是一組圖像，把它們匯總在一起代表品牌（或項目）將采用的視覺方向。

我們可以將情緒板的作用總結為三個主要目標：

• 為視覺設計過程奠定基礎
• 建立了品牌的世界觀
• 提供視覺標準，便于以后的視覺延展和一致性

如何制作情緒板

我在剛參加工作時的項目中所犯的第一個錯誤就是收到一個新的設計需求簡介后，就立即瘋狂收集參考圖，我想這是與品牌匹配的，沒有任何問題。（然而這樣的設計方式非常錯誤且痛苦）

現在看來，與之相反的，應該先花點時間分析下設計需求簡介，讓自己真正了解品牌的背景、歷史、未來計劃、行業、競爭、目標受眾、品牌信息和價值主張。如果以上任何一塊缺失并影響了創建情緒板，你最好都需要先跟需求方溝通清楚缺失部分的細節。針對這些缺失的細節發送品牌調查問卷，避免甲方推翻重新設計，影響設計進程。

情緒板在品牌推廣過程中占有一席之地，但在一開始的時候肯定是沒有的。假設你已經從客戶那里收集了所有信息，現在我們準備進一步推進情緒板創建的實際步驟：

1） 研究并搜集參考

2） 排版和優化

3） 情緒版展示（可選）

接下來，會詳細的為大家分享每一個步驟。

研究并搜集參考

在我開始找圖之前，我喜歡把需求介紹中的形容詞或其他關鍵詞放在自己面前，這樣我就可以檢查研究的內容是否與關鍵詞產生共鳴。

另外，不要忘記還要了解目標受眾和市場細節！

在我們談論研究之前，我想分享幾個我喜歡使用的圖像收集工具。

Pinterest 幾乎是圖像收集的首選工具之一。你們中的許多人可能已經在用了， 優點是很容易設置收集畫板，并且關聯圖片和以圖搜圖都非常方便，而且還是免費的。

Sample board from Pinterest 來自 Pinterest 的樣板

（彩云注：原作者這里還介紹了另外兩款工具，但經過彩云的研究，發現不那么好用，不符合中國設計師的使用習慣，所以我去掉了這部分的內容。）

你也可以直接保存到桌面。但我喜歡用工具進行整理，所以當我完成研究過程后，我至少對于搜集整理方面的工具有一個廣泛的了解。

一個非常新的收藏工具叫做  mymind ( https://mymind.com )，由設計師 Tobias van Schneider 開發。這是一個瀏覽器擴展程序，它可以幫助你保存圖像、文本、視頻、完整的文章、產品或其他內容，方法是使用插件擴展或右鍵單擊添加到一個大集合（收集上也可以用）。

這是對不太喜歡打標簽和分組的人做的工具，因為它會自動搜索已保存材料之間的聯系并添加標簽，因此在某些方面要比 Pinterest 更易于搜索

好了，工具夠用了！你準備好獲得靈感了嗎？在開始搜索之前，我們需要記住我們之前定義的那些品牌形容詞（工業、堅定、空靈等等）。

因為我知道搜索過程會讓我陷入困境，所以第一件事就是給自己設置一個計時器（對我來說大部分搜索收集圖片時間是 1.5 小時）。

我首選的工具是 Google 和 Pinterest，重要的是在這個階段不要把自己限制在任何事情上并保存所有吸引你眼球的東西，這樣你就有足夠的材料可以使用。

我會有針對性的找一些關鍵元素來向客戶（或我自己）展示并在以后為設計決策提供信息：顏色、排版、行業和整體氛圍、包裝、攝影、插圖風格、紋理、圖案、logo。

這聽起來很簡單，但如果品牌形容詞沒有太多引導作用呢？這里有一些提示可以嘗試：

• 搜索類似的詞。例如，在Solomo的例子中，一開始我試圖搜索功能，但這樣搜索出來的可能全是無聊的辦公場所，所以我會嘗試尋找同義詞。
• 如果沒想法的時候，嘗試關掉電腦并閉上眼睛想想，當我聽到這個詞時我會想到什么，這也有幫助。
• 如果你和和團隊有時間的話，可以組織一場腦爆會一起討論探索想法，讓更多人參與，這樣也能快速幫助你找到靈感。

分享一些我常用的額外資源：

[Designspriration] — 精選靈感搜索

[PICDIT] — 高級攝影作品網站（彩云看了下貌似近期沒有更新了,但以前的內容還是值得一看的）

[Flickgraphics] — 藝術排版靈感庫

[Adultartclub] — 藝術攝影靈感庫

[Dayinthelandofnobody] — 藝術攝影

[Visualgraphic] — 版式靈感

[typophile] — 排版靈感

[logos.ai] — 排版和logo

在你收集了一堆圖片之后，接下來我們將看看如何處理它們。

排版和優化

1. 選擇一個工具（Canva、Figma、Miro 等，彩云經常用sketch）

將圖片組合成可展示的格式。我建議選擇一些客戶無需安裝即可輕松使用的東西，這樣反饋周期會更短。如果平臺也有一些主題選項，那就太好了，例如，你可以根據客戶的品牌顏色對其進行定制，并且可以將相同的結構重新用于不同的產品。

2. 挑選和組織圖片

將每個圖片下載到本地并把它們歸納分配在相關的風格或品牌形容詞下。

如果只需要部分圖片，記得裁切好需要的部分。

3. 將圖片進行排版分組

在組織這些圖片時，首先要記住的是顏色。我們需要避免用戶在單個對象上花費太多時間，也不是自然地從一張圖流向另一張圖。

你可以嘗試限定好圖片的數量，對我來說10-15是一個很好的起點。

彩云也收集了一些比較優秀的情緒版排版供大家參考

4. 檢查并最終確定方案

如果你已經到了這個階段，那就太好了！現在是時候對最初的品牌形容詞做檢查標記，看看情緒版是否整體傳達了品牌氛圍。

在情緒版中有一個能自檢的列表非常不錯，我們要問自己的問題：

• 客戶可能會過于字面理解嗎？
• 情緒板是否反映了品牌氣質？（逐個檢查品牌形容詞）
• 有什么特別突出的地方嗎？
• 品牌所處的環境是否合適？

如果一切都考慮妥當，就該進行情緒板演示了。 最后，我收集了一些最終筆記，它們可能有助于你將其展示給其他人。

情緒板展示

如何與客戶交流情緒板？

提醒客戶不要從字面上理解任何內容，情緒板上的任何元素都不意味著要對他們的品牌(或項目)進行一對一的翻譯。例如，如果在一張圖片上有紫色的魔方飛來飛去，這并不意味著品牌會用魔方做任何事情，可能是形狀，也可能是顏色。

強調這是品牌所在的視覺世界，而不是具體的元素?？偠灾膭羁蛻絷P注整體，而不是個別部分。

如果在這個階段一切都很糟糕并客戶不認同它怎么辦？

事情可能會出錯，但請記住，我們可以隨時后退一步，然后再前進。是時候回到關鍵詞了，尤其是基調部分。這時候與觀眾一起仔細閱讀每個詞，并質疑相同的詞是否仍然與品牌愿景產生共鳴，這是很有幫助的。

如果答案是肯定的，那么最好再進行一次會議，以了解觀眾根據關鍵詞所想象的內容，以便下次符合預期。我的經驗是，如果情緒板與觀眾或決策者一起策劃，很容易獲得早期支持以避免這種情況發生。

如果答案是否定的，可能要探索品牌愿景是否有任何變化，并從問卷開始回到開頭。盡管這一步看起來令人生畏，但客戶的舒適度確實至關重要，否則當你在整個設計過程中進一步推進時，他們將不會感到這是設計是為他們做的。

本文翻譯已獲得作者的正式授權（授權截圖如下）
原文地址：medium作者：Peter Javorkai譯文地址：彩云譯設計（公眾號）

譯者：彩云Sky

轉載請注明：學UI網》情緒版還能這樣做？難怪大廠的設計師那么強

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務