网格要怎样用?很多设计师在面对“网格”时常感到困惑。其实,网格是一个能帮助我们规范设计、提升效率的工具。那么今天我就按照个人工作的经验,给大家说说在画册编排中,怎样运用网格来辅助图文布局,让版面更精致有条理。
▲ 这是画册的开本,我们看到里面的线,所构成的就是一个网格系统。也就是说利用页面上我们预先确定好的网格,按照一定的视觉原则,在网格内分配文字和图片。那么这些线,在版面有什么功能呢?
● 版心
我们看到中心红色部分就是版心。版心就像页面中的“框架”,将信息内容在这安全的框架范围内进行设计,使页面显得整齐有条理,更适合读者阅读。
▲ 当版心出现之后,页面四周留有空白的边距区域。边距的存在使页面布局更加均衡和整洁,让读者的视线更集中在版心内容上,提高阅读的舒适度。另外,这些边距在书籍画册中具有重要的作用,可以用来放置页眉、页脚、页码等附加信息,方便读者查阅。
▲ 版心的设置没有唯一不变的标准和方法,而页面的尺寸和信息量是确定版心大小的主要因素。我们可以按所编排的内文字号、行间距作为基准,来设定合适的版心尺寸。将文字填满页面后,以所选取字号与行间距的关系,可以清晰而准确地划定版心大小和位置。
设置合适的版心之后,然后合理确定网格类型。网格的类型有很多,选择合适自己的就可以,这里将介绍分栏网格的运用。
● 分栏网格
分栏网格是指把版面分成若干栏,以此为基础的网格系统,它也是常用的网格类型。分栏网格包括双栏网格、三栏网格、四栏网格等。设计师可以根据需要定义栏数量、栏宽度和栏间距,以创建自定义的分栏网格系统。
▲ 垂直栏(列)由垂直线条组成,类似表格中的列,用于编排横排文字。水平栏(行)由水平线条组成,类似表格中的行,用于编排坚排文字。
双栏网格相比于单栏网格更具灵活性,能有效地控制内容分布在两栏中,更好地划分不同的信息区域,提供更多不同的版式选择,增强版面的变化。另外,双栏的宽度可以均等或者不均等, 从而让面面呈现出更加丰富的变化、具有更大的灵活性。
双栏不均等网格是两栏的栏宽不相等,优势在于能更加灵活地改变版面设计。较宽的一栏用于连续性的文本设计,向读者呈现连贯的文字内容。而窄小的一栏可以放置主标题、图片说明文字、 图像或表格等信息。
三栏网格是将版面划分为三个垂直栏,编排相比于两栏网格的编排更为灵活和丰富,文字、图像可以占据单独的栏,也可以跨越多个栏。这样做可以提升元素之间的变化感,增加面面的节奏性。
四栏及四栏以上的网格可以被称为多栏网格系统。它具有复杂的网格结构,能创造出丰富多样的页面版式。虽然栏数增多了,但不需要将所有栏的空间填满,应控制版面的留白。多栏网格系统一般适用于书籍、杂志、报纸、多信息编排或创意设计的项目。
⬇️⬇️⬇️
如有侵权或不适当内容,请与我们联系修改
👇👇