50個優秀目錄設計


據說,目錄是有史以來最枯燥的設計元素之一,盡管它的重要性顯而易見,但往往被忽視掉。

讀書人都熟悉目錄。

 

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

 

傳統的目錄設計的方法確實可以達到目錄應有的作用,它看起來不太老土,功能強大,且易於使用。但讀者看到的第一頁決定了他對整本書的喜好程度。由此看來,目錄設計對一本書的受歡迎程度不可小視。

 

現在是時候為自己的目錄設計吸納一點創意元素了。下面是50個優秀的目錄設計案例,希望你能從中獲取靈感。

 

01.使用漸變

 

通過漂亮的漸變色調合傳統的布局,令目錄漂亮、富有活力。

 

02.創建一個選項卡式系統

 

設計師創建一個選項系統,作為目錄形式。多彩選項卡可幫助你快速檢索。雖然這是一本非常薄的小冊子,不過確實是一個有趣的創意。

 

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

 

整齊的、以文字為主的目錄布局不是一個糟糕的選擇。該雜志列出了目錄內容,並使用強調色令目錄更加精致、醒目。

 

04.使用網格

 

使用冰藍色把雜志目錄的文字內容印在黑紙上,整齊的網格布局有一點觸感。

 

05.創建每個章節圖標

 

這本雜志目錄的特點,是用漂亮的小圖標代表書中每個部分內容。想不想創建一個圖標集來代表自己目錄中的每一章?嘗試一下吧。

 

06.使用特色的攝影作品

 

該雜志目錄被簡化成一列,並附上一張大面積留白的攝影照片,具有一種平衡和優雅感。

 

07.組合文字和圖像

 

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

 

08.粗體字

 

將章節名稱設置為粗體字。這是目錄的一個新奇的、令人驚嘆的現代解決方案。如果你有更長的章節標題,不妨試試這種辦法。

 

09.列網格

 

列網格用到目錄中,效果很好!該目錄表有4大列的專欄,每個專欄中呈現代表性的圖像和標明頁碼的大號數字。

 

10.增加趣味感

 

該目錄設計保留傳統方法的同時,表現出空間感,但卻非常出色,在目錄設計上屬於優雅簡潔的類型。同時利用了鎖線的工藝,與目錄設計達到了完美的融合。

 

11.創建圖形視覺系統

 

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

 

12.復古元素

 

該目錄設計中使用的插圖和設計字體,使目錄帶有懷舊的色彩。這兩個元素都與大量的留白搭配,呈現出經典和優雅的目錄。

 

13.漂亮的預覽圖

 

在目錄中,將其內容細化,並插入與章節匹配的有趣圖像。讓讀者先睹為快。

 

14.利用跨頁

 

如何設計跨頁的目錄呢?該雜志為讀者提供了一個網格形式,左邊是標題和頁碼,右邊是每個章節的圖像。很酷,是吧?

 

15.創建層次結構

 

並非所有的章節都是重點。嘗試在內容列表中創建章節的層次結構,例如通過給部分特色文章加強視覺效果。你還可以將它們放大尺寸,或者嘗試強調色。

 

16.把目錄集結到封面上

 

這不是封面嗎?對!但是它的右上角是目錄。如果你的章節數量不多,可以探索並嘗試將目錄整合到封面或內部標題頁上。

 

17.目錄變成封面

 

這是封面與目錄結合的第二種方法。這本章節,比第16項中提到的雜志更多些,但仍然將目錄設置為封面。

 

18.照片背景圖

 

該雜志也用同樣的方法,即目錄體現在封面上,只是它多了一個技巧,把目錄覆蓋在一片樹葉的圖像上。這本雜志同時使用了幾個方法,為目錄設計提供了一個復雜的解決方案。

 

19.使用大字體

 

緊密拼湊的大而粗的頁碼和標題,可以很漂亮但有時難以閱讀。使用不同的權重來創建視覺節奏感,以增強目錄的可讀性和檢索功能。

 

20.給它一個形狀

 

這個年度報告並沒有給出整塊文字的形狀,但它很好地給出了目錄表的一個有意義的形狀,與出版物的主題相關。

 

21.對齊

 

以頁碼為中心,在頁碼兩側設置作者和標題。這是一個引人注目的目錄布局,且易於瀏覽。

 

22.保持簡單

 

創建了一個簡單而切中要點的布局。大量空格的使用,使其富有現代感和新鮮感。

 

23.使用頂視圖攝影

 

