讀書人都熟悉目錄。據(jù)說,目錄是有史以來最枯燥的設(shè)計(jì)元素之一,盡管它的重要性顯而易見,但往往被忽視掉。

2018-09-28 1920 0

讀書人都熟悉目錄。


 

據(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)行交替排列。視覺上很有趣,但有必要提醒一下:在嘗試類似的目錄布局時,不要為了美觀而犧牲目錄功能。


6
評論區(qū)(0)
正在加載評論...