「一張圖勝過千言萬語」這句話流傳了上百年，放在你跟設計師溝通網站風格這件事上，幾乎是字面上的真理。麻煩的地方在於，多數人手上偏偏沒有那張圖，只有一堆形容詞。想要「質感一點」「年輕一點」「就是那種很乾淨的感覺」，這些話你講得出口，設計師卻只能靠猜。你腦中的「乾淨」是大量留白的日系風，他理解成的「乾淨」可能是藍白配色的科技感，等第一版稿子出來，兩邊才發現根本不是同一件事。
風格是一種感受，感受用文字描述必然失真，這不是誰表達能力差的問題，而是抽象的東西本來就裝不進幾個形容詞裡。情緒板（mood board）正是為了補這個洞而生的工具，它把「那種感覺」變成一頁看得到、指得出來的圖片、色塊和字體範例，讓你和設計師對著同一張圖討論，而不是各自在腦子裡腦補一個版本再期待對方剛好想到一樣的畫面。
它不難做，也不需要你會任何設計軟體。先從情緒板是什麼講起，再一步步帶你自己做出一份能交出去的版本。
情緒板是什麼？用一頁圖片講清楚「那種感覺」
簡單來說，情緒板就是把你想要的視覺氛圍，用圖片、色塊、字體範例、質感照片拼成的一頁參考資料。它的任務只有一個，就是把「簡約」「溫暖」「專業」這種抽象形容詞，翻譯成具體、看得見、可以用手指著討論的視覺對象。設計圈把它定義成一組能喚起特定主題、風格或概念的視覺素材集合，說白了就是替「感覺」找到一個看得到的替身。
這裡要先破除一個常見的誤會，情緒板不是設計稿，也不是網站草圖。你不用畫版面、不用決定按鈕放哪裡、不用懂排版格線，甚至不用管圖片之間怎麼對齊。它唯一在乎的是「傳達感覺」這件事本身：這張照片的色調對了、那個字體的氣質對了、這種留白的鬆緊度是你要的，如此而已。真正把感覺轉成一個能上線運作的網站，是設計師的專業，不是你要負責的部分。
如果你聽過「設計簡報」（design brief）這個詞，情緒板跟它的關係也值得先講清楚。所謂設計簡報，是一份在動工前把專案講清楚的文件，通常涵蓋專案目標、目標客群、品牌調性、時程與交付項目這些內容。而情緒板，往往就是這份簡報裡負責「視覺方向」的那一節。文件裡用文字說不清楚的風格偏好，剛好由它接手補上。你可以把情緒板想成設計簡報的視覺版附件，文字負責講清楚要做什麼，情緒板負責讓對方看見你要的長相。
為什麼經營者自己先做一份，會比空口描述有效？
文字描述風格之所以容易失真，關鍵在同一個形容詞在不同人腦中對應的畫面差太多。你說「乾淨」，可能想的是無印良品那種原木加大量白牆的鬆散感；設計師接收到的「乾淨」，也許是線條銳利、對比強烈的極簡科技感。兩個都合理，也都能叫「乾淨」，但落到網站上是完全不同的兩種東西。設計師只能挑一個他猜中機率最高的方向先動手，猜錯了，就得整版重來。
情緒板的價值，就是把這種認知落差提前攤在螢幕上解決。與其等設計稿做出來、雙方對著成品才發現「這不是我要的」，不如在動工前就先用幾張圖對齊視覺方向。一份好的設計簡報加上情緒板，能大幅降低客戶看到稿子後才喊「不對」的機率，也讓設計師更快拿到你的認可、進到下一階段。這中間省下的，是一輪又一輪來回改稿的時間與力氣，而這些來回，往往才是合作最磨人的部分。
還有一個心理負擔可以先放下，那就是這份情緒板不需要你有專業美感。它不是要評選你的品味，也不是要你排出一頁賞心悅目的作品。它只要誠實反映你真正喜歡什麼就夠了。哪怕你選的圖彼此看起來還很粗糙，只要它們準確指向你心裡那個方向，任務就完成了。把感覺轉換成可執行的網站設計，是設計師擅長的事；你要做的，只是把感覺這一端交代清楚。
動手做之前，先想清楚這三件事
在打開相簿開始亂貼圖之前，先停下來回答三個問題，能讓後面的收集不至於變成一堆自己喜歡、卻跟品牌無關的美圖。
第一，這個網站想讓訪客感覺到什麼？是信任、是專業、是放鬆，還是活力？先把訪客該有的情緒感受定下來，後面找圖才有一把尺可以量。
第二，這個風格主要要吸引誰？替一間主打銀髮族的健康食品店設計，跟替一個吸引大學生的潮牌設計，該長的樣子天差地遠。先把目標客群的樣貌想清楚，才不會選出一堆對的人看了無感的圖。
第三，你現有的品牌素材已經透露了哪些偏好？把你的 logo、名片、社群貼文攤開來看，它們其實已經在替你講話：用了哪些顏色、字體偏圓潤還是方正、整體氣質是活潑還是沉穩。這些既有線索是你情緒板最誠實的起點。
把這三個問題的答案寫下來，再開始找圖。這個順序很重要，先有方向，再找素材，情緒板才不會做到後來連自己都說不清楚為什麼是這些圖。
用三個詞定調子，比一次丟十張圖更有效
這裡有一個很好用的具體技巧，動手找圖前，先選 3 個形容詞當定調工具。比如你替一間會計事務所做網站，可能挑「沉穩、專業、溫暖」；替一間手作甜點店，也許是「柔和、療癒、手感」。這 3 個詞就是你的篩選標準。
定好詞之後，再回頭去找符合這三個詞的視覺素材，而不是先亂找一堆圖、事後才勉強歸納出一個主題。差別在於，前者做出來的每張圖你都能講出「它為什麼在這裡」，後者常常做到最後，連自己都答不出「為什麼是這些圖」。先定調再找圖，這個順序會讓整份情緒板從一開始就有主心骨。
情緒板該放哪些東西，不只是「找漂亮的圖」
很多人以為情緒板就是貼一堆好看的圖，結果交出去的往往是一頁網美照，設計師看半天也抓不到能用的資訊。一份能用的情緒板，該有幾類具體素材，而且每一項放進去，都要能說出它代表我想要的哪個特質，而不是單純因為好看。
- 意象照片：最直觀的一類。不一定要跟你的產業有關，重點是質感和氛圍對。一間律師事務所的情緒板放一張清晨光線灑進木質空間的照片，未必跟法律有關，但它傳達的沉靜與信任感正是你要的。
- 色彩：挑 3 到 5 個代表色就好，不是把整個色票搬過來。太多顏色等於沒有主色，設計師反而抓不到你的偏好。幾個關鍵色塊，比一整面調色盤更能說話。
- 字體範例：字體本身就帶著性格。襯線體（有裝飾腳的那種）通常給人專業、穩重、有歷史感的印象；無襯線體（線條乾淨俐落的那種）則偏向簡潔、現代、清爽。放幾個你偏好的字體樣本，設計師就能判斷你要的文字氣質。
- 質感與版面留白程度：這一項最常被忽略，卻很關鍵。你喜歡資訊豐富、元素緊湊排滿的版面，還是大量留白、一次只講一件事的鬆散感？這兩種給人的感受完全不同，先讓設計師知道你站哪一邊。
- 簡短文字說明：每張圖旁邊補一句話，講出你喜歡它的哪個部分。是這個顏色？這種留白？還是整體氛圍？只要不是空泛的「好看」就好。講出感受，設計師才知道該把哪個特質帶進網站。
把這幾類素材都備齊，你的情緒板才不只是一頁漂亮的拼貼，而是一份真的能被讀懂、能被轉譯成設計的參考資料。
不會設計軟體也能做，三種低門檻收集方式
坊間多數情緒板教學都預設讀者是設計師，開口就是 Figma、Miro 這些專業工具。但你是要跟設計師溝通的一方，不是要親手做設計的人，完全不需要為了做一份情緒板去學一套新軟體。下面三條路徑，就算你對設計一竅不通，也能在半小時內拼出一份堪用的版本。
手機截圖加一份簡報檔，最快能動手的做法
門檻最低的做法，其實你早就在做一半了。平常滑 Instagram、逛到喜歡的網站、看到順眼的招牌或包裝時，隨手截圖存進手機相簿。重點是存進同一個資料夾，方便之後一次撈出來。累積個十幾張之後，把它們全部貼進一份簡報檔的同一頁，PowerPoint、Google 簡報、Canva 的免費版都行。
不用排版、不用對齊、不用套模板，把圖貼滿一頁，這就是一份能交出去的情緒板了。它看起來或許不精緻，但傳達感覺這件事已經達成。隨手拍照或截圖收集靈感，本來就是專業工具也推薦的正規做法，你只是把收集來的東西倒進一頁簡報而已。
用 Pinterest 建一個私人版面，讓設計師直接看
第二條路徑適合喜歡邊逛邊收的人。在 Pinterest 上建立一個板（board），把你看到的網站截圖、色彩、字體範例一張張釘選進去，可以設成私人，也可以直接把連結分享給設計師。
這個做法有兩個好處。一是它可以持續增修，今天釘三張、明天想到再補兩張，不用一次收集完；二是設計師點進去，能直接看到每張圖的原始出處，順藤摸瓜去理解你為什麼喜歡這個來源。對於還在慢慢釐清自己喜好的人來說，Pinterest 這種邊逛邊存的方式，反而比一次到位的簡報更貼合真實的收集節奏。
用 AI 繪圖工具，把「講不出來的感覺」直接生成一張參考圖
有時候麻煩的不是不會做情緒板，而是你連「該去哪裡找符合的圖」都想不到。想要的那個畫面在你腦中很清楚，網路上卻怎麼搜都搜不到剛好對的。這時候，AI 繪圖工具正好補上這一段。
你可以直接對 ChatGPT、Gemini 這類工具描述想要的氛圍，例如「請生成一張沉穩、專業、留白很多的網頁首頁視覺參考，主色偏深藍與米白」，讓它先產一張圖出來。這張圖不必是最終設計稿，它的任務只是當「我要的就是這種感覺、這種色調」的討論起點，比你空口形容快得多，設計師一看就抓得到方向。除了對話式工具，Canva、Adobe 這類設計平台也陸續內建了 AI 圖片生成功能，像 Adobe 的 Firefly Boards 就把 AI 繪圖跟情緒板協作整合在同一個畫面裡，你可以邊拼板邊用文字補圖，省去到處找圖的時間，也能跟設計師在同一塊板上即時討論。
有一點要提醒，AI 生成的圖只當方向參考，不能直接當成品用。它的角色是幫你把講不出來的感覺先具象化，不是取代設計師的工作。另外，生成內容如果出現了可辨識的品牌標誌或人物，記得自己替換掉，別把這些直接放進正式素材裡。
交給設計師之前，先檢查這四件事
情緒板寄出去之前，花幾分鐘自己先過一次濾網，能省下設計師收到後又來回追問的一堆時間。這裡有幾件事值得逐一確認。
先看整體調性有沒有一致。情緒板求的是「一致的方向感」，不是「面面俱到」。如果你的圖有些走極簡冷冽、有些走繽紛熱鬧，設計師拿到只會無所適從，不知道該往哪邊靠。與其塞滿各種好看但方向打架的圖，不如策展式地挑選，留下真正指向同一個調性的，把調性衝突的果斷拿掉。情緒板的功夫在取捨，不在堆量。
再檢查每張圖旁邊有沒有寫一句說明。前面提過這件事，交件前要再確認一次：每張圖至少寫一句「喜歡這張的哪個部分」，是顏色、字體、留白，還是氛圍？只寫「好看」等於沒寫，設計師還是得回頭猜你到底看上哪裡。
也要留意截圖來源的界線。情緒板取的是感覺，不是要照抄別人的版面。如果你把某個網站的整體設計原封不動搬進來、還暗示「就照這個做」，那已經不是參考風格，而是抄設計了。正確的用法是取它的色調、它的留白氣質、它某個區塊的字體感受，而不是要求設計師複製整張版面。
最後看張數。情緒板抓 10 到 15 張左右就夠了，不是越多越好。圖太多反而會稀釋方向感，二十幾張什麼風格都沾一點，等於沒有風格。與其貪多，不如精挑十幾張真正對味的，讓焦點集中、訊號清楚。
其實你不用等到「很會形容風格」的那一天，才有資格跟設計師好好溝通。你只要願意花半小時，滑一滑相簿、逛一逛喜歡的網站，收集幾張圖、在旁邊寫下幾句喜歡的理由，這份東西就已經比十句「就是那種感覺」有用太多了。
而且情緒板做完不是結束。它會變成接下來每一輪討論、每一次修改的共同對照點。當某一版稿子偏了，雙方可以回到這張圖上，指著它說「我要的比較接近這種留白」，而不是又陷進一場各說各話的形容詞混戰。少走幾次回頭路，合作就順一大截。下次要開始一個網站案子，不妨先從打開相簿、存下第一張圖做起。