讀書人都熟悉目錄。
據(jù)說(shuō)，目錄是有史以來(lái)最枯燥的設(shè)計(jì)元素之一，盡管它的重要性顯而易見，但往往被忽視掉。從某種意義上說(shuō)，它是一種老式的用戶界面，可以讓讀者快速的了解一本書。
傳統(tǒng)的目錄設(shè)計(jì)的方法確實(shí)可以達(dá)到目錄應(yīng)有的作用，它看起來(lái)不太老土，功能強(qiáng)大，且易于使用。但讀者看到的第一頁(yè)決定了他對(duì)整本書的喜好程度。由此看來(lái)，目錄設(shè)計(jì)對(duì)一本書的受歡迎程度不可小視。
現(xiàn)在是時(shí)候?yàn)樽约旱哪夸浽O(shè)計(jì)吸納一點(diǎn)創(chuàng)意元素了。下面是50個(gè)優(yōu)秀的目錄設(shè)計(jì)案例，希望你能從中獲取靈感。
01.使用漸變
通過(guò)漂亮的漸變色調(diào)合傳統(tǒng)的布局，令目錄漂亮、富有活力。
02.創(chuàng)建一個(gè)選項(xiàng)卡式系統(tǒng)
設(shè)計(jì)師創(chuàng)建一個(gè)選項(xiàng)系統(tǒng)，作為目錄形式。多彩選項(xiàng)卡可幫助你快速檢索。雖然這是一本非常薄的小冊(cè)子，不過(guò)確實(shí)是一個(gè)有趣的創(chuàng)意。
03.嘗試一種以文字為中心的方法
整齊的、以文字為主的目錄布局不是一個(gè)糟糕的選擇。該雜志列出了目錄內(nèi)容，并使用強(qiáng)調(diào)色令目錄更加精致、醒目。
04.使用網(wǎng)格
使用冰藍(lán)色把雜志目錄的文字內(nèi)容印在黑紙上，整齊的網(wǎng)格布局有一點(diǎn)觸感。
05.創(chuàng)建每個(gè)章節(jié)圖標(biāo)
這本雜志目錄的特點(diǎn)，是用漂亮的小圖標(biāo)代表書中每個(gè)部分內(nèi)容。想不想創(chuàng)建一個(gè)圖標(biāo)集來(lái)代表自己目錄中的每一章？嘗試一下吧。
06.使用特色的攝影作品
該雜志目錄被簡(jiǎn)化成一列，并附上一張大面積留白的攝影照片，具有一種平衡和優(yōu)雅感。
07.組合文字和圖像
將雜志每個(gè)部分的大型圖像，以及不對(duì)稱網(wǎng)格上的粗體字顏色進(jìn)行結(jié)合。這是一個(gè)有趣的方式，通過(guò)目錄上視覺(jué)圖片，使讀者對(duì)雜志中的每個(gè)版塊先有一個(gè)初步印象。
08.粗體字
將章節(jié)名稱設(shè)置為粗體字。這是目錄的一個(gè)新奇的、令人驚嘆的現(xiàn)代解決方案。如果你有更長(zhǎng)的章節(jié)標(biāo)題，不妨試試這種辦法。
09.列網(wǎng)格
列網(wǎng)格用到目錄中，效果很好！該目錄表有4大列的專欄，每個(gè)專欄中呈現(xiàn)代表性的圖像和標(biāo)明頁(yè)碼的大號(hào)數(shù)字。
10.增加趣味感
該目錄設(shè)計(jì)保留傳統(tǒng)方法的同時(shí)，表現(xiàn)出空間感，但卻非常出色，在目錄設(shè)計(jì)上屬于優(yōu)雅簡(jiǎn)潔的類型。同時(shí)利用了鎖線的工藝，與目錄設(shè)計(jì)達(dá)到了完美的融合。
11.創(chuàng)建圖形視覺(jué)系統(tǒng)
這份年報(bào)創(chuàng)造了一個(gè)具有親和力的、美好的視覺(jué)效果， 每一章都有自己的圖形，所有這些圖形都堆疊在一起，在跨頁(yè)的另一頁(yè)面上組合出較大的圖形。
12.復(fù)古元素
該目錄設(shè)計(jì)中使用的插圖和設(shè)計(jì)字體，使目錄帶有懷舊的色彩。這兩個(gè)元素都與大量的留白搭配，呈現(xiàn)出經(jīng)典和優(yōu)雅的目錄。
13.漂亮的預(yù)覽圖
在目錄中，將其內(nèi)容細(xì)化，并插入與章節(jié)匹配的有趣圖像。讓讀者先睹為快。
14.利用跨頁(yè)
如何設(shè)計(jì)跨頁(yè)的目錄呢？該雜志為讀者提供了一個(gè)網(wǎng)格形式，左邊是標(biāo)題和頁(yè)碼，右邊是每個(gè)章節(jié)的圖像。很酷，是吧？
15.創(chuàng)建層次結(jié)構(gòu)
并非所有的章節(jié)都是重點(diǎn)。嘗試在內(nèi)容列表中創(chuàng)建章節(jié)的層次結(jié)構(gòu)，例如通過(guò)給部分特色文章加強(qiáng)視覺(jué)效果。你還可以將它們放大尺寸，或者嘗試強(qiáng)調(diào)色。
16.把目錄集結(jié)到封面上
這不是封面嗎？對(duì)！但是它的右上角是目錄。如果你的章節(jié)數(shù)量不多，可以探索并嘗試將目錄整合到封面或內(nèi)部標(biāo)題頁(yè)上。
17.目錄變成封面
這是封面與目錄結(jié)合的第二種方法。這本章節(jié)，比第16項(xiàng)中提到的雜志更多些，但仍然將目錄設(shè)置為封面。
18.照片背景圖
該雜志也用同樣的方法，即目錄體現(xiàn)在封面上，只是它多了一個(gè)技巧，把目錄覆蓋在一片樹葉的圖像上。這本雜志同時(shí)使用了幾個(gè)方法，為目錄設(shè)計(jì)提供了一個(gè)復(fù)雜的解決方案。
19.使用大字體
緊密拼湊的大而粗的頁(yè)碼和標(biāo)題，可以很漂亮但有時(shí)難以閱讀。使用不同的權(quán)重來(lái)創(chuàng)建視覺(jué)節(jié)奏感，以增強(qiáng)目錄的可讀性和檢索功能。
20.給它一個(gè)形狀
這個(gè)年度報(bào)告并沒(méi)有給出整塊文字的形狀，但它很好地給出了目錄表的一個(gè)有意義的形狀，與出版物的主題相關(guān)。
21.對(duì)齊
以頁(yè)碼為中心，在頁(yè)碼兩側(cè)設(shè)置作者和標(biāo)題。這是一個(gè)引人注目的目錄布局，且易于瀏覽。
22.保持簡(jiǎn)單
創(chuàng)建了一個(gè)簡(jiǎn)單而切中要點(diǎn)的布局。大量空格的使用，使其富有現(xiàn)代感和新鮮感。
23.使用頂視圖攝影
頂視圖攝影近些年已經(jīng)超級(jí)流行！嘗試將它整合到你的目錄中，就像案例中這個(gè)可愛(ài)的目錄。
24.嘗試黑色和黃色
該雜志中大膽的顏色和大號(hào)頁(yè)碼的應(yīng)用，使檢索更方便。使用頁(yè)碼大號(hào)字和經(jīng)典的黑、黃色，也使目錄相當(dāng)明快。
25.頁(yè)碼變成設(shè)計(jì)元素
在目錄中，對(duì)每個(gè)章節(jié)進(jìn)行交替排列。視覺(jué)上很有趣，但有必要提醒一下：在嘗試類似的目錄布局時(shí)，不要為了美觀而犧牲目錄功能。
