資訊架構這個領域流傳一句幾乎是共識的說法,好的設計不是把東西擺得好看,而是先幫使用者把「怎麼找」都想清楚。這句話放到型錄目錄設計上格外貼切,多數人做型錄,心力幾乎都砸在封面夠不夠吸睛、產品照拍得夠不夠精緻,目錄頁往往是最後才想到、甚至隨手複製一份純文字清單就交差的那一頁。
不過,讀者翻開型錄,通常不是從頭讀到尾,而是先看目錄鎖定想看的分類,再直接翻過去。目錄頁做得好不好,決定他會在三兩次翻頁內找到想看的東西,還是乾脆闔上型錄。這篇會從最基礎的分類邏輯講起,一路拆到層級排版、頁碼與詞條的一致性、色彩與圖示怎麼幫讀者辨識,最後再談怎麼用一次實際翻閱去驗證整套設計。
這幾個環節看起來分散,其實都得先想清楚目錄頁在讀者手上究竟扮演什麼角色,那就先從這件事本身講起。

型錄目錄頁不只是清單,它決定讀者願不願意繼續翻下去
翻開一本型錄,讀者除了封面,第一個認真停留的頁面通常就是目錄。目錄頁好不好找、值不值得繼續翻下去,直接決定了讀者對這本型錄的第一印象。根據 Nielsen Norman Group 針對目錄設計的整理,目錄頁本來就該同時做到兩件事:一是讓讀者快速掃過,掌握整份內容的範圍與架構;二是讓讀者能直接跳到他想看的那一段。放到型錄上,這兩件事分別對應「讀者看得懂這本型錄大概在賣什麼」跟「讀者找得到他要的那一項」。
不過,多數讀者拿到型錄,並不會從頭讀到尾,而是先看目錄鎖定想看的分類或產品,確認方向後才直接翻過去。目錄頁的資訊架構,也就是分類邏輯、層級、頁碼系統,做得好不好,直接決定這趟翻閱體驗順不順。
這也帶出兩個常被問到的判斷,一是型錄是不是一定要做目錄頁,二是目錄頁該放在哪一頁。前者的判斷依據很單純,品項少、頁數薄的型錄,讀者三兩下就能翻完,做目錄頁反而多此一舉;但只要分類數量超過一定程度、讀者需要「找」而不是「逛」,目錄頁就該存在,少了它等於把每次尋找的成本都丟給讀者自己承擔。
後者的答案也很直覺,目錄頁該放在封面之後、正文之前的最前幾頁。Nielsen Norman Group 觀察到,多數使用者預期目錄出現在內容最前面,這個慣例放到印刷型錄上同樣成立,別把目錄埋在型錄中段,讀者根本不會往那裡翻找。
分類邏輯定不下來,後面的排版、頁碼、色彩就都無所依附,那就先從最容易被忽略、卻決定一切的這個起點講起。
步驟一:分類邏輯先定案,別用部門思維幫讀者分產品
型錄目錄設計做得好不好,八成取決於分類邏輯這一步。版面設計得再漂亮,只要分類邏輯讓讀者看不懂,後面的字級、色彩都只是白費工夫。分類邏輯要站在讀者怎麼想的角度定,不是站在公司內部怎麼分工的角度定,接下來三個環節,分別處理要用誰的邏輯分類、一次只能用一種分類主軸,以及類別數量該怎麼決定。
用讀者的搜尋動機分類,不是公司的組織架構
最常見的錯誤示範,是型錄目錄照公司部門分,比如「A 部門產品」、「B 部門產品」,讀者其實根本不知道自己要找的東西歸在哪個部門。這種分類邏輯對內部管理有意義,對翻閱型錄的人卻毫無幫助。
改用讀者查找時腦中會出現的邏輯來分類才對,依用途或使用情境分、依品項類型分,或依適用對象分,這幾種分法任選一種都可以,重點是站在翻閱的人會怎麼想、怎麼找的角度出發,而不是型錄製作方內部熟悉的那套分類。舉例來說,假設一個居家用品品牌,若照倉儲分類編排目錄,讀者得先猜「窗簾」歸在哪一類;換成依使用情境分,臥室、客廳、廚房,讀者一看就懂自己該往哪一頁翻。
Nielsen Norman Group 在卡片分類法(card sorting)的研究裡也指出,分類架構該反映使用者實際的思考方式,而不是組織內部的分工邏輯,而且分類標籤不能只照搬讀者說出口的詞彙,還要考慮他背後真正的概念,不只是表面關鍵字。

