高手常用的排版方式
發(fā)布時(shí)間:2021-12-28 11:26 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

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

既然如此,那么目錄頁(yè)的設(shè)計(jì)自然也是十分重要,于是乎,小編整理了 8 個(gè)很不錯(cuò)的目錄設(shè)計(jì)技巧分享給大家。


直線排版


直線在目錄設(shè)計(jì)中的作用主要有以下三個(gè)。

1. 連接

即把每節(jié)內(nèi)容的標(biāo)題與其對(duì)應(yīng)的頁(yè)碼連起來,這是比較常規(guī)的一種做法,可以使目錄更加清晰,重復(fù)排列的線條會(huì)形成統(tǒng)一、規(guī)整的美感。采用這種排版方式時(shí),標(biāo)題與頁(yè)碼一般會(huì)設(shè)置成兩端對(duì)齊,這樣的效果更加整潔、清晰。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

2. 創(chuàng)造形式

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

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

3. 信息區(qū)隔

比如在下圖的例子中,直線起到了兩個(gè)信息區(qū)隔的作用,一是區(qū)隔頁(yè)碼與大標(biāo)題;二是使七個(gè)大章節(jié)的內(nèi)容獨(dú)立開來。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式


加圖片


這種形式也適合內(nèi)容比較少的目錄頁(yè),當(dāng)有了圖片后,目錄頁(yè)似乎也變成了一個(gè)內(nèi)頁(yè)版面,更加豐富、飽滿。圖片在目錄設(shè)計(jì)中主要有兩個(gè)用法。

1. 概括章節(jié)的主要內(nèi)容

其功能與標(biāo)題一樣,所以如果要使用這種方式,那么就需要為目錄中的每個(gè)大標(biāo)題都搭配對(duì)應(yīng)的圖片。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

2. 裝飾

這里的圖片不是與標(biāo)題一一對(duì)應(yīng)的,其目的是為了消除純文字目錄的單調(diào)感,使版面更豐富、更好看。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式


格子排版


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

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式


大頁(yè)碼


頁(yè)碼或者序號(hào)是目錄頁(yè)必不可少的元素,章節(jié)細(xì)分比較多的目錄都會(huì)標(biāo)明頁(yè)碼,而分類比較少的目錄一般會(huì)采用序列號(hào),用來區(qū)分幾個(gè)大板塊。把頁(yè)碼或序號(hào)拉大并使用筆畫比較粗的字體,除了可以使其更明了、醒目以外,還可以增加版面的大小對(duì)比,提升設(shè)計(jì)感。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

把頁(yè)碼裁切一下,會(huì)更有設(shè)計(jì)感。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式


分欄排版


即把文字信息豎向等分成兩份或兩份以上,適用于文字比較多的版面,所以如果目錄頁(yè)的內(nèi)容比較多時(shí)也適合分欄排版。由于每一欄的內(nèi)容都嚴(yán)格對(duì)齊,且頁(yè)碼比較大,所以欄與欄之間即使錯(cuò)位排列也不會(huì)影響閱讀。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

除了文字還可以用圖片來分欄。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式


軸排版


即把目錄信息沿著某條軸排列,這種形式在目錄設(shè)計(jì)中也比較少見,適用于內(nèi)容比較少的目錄頁(yè)。軸的形式一般為豎軸和橫軸,排列的形式通常為錯(cuò)位排版。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

上圖并不是以線為軸,而是以圖片和色塊為軸。


網(wǎng)格排版


我們都知道網(wǎng)格系統(tǒng)是畫冊(cè)設(shè)計(jì)的常用工具,可以有效組織版面信息,使其更有序、更整潔,所以內(nèi)容比較多的目錄頁(yè)也可以用網(wǎng)格系統(tǒng)來排版,為了避免單調(diào)和無趣,通常會(huì)加入圖片元素。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式


留白


如果目錄的文字比較少,版面就容易顯得很空、很單調(diào),常見的做法是增加圖片或者把文字拉大,其實(shí)主動(dòng)保留大量空白也是一種解決辦法,比如把內(nèi)容集中排列在版面的頂部、底部、左下角、右下角等位置,留出其他位置的空白。這么處理的版面雖然有一種不平衡感,但動(dòng)感和設(shè)計(jì)感更強(qiáng),大面積的留白還可以適當(dāng)緩解眼睛的疲勞。

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式

目錄頁(yè)該如何設(shè)計(jì)?給你8個(gè)高手常用的排版方式


總結(jié)


無論做什么設(shè)計(jì)我們都要以它的最終目的為設(shè)計(jì)準(zhǔn)則,由于目錄是為了方便瀏覽和查閱書本內(nèi)容,所以設(shè)計(jì)時(shí)一定要注意視覺的整潔與信息的清晰,所以可以發(fā)現(xiàn)對(duì)齊和統(tǒng)一是最常被用到的兩個(gè)技巧。

版式設(shè)計(jì)視頻教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC