50个优秀目录设计

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个富有创意的⽬录设计案例展⽰完，希望设计师从中受益，把常规的、普通的想法抛出窗外，创建⼀个与众不同的的⽬录设计来！。