目录页该如何设计？给你8个高手常用的排版方式

目录页面主要出现在一些长书（相册）中，其位置一般安排在标题页面后，虽然目录不是文本，但总结了书的所有内容，方便读者快速理解和查阅书的内容，所以，即使目录页面是书中最重要的页面。

在这种情况下，目录页的设计自然也很重要，于是葱爷整理了一下 8 与大家分享一个非常好的目录设计技巧。

直线排版

直线在目录设计中的作用主要有以下三个。

1. 连接

也就是说，将每个部分的标题与相应的页码连接起来是一种更传统的做法，可以使目录更加清晰，重复排列的线条将形成一种统一、整洁的美。当使用这种排版方法时，标题和页码通常设置为两端对齐，使效果更加整洁和清晰。

2. 创造形式

对于一些文本内容较少的目录页，如果像上面的例子一样排列，它会显得单调和吝啬，所以你可以使用直线来增加它的兴趣和张力。因为内容不多，即使对齐不严格，也不会影响阅读。

3. 信息区隔

例如，在下图的例子中，直线起着两个信息区分的作用，一个是区分页码和大标题；另一个是使七章的内容独立。

加图片

这种形式也适用于内容较少的目录页面。有了图片，目录页面似乎变成了一个更丰富、更饱满的内页布局。图片主要用于目录设计。

1. 总结章节的主要内容

它的功能和标题一样，所以如果你想使用这种方法，你需要将相应的图片与目录中的每个大标题相匹配。

2. 装饰

这里的图片并非与标题一一对应，其目的是消除纯文字目录的单调感，使布局更加丰富、美观。

格子排版

目录中的元素（页码、标题、图片）以表格的形式排列，这也可以使信息更清晰、更有序。因为这种做法在目录设计中并不常见，所以它看起来很特别。

大页码

页码或序列号是目录页面的重要元素。章节细分较多的目录将标明页码，而分类较少的目录通常使用序列号来区分几个大板块。扩大页码或序列号并使用笔画较厚的字体不仅可以使其更加清晰和醒目，还可以增加布局的尺寸比较，增强设计感。

切割页码会更有设计感。

分栏排版

也就是说，文本信息的垂直等级分为两个或两个以上，适用于文本较多的布局，因此如果目录页的内容较多，也适用于列布局。由于每个栏的内容严格对齐，页码相对较大，即使栏与栏之间的错位排列也不会影响阅读。

除了文字，还可以用图片来分栏。

轴排版

也就是说，目录信息沿着某个轴排列，这种形式在目录设计中也很少见，适用于内容较少的目录页。轴的形式一般为垂直轴和水平轴，排列形式通常为错位排列。

上图不是以线为轴，而是以图片和色块为轴。

网格排版

众所周知，网格系统是专辑设计的常用工具，可以有效组织布局信息，使其更加有序整洁。因此，网格系统也可以排版内容较多的目录页。为了避免单调和无聊，通常会添加图片元素。

留白

如果目录文本较少，布局很容易显得非常空，非常单调，常见的方法是增加图片或扩大文本，事实上，主动保留大量空白也是一种解决方案，如布局顶部、底部、左下角、右下角等位置的内容，留下其他位置的空白。虽然这样的布局有一种不平衡感，但动态和设计感更强，大面积的空白也可以适当地缓解眼睛的疲劳。

总结

无论我们做什么设计，我们都应该把它的最终目的作为设计标准。由于目录是为了方便浏览和查阅书籍内容，我们在设计时必须注意视觉清洁度和信息清晰度，因此我们可以发现对齐和统一是最常用的两种技能。

以上的 8 你掌握了目录设计技巧吗？

欢迎关注作者微信微信官方账号:「葱爷」