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

 

posted on 2019-04-28 15:52  前端码牛  阅读(12247)  评论(0编辑  收藏  举报

导航