儀表板的十條規則，每條一個實例

備轉容量率做成五個燈號：綠（供電充裕）、黃（供電吃緊）、橘（供電警戒）、紅（限電警戒）、黑（限電）。那五個顏色在整個頁面上不做第二件事，所以你不必讀數字，掃一眼就知道今天缺不缺電。

環境部空氣品質指標是同一個做法：六個級距各有專屬顏色，那六色不拿去做標題、按鈕或背景。

索引做得最完整的一件，卻在同一頁用掉 27 個色值。光紅橘系就有八個，紅色同時出現在標題裝飾、政黨標籤和數字強調上。

實際抓到的 27 色（節錄 16）

對照組是同一份作業的另一件：THE CAPITAL 2016 全站只有六個色值（#000000、#555、#666、#999、#EEE、#FFFFFF），訊號改用框線粗細承擔——CSS 裡真的只定義了 2px solid 與 1px solid 兩種邊框。

整張地圖是概覽；縮放、圖層、「餐廳／加油站」快捷是篩選；點一家店跳出詳情卡是細節。三層都在，而且詳情卡上永遠有一個關閉鍵把你送回上一層——你從來不會在 Google 地圖裡迷路到必須重新輸入一次。

台鐵、高鐵訂票也是同一個骨架：日期與起訖（概覽）→ 車次清單（篩選）→ 單一車次的座位與票價（細節）。

兩層動線最乾淨的一件。首頁「權力的軌跡，數字的重量」＋Editor's Picks 觀察指標是概覽；縣市／政黨／排序三段是篩選；詳情頁給收支總覽與獻金來源佔比分析。關鍵在最後一個按鈕：← 返回結果清單。

反例 同一份作業的大金庫只有一顆返回大廳。從第七頁點進某位候選人，出來時回到的是首頁，不是你剛才那一頁——中間那一層沒有被保存下來。

五件作品裡，詳情頁提供「返回清單」的：

Netflix 打開不是一個搜尋框，是一部具名的片加一句話；Airbnb 的搜尋框裡預先寫著目的地範例，底下還列出「熱門」。它們都假設來的人「還不知道自己要什麼」，所以第一步替你走掉。

相反地，多數政府查詢系統假設來的人已經知道要查什麼，於是首頁只有一個輸入框——那對已經知道的人很有效率，對其他人報酬率是零。

搜尋框的提示字直接寫成 例如：柯建銘、民主進步黨、經濟、新北市。四個字串一次告訴你這個框吃四種東西——人名、政黨、委員會、選區。這是一行字就完成的受眾設定。

反例 THE CAPITAL 2016 的提示字是 Enter Location / 輸入縣市地區——它告訴你這格要填地點，但沒有告訴你可以填哪些地點，也沒有告訴你填了會拿到什麼。初始畫面上最大的狀態文字則是 Found 0 Candidates：使用者第一眼看到的數字是零。

博客來：書名直接查（Lookup）、文學小說／商業理財分類逛（Browse）、暢銷榜與新書（Explore）、瀏覽紀錄與收藏（Locate）。Spotify 完全一樣：搜尋、曲風、每日推薦、最近播放。

四條路服務的是四種不同狀態的同一個人。少一條，你就把那個狀態的人擋在門外——包括三分鐘後又想回來看同一筆的自己。

下拉選單＋按鈕＋輸入框，逐頁點算。同一份資料、同一份作業說明，差了將近四倍。

數字少不必然是壞事，但要看少在哪裡。THE CAPITAL 2016 一個 <select> 都沒有，全台縣市只給台北、新北、高雄三顆快捷；大金庫 唯一的下拉只有兩個選項（總收入由高到低／由低到高）。對照之下，金權資料庫 光地區選單就有 21 個選項，排序七種。

館藏系統有幾十萬筆，但入口牆上永遠是十本具名的書加一句推薦理由。博物館的常設導覽、報紙的頭版、書店的平台，全是同一個機制：用少數具名的東西，教你怎麼看剩下的全部。

