读书人都熟悉目录。据说,目录是有史以来最枯燥的设计元素之一,尽管它的重要性显而易见,但往往被忽视掉。

读书人都熟悉目录。


据说,目录是有史以来最枯燥的设计元素之一,尽管它的重要性显而易见,但往往被忽视掉。从某种意义上说,它是一种老式的用户界面,可以让读者快速的了解一本书。


传统的目录设计的方法确实可以达到目录应有的作用,它看起来不太老土,功能强大,且易于使用。但读者看到的第一页决定了他对整本书的喜好程度。由此看来,目录设计对一本书的受欢迎程度不可小视。


现在是时候为自己的目录设计吸纳一点创意元素了。下面是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.页码变成设计元素


在目录中,对每个章节进行交替排列。视觉上很有趣,但有必要提醒一下:在尝试类似的目录布局时,不要为了美观而牺牲目录功能。