讀書人都熟悉目錄。

 

據(jù)說，目錄是有史以來最枯燥的設(shè)計(jì)元素之一，盡管它的重要性顯而易見，但往往被忽視掉。從某種意義上說，它是一種老式的用戶界面，可以讓讀者快速的了解一本書。

 

傳統(tǒng)的目錄設(shè)計(jì)的方法確實(shí)可以達(dá)到目錄應(yīng)有的作用，它看起來不太老土，功能強(qiáng)大，且易于使用。但讀者看到的第一頁決定了他對整本書的喜好程度。由此看來，目錄設(shè)計(jì)對一本書的受歡迎程度不可小視。

 

現(xiàn)在是時候?yàn)樽约旱哪夸浽O(shè)計(jì)吸納一點(diǎn)創(chuàng)意元素了。下面是50個優(yōu)秀的目錄設(shè)計(jì)案例，希望你能從中獲取靈感。

 

01.使用漸變

 

通過漂亮的漸變色調(diào)合傳統(tǒng)的布局，令目錄漂亮、富有活力。

 

02.創(chuàng)建一個選項(xiàng)卡式系統(tǒng)

 

設(shè)計(jì)師創(chuàng)建一個選項(xiàng)系統(tǒng)，作為目錄形式。多彩選項(xiàng)卡可幫助你快速檢索。雖然這是一本非常薄的小冊子，不過確實(shí)是一個有趣的創(chuàng)意。

 

03.嘗試一種以文字為中心的方法

 

整齊的、以文字為主的目錄布局不是一個糟糕的選擇。該雜志列出了目錄內(nèi)容，并使用強(qiáng)調(diào)色令目錄更加精致、醒目。

 

04.使用網(wǎng)格
 

 

使用冰藍(lán)色把雜志目錄的文字內(nèi)容印在黑紙上，整齊的網(wǎng)格布局有一點(diǎn)觸感。

 

05.創(chuàng)建每個章節(jié)圖標(biāo)

 

這本雜志目錄的特點(diǎn)，是用漂亮的小圖標(biāo)代表書中每個部分內(nèi)容。想不想創(chuàng)建一個圖標(biāo)集來代表自己目錄中的每一章？嘗試一下吧。

 

06.使用特色的攝影作品
 

 

該雜志目錄被簡化成一列，并附上一張大面積留白的攝影照片，具有一種平衡和優(yōu)雅感。

 

07.組合文字和圖像
 

 

將雜志每個部分的大型圖像，以及不對稱網(wǎng)格上的粗體字顏色進(jìn)行結(jié)合。這是一個有趣的方式，通過目錄上視覺圖片，使讀者對雜志中的每個版塊先有一個初步印象。

 

08.粗體字
 

 

將章節(jié)名稱設(shè)置為粗體字。這是目錄的一個新奇的、令人驚嘆的現(xiàn)代解決方案。如果你有更長的章節(jié)標(biāo)題，不妨試試這種辦法。

 

09.列網(wǎng)格
 

 

列網(wǎng)格用到目錄中，效果很好！該目錄表有4大列的專欄，每個專欄中呈現(xiàn)代表性的圖像和標(biāo)明頁碼的大號數(shù)字。

 

10.增加趣味感
 

 

該目錄設(shè)計(jì)保留傳統(tǒng)方法的同時，表現(xiàn)出空間感，但卻非常出色，在目錄設(shè)計(jì)上屬于優(yōu)雅簡潔的類型。同時利用了鎖線的工藝，與目錄設(shè)計(jì)達(dá)到了完美的融合。

 

11.創(chuàng)建圖形視覺系統(tǒng)
 

 

這份年報(bào)創(chuàng)造了一個具有親和力的、美好的視覺效果， 每一章都有自己的圖形，所有這些圖形都堆疊在一起，在跨頁的另一頁面上組合出較大的圖形。

 

12.復(fù)古元素
 

 

該目錄設(shè)計(jì)中使用的插圖和設(shè)計(jì)字體，使目錄帶有懷舊的色彩。這兩個元素都與大量的留白搭配，呈現(xiàn)出經(jīng)典和優(yōu)雅的目錄。

 

13.漂亮的預(yù)覽圖

 

在目錄中，將其內(nèi)容細(xì)化，并插入與章節(jié)匹配的有趣圖像。讓讀者先睹為快。
 

 

14.利用跨頁

 

如何設(shè)計(jì)跨頁的目錄呢？該雜志為讀者提供了一個網(wǎng)格形式，左邊是標(biāo)題和頁碼，右邊是每個章節(jié)的圖像。很酷，是吧？

 

15.創(chuàng)建層次結(jié)構(gòu)

 

并非所有的章節(jié)都是重點(diǎn)。嘗試在內(nèi)容列表中創(chuàng)建章節(jié)的層次結(jié)構(gòu)，例如通過給部分特色文章加強(qiáng)視覺效果。你還可以將它們放大尺寸，或者嘗試強(qiáng)調(diào)色。

 

16.把目錄集結(jié)到封面上

 

這不是封面嗎？對！但是它的右上角是目錄。如果你的章節(jié)數(shù)量不多，可以探索并嘗試將目錄整合到封面或內(nèi)部標(biāo)題頁上。

 

17.目錄變成封面

 

這是封面與目錄結(jié)合的第二種方法。這本章節(jié)，比第16項(xiàng)中提到的雜志更多些，但仍然將目錄設(shè)置為封面。

 

18.照片背景圖

 

該雜志也用同樣的方法，即目錄體現(xiàn)在封面上，只是它多了一個技巧，把目錄覆蓋在一片樹葉的圖像上。這本雜志同時使用了幾個方法，為目錄設(shè)計(jì)提供了一個復(fù)雜的解決方案。

 

19.使用大字體

 

緊密拼湊的大而粗的頁碼和標(biāo)題，可以很漂亮但有時難以閱讀。使用不同的權(quán)重來創(chuàng)建視覺節(jié)奏感，以增強(qiáng)目錄的可讀性和檢索功能。

 

20.給它一個形狀

 

這個年度報(bào)告并沒有給出整塊文字的形狀，但它很好地給出了目錄表的一個有意義的形狀，與出版物的主題相關(guān)。

 

21.對齊

 

以頁碼為中心，在頁碼兩側(cè)設(shè)置作者和標(biāo)題。這是一個引人注目的目錄布局，且易于瀏覽。

 

22.保持簡單

 

創(chuàng)建了一個簡單而切中要點(diǎn)的布局。大量空格的使用，使其富有現(xiàn)代感和新鮮感。

 

23.使用頂視圖攝影

 

頂視圖攝影近些年已經(jīng)超級流行！嘗試將它整合到你的目錄中，就像案例中這個可愛的目錄。

 

24.嘗試黑色和黃色

 

該雜志中大膽的顏色和大號頁碼的應(yīng)用，使檢索更方便。使用頁碼大號字和經(jīng)典的黑、黃色，也使目錄相當(dāng)明快。

 

25.頁碼變成設(shè)計(jì)元素

 

在目錄中，對每個章節(jié)進(jìn)行交替排列。視覺上很有趣，但有必要提醒一下：在嘗試類似的目錄布局時，不要為了美觀而犧牲目錄功能。