讀書人都熟悉目錄。
據(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)
這份年報創(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.給它一個形狀
這個年度報告并沒有給出整塊文字的形狀,但它很好地給出了目錄表的一個有意義的形狀,與出版物的主題相關(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)行交替排列。視覺上很有趣,但有必要提醒一下:在嘗試類似的目錄布局時,不要為了美觀而犧牲目錄功能。