頂視圖攝影近些年已經超級流行!嘗試將它整合到你的目錄中,就像案例中這個可愛的目錄。

 

24.嘗試黑色和黃色

 

該雜志中大膽的顏色和大號頁碼的應用,使檢索更方便。使用頁碼大號字和經典的黑、黃色,也使目錄相當明快。

 

25.頁碼變成設計元素

 

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

26.大而粗的章節號碼

該雜志將其章節號碼作為設計元素,比例上放大, 用色為黑色,這給整個目錄一個時尚的感覺。

 

27.易於導航

攝影圖片與大號章節數字相結合,使這個目錄的列布局在視覺上很有趣,也沒有影響到目錄的功能性。沒有比試圖從混亂的頁面或布局中檢索信息,更令人沮喪的了!

 

28.嘗試鮮明的布局

這本雜志改變了傳統的目錄設計后,從未如此好看過。

 

29.預示內容

這是展覽會目錄設計。目錄設計得如同參觀一個畫廊的感覺,非常恰當!

 

30.版本號作為設計元素

看看這本雜志,目錄設計使用版本號作為設計元素,並與其他文字出色配對,非常富有設計感。

 

31.根據實際內容創建設計元素

嘗試將你正在設計的出版物中的圖像和元素轉化為裝飾性設計元素,例如案例中的箭頭元素,有沒有讓你想起飛行路線?

 

32.使用網格穿插文字和圖片

巧妙地將攝影圖片集成到目錄中,被該圖像吸引的讀者會查看雜志內部文字。

 

33. 圍繞視覺焦點安排章節

將頂視圖攝影圖片用於目錄中。

 

34.將文本塊用有意義的形狀替代

這個目錄嘗試在排版中使用形狀,非常有趣。

 

35.整潔的網格布局

采取整潔的網格布局。你可以得到一個漂亮的解決方案,就像這個目錄,用來詳細說明其內容一樣。

 

36.使用富有表現力的字體

使用富有表現力的字體,它不必只用在整個目錄的大標題上,也可以在章節標題中使用。

 

37.添加章節描述或摘要

上面案例中的目錄,將其章節標題與頁碼、及簡短描述進行結合。使用一個有趣的方式來向讀者介紹即將閱讀的內容,這可能會立即引起人們的興趣,也可能不會。

 

38.字母作為設計元素

把英文字母變成設計元素,就像這個建築出版物一樣。

 

39.添加個人簡介

自我介紹!將目錄與編輯說明或簡短介紹結合起來。

 

40.突出重要內容

其目錄中使用了不同字體,來體現雜志的中心語,然后在目錄內構建層次結構。整個作品圍繞着一個重點,在這個案例中用一個美麗的女人的圖像,這可能是雜志專題文章的主題。

 

41.現代風格

這個目錄使用了文字和攝影圖片,把它們疊加在一起,以創建一個有趣的現代目錄風格設計。

 

42.創建經典目錄

 

43.只使用黑白色

因為在整個雜志中,使用大的文字元素貫穿整個雜志,所以目錄設計做同樣的處理似乎也是合適的。

不要猶豫,將你在文章中用過的元素用到目錄設計中,這將使你的布局富有凝聚力、統一感。

 

44.給每一章賦予不同的色彩

使用不同顏色、大號數字和大量留白來創建一個很漂亮的目錄。每章都有一個它用作主題的顏色。

 

45.為每章設計唯一編號

在目錄設計中,每章節數字都是獨特的。就像這個例子所顯示的那樣,給舊的設計元素一個新面容。

 

46.大、黑與美

黑白色與大號加粗美麗的數字,永遠是一個加分的組合。

 

47.正負空間

這本雜志內部布局簡潔,在目錄設計上創建了一個正負空間,帶來一種超有趣的視覺。試着用文字或與你設計的內容相關聯的元素,來創建一個有吸引力的圖形。

 

48.使用明亮的顏色

只有幾個章節的目錄設計?可以嘗試使用明亮的顏色,像這個年度報告一樣,為目錄添加視覺吸引力。

 

49.表示每章的開頭和結尾

該雜志將漂亮的大數字與圖片及其章節標題平行放置。雖然垂直文字並不總是最容易閱讀的,但是讓數字變大可以確保它們的可讀性。

 

50.極簡主義

 

50個富有創意的目錄設計案例展示完,希望設計師從中受益,把常規的、普通的想法拋出窗外,創建一個與眾不同的的目錄設計來!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM