一、設計小白通用痛點
當你從產品經理那拿到一個黑白原型，是否無從下手？面對甲方爸爸的奇怪要求，你無力反駁，只能乖乖一次次改設計稿？作為一個設計師怎麼掌控一個項目或者活動頁的整體風格？
這個時候--我們通常就要採用情緒板進行一系列的設計推導，它能為你的頁面提供有理有據的設計支撐，同時也可快速過稿～
二、什麼是情緒板？
首先，讓我們瞭解一下情緒。
情緒-是對一系列主觀認知經驗的通稱，是多種感覺、思想和行為綜合產生的心理和生理狀態。
我們的產品最終想要帶給用戶的感受，就是一種情緒表達。
從設計角度來講，我們通過色彩、版面對用戶進行感官刺激，在不同顏色、不同質感的的刺激下，會產生不同的心理和生理狀態。舉個例子～
而情緒板，是設計師通過可視化的溝通方法，解決圖像風格、色彩、文字排版，圖案以及整體外觀等視覺主觀因素的方法。
它可以讓我們快速定義設計方向，幫助設計師明確設計需求，用於提取配色方案、視覺風格、質感材質，以指導視覺設計，為設計師提供靈感。
情緒板到底如何使用呢？讓我們看看整體構成和操作流程。
三、情緒板在移動端設計中的運用
同理，可以將情緒板運用到移動端界面視覺設計中，通過探索用戶的心理情緒和需求，可以將感受可視化，並作用於界面視覺風格、圖標風格的走向、關鍵圖標的選取等各個方面。為視覺細節的產出奠定理論基礎。
接下來，我將通過我們產品-每日瑜伽，實操講解情緒板在工作中的運用。
- 1 明確目標用戶所帶屬性標籤
- 2 將目標用戶、產品定位/公司理念、使用願景相結合，提取原生關鍵詞
- 注意：原生關鍵詞都是抽象化的詞，大多是形容帶給你感受的詞語，而不是具體一個事物。提取原生關鍵詞的數量在3-5個左右，避免花費過多時間和精力去提取和採集圖片。
- 3 三個維度確定衍生關鍵詞
- 由於原生關鍵詞都是選用抽象的詞語，第三步我們會根據原生關鍵詞通過視覺映射、感受映射、具象映射三個維度來再次衍生出3個關鍵詞，便於我們尋找素材圖片；相應的，我們就可以在衍生關鍵詞中提取出用於頁面設計的顏色和元素。
- 視覺映射包含了顏色情緒和視覺表現形式。
- 4 收集圖片素材
- 根據關鍵詞尋找相符合的圖片，每個衍生關鍵詞產生的圖片也很多，這個時候就需要經過設計師和公司內部初步篩選出每關鍵詞3張左右的圖片提供給目標用戶，詢問目標用戶哪張圖片能帶給她相應的感受。
- 並且深度挖掘出，為什麼這張圖會帶給她這樣的感受？找到能給用戶帶來情緒感受的點。
- 5 情緒板如何確定主色
6 情緒板如何運用在移動端頁面
通過情緒板，我們確定了品牌色，你以為這樣就結束了？？提取了那麼多關鍵詞，都沒用了嗎？不不不～這才剛剛開始！
我們都知道產品主色佔頁面比重為70%以上，點綴色佔用5%左右，拿兩個小模塊為例：
用戶訪談後，我們知道用戶希望產品能帶來舒適的使用感受，在視覺映射上，舒適=漸變+低飽和度。
有沒有很簡單？顏色說的差不多了，讓我們來看看關鍵詞元素的運用：
還有很多小心思我就不一一列舉了，讓我們總結一下
情緒板可以用於產品設計前期或改版時的風格梳理，理清思路，讓你的頁面有理有據～但也希望大家不要拘泥形式，展開想象，多多嘗試～
希望這篇文章可以幫到你～
閱讀更多 北京設計小白 的文章
