
网格是平面设计中比较常见的版式,网格分割能够让版面中的各元素层次分明、井然有序,体现出现代化的简约、大气和优雅风格。网格排版起源于20世纪的国际主义平面设计风格,强调理性和实用,可以有效地表现出版面的比例和秩序感,呈现出更加规整、清晰、简洁的效果,提升信息设计的可读性。
在平面设计中,设计师利用网格来排版,可以达到加强版面凝聚力的目的,让元素编排更为协调统一,产生更为稳定的版面效果。这篇文章为大家介绍平面设计中运用网格排版的版式设计教程,希望对你的设计和工作有所帮助。
01
对称式网格
对称式网格就是指版面中的左右两个页面的编排形式完全相同,而且内外的页边距一样。这样根据版面比例所创建的网格,能够有效地平衡左右版面,给人一种稳定、成熟、可信赖的感觉。
左右两栏的版面可以盛放插画、图片、插画或者图标等设计元素,首先在大的网格中分出小的单元格,然后将装饰性元素置于其中,就像下图这张粉白配色的简报(在新标签页或窗口中打开)模板(在新标签页或窗口中打开)一样。因为元素的样式都是一样的,所以保证了空间感和秩序感,画面非常饱满,不拥挤。
文字段落的排版要注意间距,两端对齐,使页面显得整整齐齐,条理分明,给人以均衡之感。如果文字很多,可以留白,减缓视觉疲劳。设计师也可以在其中插入设计元素,增加画面的活泼度,这种排版多见于杂志、报纸和三折页(在新标签页或窗口中打开)等。下图是瑞士设计工作室为素食品牌Hiltl设计的海报(在新标签页或窗口中打开),苹果图形融入了文字排版中。
02
非对称式网格
非对称式网格是相对于对称式网格来说的,也就是指左右版面具有不同的结构样式,为原本呆板、严谨、理性的版面增添一些变化,更为灵活多变。形式上的丰富可以增强版面的表现力,从而吸引观众的注意力。
当左右页面的网格基本相同时,设计师可以在左侧放入图片、图标或者线条等,右侧编排文字信息,使版面呈现出更为活泼的效果。例如上图这张企业宣传的简报,左侧使用图标和小标题的形式简单直接地传达主要信息,右边的分段文字展示详细信息。这样既简化了版面结构,又能表现出活泼的版面效果。
还可以把版面中的左右页面划分成不同大小的单元格形式,不对称页面的元素编排会更加灵活自由,对比变化的动感效果增强了趣味性。上图的教师日报和每月报告中版面左右两侧大小不对等,图片也是非对称的,横式和竖式的图片组合非常有设计感。
03
基线式网格
一般来说,基线在版面中是隐形的,读者感觉不到它的存在,但能感受到由于基线的存在,版面中元素编排都呈现出规律性,实际页面中是不可见的,然而它却是版式设计的基础。基线式网格为版面要素的编排提供了一个基准,元素间联系紧密,体现出严密的整体感。
在版式设计中,基线不仅可以帮助对齐元素,也可以直接呈现在版面中,作为一种显著的装饰元素,表现大标题或者目录等,突出信息层次。水平的基线样式还可以起到引导读者视线的作用,基线的表现形式有很多,比如线条、色块、留白等。像下图这样的图文结合排列可以使得页面显得更加丰富,增强版面的表现力。
Canva提供了海量免费模板,满足海报、社交媒体(在新标签页或窗口中打开)、演示文稿、名片(在新标签页或窗口中打开)、简历(在新标签页或窗口中打开)制作等几十种设计需求,还有百种中文字体和千万版权图片等设计素材(在新标签页或窗口中打开)。只要是在Canva上做设计,且你的设计素材全部来自Canva素材库,那么你的作品就完全不用担心有侵权风险,可以商业使用。戳下方图片即刻体验👇👇👇👇