{天悦平台}行业标准：权威解读，目录页是画册设计中发挥空间最大的页面，是一本书（画册）所有内容的概括，具有便于读者快速了解和查阅书本内容的作用。在做目录页设计的时候，要根据目录页的最终目的作为设计准则。下面，让我们一起学习目录页版式设计的八大技巧吧！

　　即把每节内容的标题与其对应的页码连起来，这是比较常规的一种做法，可以使目录更加清晰，重复排列的线条会形成统一、齐整的美感。采用这种排版方式时，标题与页码一般会设置成两端对齐，这样的效果更加整洁、清晰。

　　对于一些文字内容比较少的目录页，如果像上面的例子一样排列会显得比较单调和小气，所以可以借助直线来增加其趣味性和张力。由于内容不多，所以即使不严格对齐也不会影响阅读。

　　比如在下图的例子中，直线起到了两个信息区隔的作用，一是区隔页码与大标题；二是使七个大章节的内容独立开来。

　　这种形式也适合内容比较少的目录页，当有了图片后，目录页似乎也变成了一个内页版面，更加丰富、饱满。图片在目录设计中主要有两个用法：

　　其功能与标题一样，所以如果要使用这种方式，那么就需要为目录中的每个大标题都搭配对应的图片。

　　这里的图片不是与标题一一对应的，其目的就是为了消除纯文字目录的单调感，使版面更丰富、更好看。

　　即将目录中的元素（页码、标题、图片）用表格的形式来排列，这么做也可以使信息更加清晰，更有秩序。由于这种做法在目录设计中并不常见，所以显得很特别。

　　页码或者序号是目录页必不可少的元素，章节细分比较多的目录都会标明页码，而分类比较少的目录一般会采用序列号，用来区分几个大板块。把页码或序号拉大并使用笔画比较粗的字体，除了可以使其更明了、醒目以外，还可以增加版面的大小对比，提升设计感。

　　即把文字信息竖向等分成两份或两份以上，适用于文字比较多的版面，所以如果目录页的内容比较多时也适合分栏排版。由于每一栏的内容都有严格对齐，且页码比较大，所以栏与栏之间即使错位排列也不会影响阅读。

　　即把目录信息沿着某条轴排列，这种形式在目录设计中也比较少见，适用于内容比较少的目录页。轴的形式一般为竖轴和横轴，排列的形式通常为错位排版。

　　我们都知道网格系统是画册设计的常用工具，可以有效组织版面信息，使其更有序、更整洁，所以内容比较多的目录页也可以用网格系统来排版，为了避免单调和无趣，通常会加入图片元素。

　　如果目录的文字比较少，版面就容易显得很空、很单调，常见的做法是增加图片或者把文字拉大，其实主动保留大量空白也是一种解决办法，比如把内容集中排列在版面的顶部、底部、左下角、右下角等位置，留出其他位置的空白。这么处理的版面虽然有一种不平衡感，但动感和设计感更强，大面积的留白还可以适当缓解眼睛的疲劳。

　　无论做什么设计我们都要以它的最终目的为设计准则，由于目录是为了方便浏览和查阅书本内容，所以设计时一定要注意视觉的整洁与信息的清晰，所以我们可以发现对齐和统一是最常被用到的两个技巧。以上的8个目录设计技巧你掌握了吗？

　　版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。PS剪纸效果 原来如此简单设计师能做一辈子设计吗？工作6年的一些思考{ 发表评论 }点击这里取消回复。姓 名 (必填)邮 件 (必填)网 站

　　打 赏联系/ Contact关于设计达人广告合作在线投稿在线留言免责声明加入分享达人灵感/ InspirationUI设计欣赏优秀网页设计欣赏创意设计作品欣赏VI设计欣赏Logo设计欣赏海报设计欣赏字体设计欣赏名片设计欣赏包装设计欣赏插画设计欣赏优秀摄影欣赏优秀摄影欣赏热门标签/ Hot Tags响应式设计扁平化设计APP网站设计全屏网页设计设计公司网站时尚网站美食网站旅游网站体育网站网页素材UI素材英文字体配色排版Dribbble笔刷纹理jQueryCSS3HTML5关于设计达人：

　　我热爱设计，虽然没有达到狂热的程度，但注定我已经离不开设计，它就像有生命似的，改变了我、我的生活，而我也坚信，设计能改变人们、人们的生活以及全世界。所以我高傲的称自己为设计达人，而你就是下一个，WELCOME.