分類主軸只能挑一種,用途、品項、受眾別混著切
第二個常見的錯誤,是分類邏輯混用。同一份目錄裡,有的分類依產品類型分,像桌椅、燈具;有的卻突然依受眾分,像辦公室專用,兩種邏輯攪在一起,讀者會分不清楚一個產品該去哪裡找,也容易讓同一項產品重複出現在不同分類,或乾脆找不到歸屬。
資訊架構裡有階層式分類跟多面向分類(faceted classification)的差別,階層式分類是每項內容走一條固定路徑,多面向分類則是同時依不同屬性替內容貼上標籤。Hedden Information Management 對這兩者的說明,可以直接拿來佐證分類主軸該怎麼選,型錄目錄多半適合選定一種主分類軸線走到底,像是純粹依用途,或純粹依品項;真的需要多重篩選角度,例如同時想依用途也想依價格帶找,那已經是更進階的多面向索引,不是目錄頁這一層該處理的事,別貪心把所有分法都塞進同一份目錄。
類別數量該服務內容,不是拿來湊數字
很多人以為目錄分類湊成幾類比較好記,像是硬湊成三大類、五大類,這其實是常見的誤解。這種數字迷思,源自對認知心理學研究的一種常見誤用。Nielsen Norman Group 就點出,「選單或分類數量該限制在七項左右」這個說法,是對心理學家 George Miller 一九五六年短期記憶研究的誤讀,那份研究討論的是人腦一次能記住幾個項目,跟「畫面上看得到的分類清單」根本是兩回事,讀者是用眼睛掃視現有的分類選項,不需要把它們背下來。
換句話說,目錄該有幾類,該由型錄實際的產品廣度決定,品項單純就分少一點,品項龐雜就誠實分多一點。硬要湊成某個好記的數字,反而會把不相關的產品塞進同一類,讀者更難找到自己要的東西。
步驟二:排出主從層級,目錄頁才有呼吸的節奏
分類邏輯定案後,接下來要在目錄頁的版面上,把大分類跟次分類、品項的主從關係做出來。讓讀者一眼就能分辨這是一個大類、底下還有幾個子項,而不是所有文字擠成同一個字級,看起來像一整塊密密麻麻的清單。
大分類與次分類,字級粗細怎麼拉出層次感?
具體做法並不複雜,大分類用最大、最粗的字級;次分類或子項縮小一到兩級、字重轉細;頁碼靠右對齊,或用一條輔助線把整排視覺拉齊。
版面設計上常見的做法,還包括把編號放大當作視覺錨點,或單純靠字重差異區分階層。icons8 部落格整理的多個型錄目錄範例,就常用放大的編號搭配字級對比,建立出一眼可辨的層次;Design Work Life 談版面設計時也提到,用縮排與字重差異來建立主從關係是最基本、也最有效的做法。不必逐一列出設計軟體的操作步驟,重點放在主從關係要看得出來這個判斷原則上。

