使用者介面設計課程講義

風格設定與情緒板：
先有感覺，才有畫面

什麼是情緒板？Moodboard（情緒板）不是最終視覺稿，而是彙整關鍵字、圖片、色彩、字體、材質的「氛圍拼貼」，用感性但快速的方式，把「這個產品看起來、摸起來像什麼」講清楚，是一種可視化的溝通工具。

為什麼要做？如果沒有先定調性，每個人心裡想的「好看」都不一樣，等到畫面都排好才發現風格不一致，要改的就不只是顏色，而是整份設計重做。情緒板讓風格變成可以比較、可以討論、可以決策的東西，而不是各自腦補。

怎麼做？從幾個抽象的「原生關鍵字」出發，發散成更具體的「衍生關鍵字」，再依關鍵字去蒐集圖片、用情緒滑桿定位個性、萃取色彩、選字體，最後把這些元素組成一張情緒板，作為之後畫面設計的依據。

重點是什麼？情緒板不用做到很精緻，重點是「說得出為什麼」——每個顏色、每張圖片，都應該能對應回某個關鍵字，而不是單純「我覺得好看」；這樣之後有人問「為什麼用這個顏色」，你才答得出來。

Step 1．抓關鍵字：
原生關鍵字 → 衍生關鍵字

原生關鍵字要抽象、不要太具體，3～5 個之間，抓最重要的幾個就好；拾器選了「惜物、手作、社群」三個。接著把每個原生關鍵字發散成更具體的衍生關鍵字，才容易找到對應的圖片——衍生可以分兩種角度：視覺映射（聯想到的顏色、形狀、質感）跟物化映射（聯想到的具體物件、觸感）。

Step 2．情緒滑桿：
用光譜定位風格個性

關鍵字是文字，情緒滑桿則是把風格個性攤成一條一條的光譜——沉靜到活潑、簡約到豐富、傳統到現代⋯⋯每一條抓一個大概的位置，不用很精準。這個方法在真實的專業情緒板裡也很常見，右邊拖拉看看，下面的文字描述會即時跟著變。

Step 3．蒐集圖片：
去哪裡找、找什麼

有了衍生關鍵字，就可以帶著這些詞去圖庫網站搜尋。拾器可以搜尋的方向：材質特寫（木頭、布料、紙張的紋理）、二手／循環主題的生活場景、溫暖自然光線、手作物件的近拍。先蒐集寬一點，內部篩選一輪，再把挑出來的圖片打散排列，邀請同學或目標使用者再挑一次。

Step 4．萃取主色／輔色／中性色

色彩最好從情緒板圖片或關鍵字直接萃取，而不是憑空選一個「看起來不錯」的顏色。右邊示範把拾器的三個原生關鍵字，各自對應一個顏色角色：主色 Primary（最常用、代表品牌個性）、輔色 Secondary（強調、點綴用）、中性色 Neutral（背景與文字）。點下面的關鍵字，看它對應哪個顏色角色。

Step 5．決定字體風格

字體跟色彩一樣，也該回應前面定出的關鍵字與個性光譜。下面三個方案分別對應不同的性格：現代人文、溫暖手感、圓潤親和——點按鈕切換，右邊會即時換成該方案的字體樣式，感受一下同樣的字、換字體之後給人的感覺差多少。

把所有元素組成一張完整情緒板

關鍵字、個性光譜、主色輔色中性色、字體風格都定好了，最後一步是把它們組在同一張卡片上——這就是情緒板最核心的功能：讓風格從「想法」變成一眼就能看懂、可以直接拿去討論的東西。