目录页设计攻略:厘清结构、简化模块,快速掌握排版核心技巧
厘清目录页的结构
有自信认为跟我具备相同帅气程度的人,都能够在第一眼就瞧出来,那目录页平素一般是由两个不同的部分给构成的:是【目录二字】加上【数个标题】这样的组合 。
即是所言这表明,当所处正是我们开展设计目录页这个行为之际,能够以一种抽象类如同的方式去进行看待,是针对【目录】以及【标题】此二者模块所实施的排版操作 。 。
在这儿传授给众人的便是一种基础的排版思维,把好些纷繁复杂的元素看成是一个整体的模块那般来对待。
你能将那些零零散散不成系统的元素看作是一个统一的、完整关联的整体之际时,页面的排版便轻易地转化成了针对这几个已然整合为一体的模块所进行的排版 。
简化为模块
先看几页案例:
发现这些目录页的共同点了吗?
这些目录页具备的内容,是由呈现为「目录」这两个字的大标题,以及包含几个章节小标题共同形成的,在构成方面相对比较简单。
在此这样的状况之下,能够去将目录页予以简化,使之转而成为两个板块,其一为「目录」这两个字,其二是章节标题 。
将模型简化,可以减少其他因素的影响,帮助我们更好地排版。
重新组合排版
「目录」模块简简单单的就是两个字,没有排版的变化。
我们着手从章节小标题的排列方式切入,其总共存在三种形式,它们分别为水平排版,还有竖直排版以及特殊排版。
(1)水平排版
是将所有章节小标题,以并排的方式进行水平排版展示,这种方式比较适用于,大概4个左右小标题的那种排列情况 。
当章节小标题水平排列时,「目录」二字可以放在左上方。
也可以放在中间。
或是,我们能够把4个章节小标题转变为2X2分布,「目录」模块仍旧维持放在中间的状态。
案例示范:
也可以将四个章节标题缩小一些,放在右边。
(2)竖直排版
除了水平排版,几个小标题也可以竖着排。
把章节标题弄成竖直排列的话,「目录」这两个字能够和它进行左右排版,一边一个。
两者也可以交换一下位置,排版上都是很灵活的。
也可以一起放一边。

这个时候右边会比较空白,可以考虑用色块或者图片的方式填充。
(3)特殊排版
除了上下左右,还可以将章节标题斜着排列,或者环形排列。
添加变化
我们通过重新排版模块,做出了很多目录页的版式。
这么一来,究竟该怎么样在这些版式所构成的基础之上,去设计出一页一页的不同封面呢?在这里则主要旨在提供一种思路,以供大家进行参考。
我们以这张最常见的排版组合为例:
先填入文字内容。
先是能够针对章节标题模块开展错位排版,如此一来能够将页面予以变得灵动些许,能把首页变得灵动一些。
除此之外,能够凭借章节标题所涵盖的内容,增添图标,用以对文字方面的内容实施视觉化处理。
数字元素也能够被添加进去,一方面先后顺序能够得以突出,另一方面页面作为而言装饰的作用也能起到。
在这里呀,我针对数字做了渐变处理,还做了渐隐处理呢,所采用的字体是Paralines 。
还可以在数字下添加线条,规整地排列。
增添几何方面的元素,同样是相当不错的一种抉择 ,在此处,我针对4个圆做了一些渐变相关的处理 ,使得文字叠加在圆的上边 ,这亦是视觉层面上的一种优化行为 。
当然,除了圆,其他几何图形都是可以的。
同样地,我们能够把章节标题的模块予以放大,放大到极大程度,使其转变为用于分割页面的四大四个矩形,而且为此填充相应的对应图片,并且盖上蒙版,最终的实现效果也是相当非常不错的。
实际上,把目录页简化成模块,接着借助模块予以组合排列,排出一页页的版式,随后加以重组,增添元素变化,进而制作出一页页的PPT 。
当你对这种思维方式予以掌握,且能够熟练地去运用它,在往后看到一张页面之时,你脑海里面就会不由自主地,衍生出一些别的页面。
小翼插播
PPT目录页其实想要做得高大上,其实有可以试试【演翼】
演翼,可借助一键操作,为PPT变换各类风格的3D主题,把排版以及动画制作的繁杂步骤省去,促使PPT的视觉效果在瞬间呈现出爆表状态。
曾经一周才能完成的PPT美化工作,用演翼几分钟就能搞定!

请小编喝杯咖啡吧!