目錄頁別把每個品項都列上去,留白才讀得下去
型錄品項一多,很多人會想把每一項產品名稱都塞進目錄頁,結果目錄頁本身變成一堵密密麻麻的文字牆,讀者反而找不到重點。
原則是目錄頁列到分類或次分類這個顆粒度就好,個別產品名稱留到內頁去呈現,同時要留夠留白與行距,讓整頁看起來有呼吸感。Nielsen Norman Group 對目錄設計的建議裡也提到,標題要精簡到能被掃視,冗長的清單只會變成一堵文字牆,讓讀者難以消化,這點放在紙本型錄上同樣成立,而且比網頁版更吃虧,網頁能用關鍵字搜尋,印刷型錄沒有這個退路,讀者只能靠眼睛一頁一頁掃過目錄。
步驟三:頁碼與詞條要一致,讀者翻兩次就能找到位置
版面層次跟留白抓對之後,接下來要顧的是內容本身準不準確。目錄頁做得再漂亮,如果目錄上寫的詞條跟內頁實際的標題對不上,或頁碼跟實際位置有落差,讀者翻過去找不到,對這本型錄的信任感立刻崩掉。
目錄上的詞條,要跟章節標題一字不差
具體來說,目錄頁上寫的分類名稱或章節名稱,要跟內頁該章節實際的標題完全一致,不要因為目錄頁想寫得精簡,就把內頁標題簡化或改用不同措辭,這會讓讀者以為自己翻錯頁,得重新確認一次。Nielsen Norman Group 也強調,詞條跟對應段落標題不一致,會增加讀者額外的比對負擔。
如果型錄本身也有電子版,像是 PDF 或線上翻頁版,這套一致的詞條系統之後也能直接拿來做成可點擊的目錄,不用重寫一套,先在紙本階段把詞條對齊,等於順便替電子版鋪好路。
品項多的型錄,可以加一層快速索引給趕時間的讀者
品項特別龐雜的型錄,例如批發型錄或多品類型錄,可以在正式目錄頁之外,額外做一頁一覽表式的快速索引,用更精簡的方式,像是小圖示搭配分類名稱與頁碼區間,讓已經知道自己要找什麼、趕時間的讀者能秒速定位;正式目錄頁則保留給還在瀏覽、想先了解型錄涵蓋範圍的讀者。
這麼做等於同時照顧兩種讀者行為,一種是用來逛的,一種是用來找的。Flipsnack 部落格整理的批發型錄案例裡,就常見這種用圖卡搭配分類快速索引、取代逐項條列的設計,方便買家快速瀏覽再回頭細看。
步驟四:色彩與圖示,讓分類在翻閱時最先被看見
文字之外,色彩與圖示是讀者翻頁時最快抓到「我現在在哪個分類」的視覺線索。型錄是用翻的,不是用點連結的,讀者常常是快速翻動書頁邊緣找分類,這時候顏色比文字更快被眼睛捕捉到。
一個分類固定一種顏色,從目錄頁貫穿到內頁
具體做法是,目錄頁上每個大分類配一個固定顏色,可以用色塊、色條,或頁緣的色塊標記,這個顏色配置要延續到內頁對應章節的頁眉或頁緣。讀者快速翻動書頁側邊時,光看顏色區塊就能大概翻到對的分類範圍,不必每頁都停下來讀文字確認。
Design Work Life 談版面設計時也提到,色彩要跟整體出版物的風格與既有品牌色一致地延伸,而不是目錄頁自己單獨挑一套配色。顏色數量跟分類數量一致就好,不需要額外討論印刷用色的製程細節,這裡只談顏色作為分類識別的設計邏輯本身。
圖示比文字分類快被辨識,但風格要統一
除了色彩,也可以幫每個分類設計一個簡單的圖示,像用線條圖示代表家具、燈具、餐廚等品類,圖示比文字分類名稱更快被眼睛辨識,尤其適合翻閱速度快、停留時間短的場景。icons8 部落格整理的型錄目錄範例裡,不少都採用線條圖示搭配分類名稱的做法;Canva 的目錄設計整理裡也有類似的實例,用小圖示代表各分類內容。
不過要提醒一個常見失誤,圖示風格,包括線條粗細與繪製手法,一定要統一成同一套系統。混用不同來源、不同風格的圖示,反而會讓目錄頁看起來雜亂,像沒有經過設計。

步驟五:做完目錄頁,回頭用讀者的問題測一次
目錄頁的分類、層級、頁碼、色彩圖示都做完之後,別急著送印。最後一步,是自己或找一個不熟悉這份型錄的人,站在讀者的角度實際翻一次。
挑三到五個型錄裡讀者最常會想找的品項當測試案例,檢查詞條、頁碼、色彩分類這三者是否互相對應一致,再看看照著目錄頁的指引,要翻幾次、花多久才找得到。如果某個品項要來回翻好幾次才找到,代表分類邏輯或頁碼標示還有沒對齊的地方,回頭修正分類或詞條,而不是等型錄印出來才發現讀者常常找不到路。
Nielsen Norman Group 在整理目錄設計原則時也強調,擺放位置與版面風格的取捨要反覆檢視,才能真正提升可用性與翻閱體驗。簡單來說,就是別讓目錄頁停在設計師自己覺得好看的階段,而是拿真人的手去翻一次,才算真正做完。
好的目錄頁,最終該是讀者根本不會特別注意到的東西。他不會覺得這本型錄目錄設計得真好,只會覺得自己很快就找到想看的東西。真正做到位的型錄目錄設計,是讓自己隱形,讓翻閱這件事變得順理成章。
