目录设计图片大全手绘-目录页应该怎样设计?

格子排版

格子排版即将目录中的元素(页码、标题、图片)用表格的形式来排列,这么做也可以使信息更加清晰,更有秩序。由于这种做法在目录设计中并不常见,所以显得很特别。这种排版方式可以有效组织版面信息,使其更有序、更整洁,所以内容比较多的目录页也可以用它来排版,为了避免单调和无趣,通常会加入图片元素,但是不适合大规模的使用。

分栏排版

分栏排版包括文字的分栏和图片的分栏两种形式,把文字信息竖向等分成两份或两份以上,适用于文字比较多的版面,所以如果目录页的内容比较多时也适合分栏排版。这样的设计方式能够在阅读量较大的情况下,让读者快速找到自己想要了解的那部分。

留白

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

轴排版

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

总之,了方便浏览和查阅书本内容,所以基于目录自身的功能,大家在设计时一定要注意视觉的整洁与信息的清晰,当然我们也可以发现对齐和统一是最常见的两个技巧。更对相关内容,还请关注本平台。

目录是一个系统,它起到检索书籍大概内容的功能.所以我们要让它简洁,并且有条理可循。目录设计无非是图片、文字、辅助图形组成,几种方法值得我们去学习。

突出数字

我们可以对数字进行一些创意设计,把数字放大或者加粗,除了可以使其更明了醒目外,还可以增加版面的大小对比,提升设计感,同时还可以用来区分大板块。

添加线条

可以把章节标题与对应的页码用实线或者虚线连起来,或者放置在章节中作为区分,虽然是比较常规手法但可以使目录更加清晰,重复排列还可以产生规整美感,画面会更加整洁、清晰。

分栏设计

可以用色块进行分栏设计,或者间隔开来等等,比如在下图的例子中,使用留白将信息区隔开来,使得章节的内容独立开来,简洁明了富有质感。

添加图片

还可以在目录中添加图片图片,使得目录页好似内页版面,更加丰富、饱满,同时也可以更好的了解章节内容,还消除纯文字的单调感,使版面更好看。

轴线排列

把目录信息像时间轴一样排列,可以使用直线的方法,同时再使用一些小元素对其装饰设计,排列的形式通常为错位排版,这种形式也是蛮新颖有趣的。

网络排版

网格排版可以有效组织版面信息,可以使信息更加清晰,更有秩序。在内容比较多情况下就可以用网格排版,为了避免单调无趣,还可以加入图片元素。

福利互动

为答谢客官阅读完此文支持,特准备新人大礼包赠送领取:

精选2000款海报设计模板素材

300套Psd场景素材、650套画册模板、2000款LOGO样机

300款ps 空间场景素材(出图快,改稿更快)

100+设计电子书 ps 色环插件ps涂抹笔刷

Adobe全家桶软件大全

5000款设计师必用字体等等500G平面设计资源挑选。

获取方式 :

1. 关注 我~

2.评论转发文章,不限字数~

3. 私信 回复“领取”即可获取~

1、格子排版

格子排版即将目录中的元素(页码、标题、图片)用表格的方式来摆放,这么做也能够使信息愈加清晰,更有次序。由于这种做法在目录规划中并不常见,所以显得很特别。这种排版方法能够有用组织版面信息,使其更有序、更整洁,所以内容比较多的目录页也能够用它来排版,为了防止单谐和无趣,一般会加入图片元素,但是不合适大规模的运用。

2、分栏排版

分栏排版包括文字的分栏和图片的分栏两种方式,把文字信息竖向等分红两份或两份以上,适用于文字比较多的版面,所以如果目录页的内容比较多时也合适分栏排版。这样的规划方法能够在阅读量较大的情况下,让读者快速找到自己想要了解的那部分。

3、留白

如果目录的文字比较少,版面就容易显得很空、很单调,常见的做法是添加图片或许把文字拉大,其实自动保留大量空白也是一种解决办法,比如把内容集中摆放在版面的顶部、底部、左下角、右下角等方位,留出其他方位的空白。这么处理的版面虽然有一种不平衡感,但动感和规划感更强,大面积的留白还能够恰当缓解眼睛的疲惫。

4、轴排版

轴排版即把目录信息沿着某条轴摆放,这种方式适用于内容比较少的目录页。轴的方式一般为竖轴和横轴,摆放的方式一般为错位排版,在目录规划中轴排版也比较少见,因为风格的局限性大。

​5、大页码

页码或许序号是目录页必不可少的元素,章节细分比较多的目录都会标明页码,而分类比较少的目录一般会采用序列号,用来区分几个大板块。把页码或序号拉大并运用笔画比较粗的字体,除了能够使其更明了、醒目以外,还能够添加版面的巨细比照,提高规划感。别的,把页码裁切一下,会更有规划感。