首頁 > 網頁教程 > 設計分享 > 版式設計:8個常用排版方式告訴你目錄頁該如何設計

版式設計:8個常用排版方式告訴你目錄頁該如何設計

時間:2019-10-18    來源:蔥爺

目錄頁主要出現在一些篇幅比較長的書籍(畫冊)中,其位置一般被安排在扉頁之后,目錄雖然不是正文,卻概括了一本書的所有內容,具有便于讀者快速了解及查閱書本內容的作用,所以,即使說目錄頁是一本書中最重要的頁面也不為過。

既然如此,那么目錄頁的設計自然也是十分重要,于是乎,蔥爺整理了 8 個很不錯的目錄設計技巧分享給大家。

直線排版

直線在目錄設計中的作用主要有以下三個。

1. 連接

即把每節內容的標題與其對應的頁碼連起來,這是比較常規的一種做法,可以使目錄更加清晰,重復排列的線條會形成統一、規整的美感。采用這種排版方式時,標題與頁碼一般會設置成兩端對齊,這樣的效果更加整潔、清晰。

2. 創造形式

對于一些文字內容比較少的目錄頁,如果像上面的例子一樣排列會顯得比較單調和小氣,所以可以借助直線來增加其趣味性和張力。由于內容不多,所以即使不嚴格對齊也不會影響閱讀。

3. 信息區隔

比如在下圖的例子中,直線起到了兩個信息區隔的作用,一是區隔頁碼與大標題;二是使七個大章節的內容獨立開來。

加圖片

這種形式也適合內容比較少的目錄頁,當有了圖片后,目錄頁似乎也變成了一個內頁版面,更加豐富、飽滿。圖片在目錄設計中主要有兩個用法。

1. 概括章節的主要內容

其功能與標題一樣,所以如果要使用這種方式,那么就需要為目錄中的每個大標題都搭配對應的圖片。

2. 裝飾

這里的圖片不是與標題一一對應的,其目的是為了消除純文字目錄的單調感,使版面更豐富、更好看。

格子排版

即將目錄中的元素(頁碼、標題、圖片)用表格的形式來排列,這么做也可以使信息更加清晰,更有秩序。由于這種做法在目錄設計中并不常見,所以顯得很特別。

大頁碼

頁碼或者序號是目錄頁必不可少的元素,章節細分比較多的目錄都會標明頁碼,而分類比較少的目錄一般會采用序列號,用來區分幾個大板塊。把頁碼或序號拉大并使用筆畫比較粗的字體,除了可以使其更明了、醒目以外,還可以增加版面的大小對比,提升設計感。

把頁碼裁切一下,會更有設計感。

相關推薦
平面設計與網頁設計的差異性淺析
網站設計教程分享 回歸內容“簡潔大氣”設計指南
優秀網頁/平面設計師是怎樣煉成的
平面設計中關于控制視覺層次的設計方法
網站Banner廣告設計經驗談
一個設計師的成長:或許要經歷的5個階段
關門漲姿勢!如何從AV封面中學習平面設計?
10個簡單實用的平面設計方法分享
學多不如錯少!五個最常見的設計思維誤區
精彩總在下半夜:如何從AV封面中學平面設計
字體設計教程:字體還能這么玩 聊聊文字的“性取向”
讀懂十大未來設計趨勢,別讓你的設計白費力氣
為什么頁面跟設計稿差距這么大?是啊!為毛啊?
UI、UX傻傻分不清楚?來一份清晰詳盡的設計師分工指南
親歷者說!日本的平面設計水平為什么這么高?
年度總結:最新視覺設計六大趨勢分享
設計師實戰總結:如何自學平面設計?
創意思維:如何進行封面設計?
設計分享:新手如何快速入門版式規劃?
什么是構圖?設計都有那些構圖原則?
9個案例讓你了解版式設計的基本規則
12個讓數字更具設計感的實用方法分享
電商設計:如何提升詳情頁設計效果?
如何讓網站首頁設計得極具吸引力?
移動終端全新界面設計語言“Metro”簡析
淘寶品牌名店的BANNER廣告設計評價及分析(2)
優秀排版設計的8條建議
版式設計:深入淺出學會網格系統的應用
如何學會版式設計中的主要元素提取?
文字排版設計:如何設計出吸引視線的標題?
如何用超大字體元素應用在設計作品集類的網站?
分享:設計法則之恐懼留白 Horror Vacui
什么是“整體網頁設計”?整體網頁設計工作原理
版式設計:不一樣的網頁布局之“方塊布局”
分享:99%的人在做網站設計時都用錯了留白!
留白設計:設計中的留白要如何做?

精彩推薦

熱門教程

重庆时时开奖直播app 每研领吧好赚钱不 合伙生意很赚钱 双色球中6保5旋转矩阵 手机软件怎么赚钱的 德州扑克真钱版下载 巴中出租车赚钱吗 2011老时时彩 上海快三开售和结束时间 腾讯分分彩五星刷钱 p3开机号今天云 哪个德州扑克能换现金 游戏直播真的能赚钱吗 现在开微店能赚钱吗2017 360彩票网老时时彩 趣赢娱乐首页 新广西老友麻将微信群