网格的划分并没有固定的规则,有些人习惯前期绘制草图,也有一些人习惯事先确定好网格架构,并在已有架构下编排内容。当然也可以事先将内容大致编排完之后在根据版面结构套用网格规范。
这里我们会分别从(先构建网格,再编排内容) 和(先编排内容,再构架网格)的这两种方式进行模拟案例演示。
首先,根据项目的气质调性以及内容的多少来决定版心的留白大小,版心面积小会给人雅致、宁静的感觉;版心的面积大,会给人热闹、丰富的印象。这里选用不等宽的边距来布局版心的位置。设定好版心的大小后,我们可以通过倍数关系规范版面。 ( 这里的最小单位可以是mm也可以是pt )
划分好版心后,接下来需要决定项目适合的网格类型,这里为了让版面的变化性更强,选用模块式的网格结构,这种网格结构可以同时规范横向与纵向的页面比例,为版面的编排提供依据和统一感。
网格毕竟是用来服务内容的,将设定好的正文字号以段落的形式置入版心内,将两者匹配和对齐并设置栏间距(这里有些人会根据网格高度微调文字的行距;也有一些人会根据行距微调网格)最终目的都是让文字的顶端与网格顶端对齐,文字的低端与网格的底端对齐。
这里的关键在于文字与网格需要统一度量单位。经过适配后,无论文本的栏高如何变化位置,同一模块内的文字顶端与底端始终会处于对齐状态。保证了版面中元素的交叉对齐。(对于少量文字元素的版面设计来说,并不需要规范的过于细致;而对于书籍、杂志和报纸等涉及大量文字的设计,对齐文字基线是非常有必要的一个步骤。)
网格结构规划好后,就可以编排版面内容了,版心内的各个要素只要与网格结构相互对齐布置,就会与页面和整体保持一个稳定的比例关系。但网格也并不是排版中的万能药,具体的编排形式还是要靠审美来决定的。这里需要注意,并不是所有的格子都必须填满的,完整的留白同样是设计元素之一。
内容编排好后,我们可以添加页码、栏题等元素以点缀的形式添加到版心之外,这个画面就完成了。
接下来我们尝试少量文字信息的编排,这里版心设置成较大的尺寸,并统一了天头、地脚和外页边距的大小,内页边距会因装订而变窄,为了在视觉上与四周边距保持一致,分别加宽了1.5倍的距离。对于书籍与杂志等多页面的版面来说,整本书籍的版心都应该统一尺寸。
因为涉及到元素在页面中高度的确定,这里同样使用模块网格作为基本架构,并根据字号确定栏间距。
我们将主体图像置入版面的右侧并超出版心范围。注意人物的造型与网格是如何对齐的,为了平衡版面我们在左侧添加文字信息,人物的朝向为版面提供了视线引导,我们将主标题文字与人物的视平线对齐。
接下来,我们将优先级不是特别高的文字信息以点缀的形式依次编排到画面中,版面就编排完成了。
接下来,我们将优先级不是特别高的文字信息以点缀的形式依次编排到画面中,版面就编排完成了。
zoom air是NIKE公司研究发明的一种超薄、超轻的气垫技术,这里选用轻字重的无衬线字体来烘托画面氛围,通过将两个O重叠处理来为主标题添加记忆点,同时也解决了轻字重下负空间过大的问题,AIR字距拉长成为装饰性的点元素,并在空白处添加中文广告语,以此为主标题添加二级文字信息。
将做好的主标题置入版面中,添加鞋子与主标题成组。版面中主体元素构图呈十字形,图像与文字通过叠压的方式为画面添加层次感,也就是“图叠字”的处理形式。
为了提升画面效果,刻画背景的光影以增加空间感,为鞋子与文字添加投影与细节处理。同时这里为主标题添加了干扰效果,其实步骤非常简单,复制一层文字并在图层样式的混合选项中,关掉通道的RGB的其中一项,(或者直接填色)再将处理好的文字作错位处理,就能够得到这种效果了。
刻画好主体元素后,我们将文字信息按照大中小的层级关系依次添加到版面中来,大致确定好位置关系后,为版面规划合适的网格系统。版面中元素所占面积,位置的高度宽度都需要确定,经过分析,选用模块式网格作为规范画面的依据。
这里为版面划分纵向5栏,横向8栏的模块式网格系统,以规范版面中元素的比例与位置关系。天头、地脚和左右页边距均相等。页边距是栏间距的1.5倍,栏间距高度与副标题的高度相等。主标题文字在版面中处于黄金比分割位置。
网格系统为设计者提供了画册版面杂志版面骨架,使得编排过程变得更加简单。为版面中元素添加了连贯性和精确度。是提供秩序性的工具,但并不是说学会了网格系统就可以编排出优秀的设计作品了,审美始终是设计中的重要环节。本期我们学习了版心的概念,栏的概念,以及网格的分类形式。希望我们的内容能够对你有所帮助。
另外需要提醒注意的是,本期的内容及案例,可能更偏向于杂志及书籍排版,但在画册设计领域,网格使用要更加灵活,学习者,可以多看多练,加以灵活运用。
平面设计教程分享:尚略广告,上海平面设计公司,上海品牌设计公司,上海画册设计公司。
相关推荐:
学习使用网格系统来设计作品
什么是Logo网格,为什么我们要使用它?