<rp id="9thzz"><acronym id="9thzz"></acronym></rp>
    1. <dd id="9thzz"></dd>
    2. 首页 > 网页教程 > 设计分享 > 版式设计:8个常用排版方式告诉你目录页该如何设计

      版式设计:8个常用排版方式告诉你目录页该如何设计

      时间:2019-10-18    来源:葱爷

      目录页主要出现在一些篇幅比较长的书籍(画册)中,其位置一般被安排在扉页之后,目录虽然不是正文,却概括了一本书的所有内容,具有便于读者快速了解及查阅书本内容的作用,所以,即使说目录页是一本书中最重要的页面也不为过。

      既然如此,那么目录页的设计自然也是十分重要,于是乎,葱爷整理了 8 个很不错的目录设计技巧分享给大家。

      直线排版

      直线在目录设计中的作用主要有以下三个。

      1. 连接

      即把每节内容的标题与其对应的页码连起来,这是比较常规的一种做法,可以使目录更加清晰,重复排列的线条会形成统一、规整的美感。采用这种排版方式时,标题与页码一般会设置成两端对齐,这样的效果更加整洁、清晰。

      2. 创造形式

      对于一些文字内容比较少的目录页,如果像上面的例子一样排列会显得比较单调和小气,所以可以借助直线来增加其趣味性和张力。由于内容不多,所以即使不严格对齐也不会影响阅读。

      3. 信息区隔

      比如在下图的例子中,直线起到了两个信息区隔的作用,一是区隔页码与大标题;二是使七个大章节的内容独立开来。

      加图片

      这种形式也适合内容比较少的目录页,当有了图片后,目录页似乎也变成了一个内页版面,更加丰富、饱满。图片在目录设计中主要有两个用法。

      1. 概括章节的主要内容

      其功能与标题一样,所以如果要使用这种方式,那么就需要为目录中的每个大标题都搭配对应的图片。

      2. 装饰

      这里的图片不是与标题一一对应的,其目的是为了消除纯文字目录的单调感,使版面更丰富、更好看。

      格子排版

      即将目录中的元素(页码、标题、图片)用表格的形式来排列,这么做也可以使信息更加清晰,更有秩序。由于这种做法在目录设计中并不常见,所以显得很特别。

      大页码

      页码或者序号是目录页必不可少的元素,章节细分比较多的目录都会标明页码,而分类比较少的目录一般会采用序列号,用来区分几个大板块。把页码或序号拉大并使用笔画比较粗的字体,除了可以使其更明了、醒目以外,还可以增加版面的大小对比,提升设计感。

      把页码裁切一下,会更有设计感。

      相关推荐
      平面设计与网页设计的差异性浅析
      网站设计教程分享 回归内容“简洁大气”设计指南
      优秀网页/平面设计师是怎样炼成的
      平面设计中关于控制视觉层次的设计方法
      网站Banner广告设计经验谈
      一个设计师的成长:或许要经历的5个阶段
      关门涨姿势!如何从AV封面中学习平面设计?
      10个简单实用的平面设计方法分享
      学多不如错少!五个最常见的设计思维误区
      精彩总在下半夜:如何从AV封面中学平面设计
      字体设计教程:字体还能这么玩 聊聊文字的“性取向”
      读懂十大未来设计趋势,别让你的设计白费力气
      为什么页面跟设计稿差距这么大?是啊!为毛啊?
      UI、UX傻傻分不清楚?来一份清晰详尽的设计师分工指南
      亲历者说!日本的平面设计水平为什么这么高?
      年度总结:最新视觉设计六大趋势分享
      设计师实战总结:如何自学平面设计?
      创意思维:如何进行封面设计?
      设计分享:新手如何快速入门版式规划?
      什么是构图?设计都有那些构图原则?
      9个案例让你了解版式设计的基本规则
      12个让数字更具设计感的实用方法分享
      电商设计:如何提升详情页设计效果?
      如何让网站首页设计得极具吸引力?
      移动终端全新界面设计语言“Metro”简析
      淘宝品牌名店的BANNER广告设计评价及分析(2)
      优秀排版设计的8条建议
      版式设计:深入浅出学会网格系统的应用
      如何学会版式设计中的主要元素提取?
      文字排版设计:如何设计出吸引视线的标题?
      如何用超大字体元素应用在设计作品集类的网站?
      分享:设计法则之恐惧留白 Horror Vacui
      什么是“整体网页设计”?整体网页设计工作原理
      版式设计:不一样的网页布局之“方块布局”
      分享:99%的人在做网站设计时都用错了留白!
      留白设计:设计中的留白要如何做?

      精彩推荐

      热门教程

      99热 久久99热视频只有精品 玖玖热爱视频精品 99热这里只有精品 久久re热这里只是精品