Posted in

目录的排版设计

什么是目录排版 ?

  • 1. 目录排版的作用,目录的作用是为了提供一个文档主要内容的概览,让用户能够快速定位到感兴趣的部分。 因此,可读性和清晰度是设计时的首要考虑因素。 在设计目录前,首先需要确保文档的层次结构清晰。 通常包括章节标题、小节标题和可能的更细分的内容点。  
  • 2. 目录排版设计最佳工具目录排版设计有许多专业的设计工具,例如Adobe InDesign、Adobe Photoshop、Xpress Templates等传统的设计工具。 其中Pixso作为新兴的设计工具,在目录排版设计上脱颖而出。

目录本身的样子,如何让进行加工处理呢,让它具有快捷直观的设计感

  • 在目录排版设计上,数字的放大不是盲目的,要结合设计目的和视觉美感为基础。这种看似简单的版式,重点在于对文案信息的层级把控和排版细节处理。如下图:

依次划分等级排列,每一等级都有着不同的颜色、大小、字体变化

看画面觉得很简单,但自己一动手就出现怎么设计都不精致,问题就在于你没有细致去了解设计作品的根基形式。内容是标题+目录文字,而在设计的过程中,会添加一些提示符号或有辅助作用的装饰性元素

01|目录排版常规文字

设计思路:利用大小变化进行等级序列设计文字和数字作为一种设计语言,实质是符号的代表,大家之所以把文字当作文字,是因为常规的文字具有可读性和传播性,那么如何让文字成为图案样式呢,那么则要改变文字的阅读形式,其根本的法则就是“大到离谱,小到不识”什么是大?放大到你难以承受的视觉局限,再放大一点,什么是小?小到仔细看,才能看清,说着有点荒谬,但恰恰是设计思维的锻炼。

上面的数字是不是还不够大?

胆子大一点,我们继续放大。

我们看到图中的数字与文字之间的关系,有的是紧随其后,有的是压在数字之上。01数字宽度较窄,所以直接把文案放在数字后面排版,像03这一块,如果文字靠着后面,那么文字就要跑到画册的中线上了,所以我们直接压上去,也别有一番滋味。02|目录排版图片结合

设计思路:图片精美而平铺直叙

目录排版的图片结合模式,就是让图片与文字信息成为亲密的好朋友,当然图片的形式可以是规则的,也可以是变化的。

加入图片之后,图片很容易形成第一视觉焦点。但是要着重的关注版面设计中目录和图片的联系性

上面的图片是不是还不够大?

胆子大一点,我们继续放大。

上面的图片是不是还不够大?

胆子大一点,我们继续放大。

再进行一步一步的放大后,视觉界限也在一步一步的打开,你会看到更加多的内容和信息。03|目录排版模块化

设计思路:多色搭配、图形图案

目录排版的模块化设计,不单单是指图片结合文字,也可以是色块+文字的模式组合出现。让图片与文字信息,以模块的表现形式存在。图片的形式可以是规则的,也可以是变化的。一起来案例中,学习一下:

上面规则的方块矩形搭配文字设计。

下面不规则的矩形,长短不一,但是要具有韵律感

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注