50个优秀目录设计

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

读书人都熟悉目录。

 

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

 

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

 

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

 

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

26.大而粗的章节号码

该杂志将其章节号码作为设计元素，比例上放大， 用色为黑色，这给整个目录一个时尚的感觉。

 

27.易于导航

摄影图片与大号章节数字相结合，使这个目录的列布局在视觉上很有趣，也没有影响到目录的功能性。没有比试图从混乱的页面或布局中检索信息，更令人沮丧的了！

 

28.尝试鲜明的布局

这本杂志改变了传统的目录设计后，从未如此好看过。

 

29.预示内容

这是展览会目录设计。目录设计得如同参观一个画廊的感觉，非常恰当！

 

30.版本号作为设计元素

看看这本杂志，目录设计使用版本号作为设计元素，并与其他文字出色配对，非常富有设计感。

 

31.根据实际内容创建设计元素

尝试将你正在设计的出版物中的图像和元素转化为装饰性设计元素，例如案例中的箭头元素，有没有让你想起飞行路线？

 

32.使用网格穿插文字和图片

巧妙地将摄影图片集成到目录中，被该图像吸引的读者会查看杂志内部文字。

 

33. 围绕视觉焦点安排章节

将顶视图摄影图片用于目录中。

 

34.将文本块用有意义的形状替代

这个目录尝试在排版中使用形状，非常有趣。

 

35.整洁的网格布局

采取整洁的网格布局。你可以得到一个漂亮的解决方案，就像这个目录，用来详细说明其内容一样。

 

36.使用富有表现力的字体

使用富有表现力的字体，它不必只用在整个目录的大标题上，也可以在章节标题中使用。

 

37.添加章节描述或摘要

上面案例中的目录，将其章节标题与页码、及简短描述进行结合。使用一个有趣的方式来向读者介绍即将阅读的内容，这可能会立即引起人们的兴趣，也可能不会。

 

38.字母作为设计元素

把英文字母变成设计元素，就像这个建筑出版物一样。

 

39.添加个人简介

自我介绍！将目录与编辑说明或简短介绍结合起来。

 

40.突出重要内容

其目录中使用了不同字体，来体现杂志的中心语，然后在目录内构建层次结构。整个作品围绕着一个重点，在这个案例中用一个美丽的女人的图像，这可能是杂志专题文章的主题。

 

41.现代风格

这个目录使用了文字和摄影图片，把它们叠加在一起，以创建一个有趣的现代目录风格设计。

 

42.创建经典目录

 

43.只使用黑白色

因为在整个杂志中，使用大的文字元素贯穿整个杂志，所以目录设计做同样的处理似乎也是合适的。

不要犹豫，将你在文章中用过的元素用到目录设计中，这将使你的布局富有凝聚力、统一感。

 

44.给每一章赋予不同的色彩

使用不同颜色、大号数字和大量留白来创建一个很漂亮的目录。每章都有一个它用作主题的颜色。

 

45.为每章设计唯一编号

在目录设计中，每章节数字都是独特的。就像这个例子所显示的那样，给旧的设计元素一个新面容。

 

46.大、黑与美

黑白色与大号加粗美丽的数字，永远是一个加分的组合。

 

47.正负空间

这本杂志内部布局简洁，在目录设计上创建了一个正负空间，带来一种超有趣的视觉。试着用文字或与你设计的内容相关联的元素，来创建一个有吸引力的图形。

 

48.使用明亮的颜色

只有几个章节的目录设计？可以尝试使用明亮的颜色，像这个年度报告一样，为目录添加视觉吸引力。

 

49.表示每章的开头和结尾

该杂志将漂亮的大数字与图片及其章节标题平行放置。虽然垂直文字并不总是最容易阅读的，但是让数字变大可以确保它们的可读性。

 

50.极简主义

 

50个富有创意的目录设计案例展示完，希望设计师从中受益，把常规的、普通的想法抛出窗外，创建一个与众不同的的目录设计来！