「編輯精選案例」三則，每則具名且附上為什麼值得看：柯建銘（總收入逾 5,164 萬元）、王定宇（捐贈企業數達 163，可看支持網絡密度）、黃國昌（個人捐贈逾 2,516 萬元，募款結構不同）。旁邊還有六個一鍵範例查詢。

作業要求裡沒有這一條，但五件作品有三件自己長出了「編輯精選」——他們自己測試時就發現，空的資料庫連自己都不想點。

紫藍漸層、圓角卡片、玻璃霧面、Inter 字體、每個區塊配一顆線條圖示。這套組合現在一眼就能認出是誰做的——它不醜，但它不是任何人的判斷結果。

沒有人互相看過作品，也沒有人被指定顏色。結果：政治的重量的主色寫成 --clr-gold: #D4AF37，政治獻金大公開的調色盤裡出現同一個 #D4AF37，金權資料庫則是 --gold: #D8AA38 配 --ink: #180807。

三件作品各自定義的主色

正例 跳出來的兩件，都是學生自己先定了概念才開工：大金庫用挖寶隱喻（土黃棕、按鈕寫挖寶去！、返回鍵寫返回大廳），THE CAPITAL 2016用機密檔案（只留黑白四階灰，頁尾寫STRICTLY CONFIDENTIAL）。

一個輸入框、一顆查詢鈕，下面一片空白，可能還寫著「請輸入關鍵字」。資料其實很好，但第一屏的報酬率是零，於是絕大多數人只到這裡為止。

初始畫面上最大的一行狀態文字是 Found 0 Candidates。資料庫裡有 261 位候選人，但使用者第一眼看到的數字是 0。

正例 同一份作業的金權資料庫把這格填成六個一鍵範例：柯建銘、民主進步黨、中國國民黨、經濟委員會、新北市、當選者大額收入排行。同樣一個搜尋框，一個是零，一個是六條路。

如果一個電商只給你搜尋框，你必須先知道商品名稱才買得到東西——那等於把所有「我想看看有什麼」的人排除掉。所以真實的電商一定同時有分類、排行、推薦、瀏覽紀錄。

大金庫那唯一的一個下拉，選項只有總收入：由高到低與總收入：由低到高。它有分頁、有標籤，但沒有任何依政黨或地區瀏覽的路。

清單看起來很豐富，點進去只有兩段話和一張圖，你要找的數字、日期、出處全都不在。第一次是失望，第二次就不點了——這是資訊覓食理論裡最典型的氣味造假。

政治的重量的詳情頁給的是欄位不是句子：收支總覽（總收入、總支出）加 獻金來源佔比分析，再標上推薦政黨、選區、是否當選。政治獻金大公開則提供五個排序維度（獻金總額、企業捐贈、個人捐贈、捐贈企業數、得票數），每一個都對應資料庫裡真實存在的欄位，不是算出來的形容詞。

值得一提的是金權資料庫在自己的頁尾誠實標了一行：此為前端專題網站範本，適合再接資料清理、視覺化與候選人詳情頁——作者知道自己的詳情頁還沒接完，並且說了出來。這比假裝完成好。

政治獻金大公開的首頁 KPI 剛好四個：候選人、獻金總額、當選席次、企業捐贈。金權資料庫的三張卡各只有三個組塊——標籤、數字、一行說明：資料筆數 261、核心欄位 27、查詢方式 2。兩件都在 4±1 之內。

同一頁往下，六顆快捷按鈕並排：🌿 民進黨、🔵 國民黨、⚡ 時代力量、🟠 親民黨、⚪ 無黨籍、✓ 當選者。

前五顆是「政黨」，第六顆是「當選狀態」——兩個不同的維度被排成同一列，視覺上就是同一組。而且符號系統也不一致：🌿是意象、🔵🟠⚪是顏色、⚡是意象、✓是狀態。放在一起看得懂，是因為你本來就懂政黨，不是因為設計說清楚了。