骨架
编排设计中的骨架,如同建筑所使用的框架梁柱,是整个版面组织结构的基础,是版式设计内在的结构图式,并不明显存在于版面上,而是通过被视觉元素来体现。
例如:把文字、插图、饰线、块面等基本元素理解为抽象的原形,对于点、线面、体等,骨架则是贯穿其间的主线。在版式设计中,视觉元素要依据构成的规律从总体去把握,在构图阶段要时刻保持主从意识进行安排布局,骨架则在这个过程中帮助建立总体视觉效果。
骨架包括网格,但它比网格更灵活、更潜在、更随机,是更为丰富多变的组织结构式样。例如:山字形骨架、川字形骨架、弓字形骨架、三角形骨架、菱形骨架、圆形骨架等,此外还有T形、X形、L形、S形、U形等等基本骨架样式。
对于骨架的运用,主要存在于设计师的意识层面,它是设计师进行画面组织时的主,而并非像网格那样被制作成固定模板使用。在版式设计过程中,视觉元素依附骨架安排可以更准确地表达形式创意,增强画面形式统一感,避免设计表现的盲目性。
网格
网格设计体系强调版面空间划分后的比例关系、有效地调理版面秩序,以及强化数理逻辑关系的和谐性。它的使用更能加强版面信息的易读性与记忆深度,并提高设计工作效率。
建立网格所采用的基本形式是垂直与水平的线段,使这些线隐性地存在于版面中,网格空间的繁简程度则要根据设计任务的信息量来决定。例如:文本的多少,独立还是分散,以及图片与文本主从关系等。
网格的制定就是如何对版心进行分栏,其结果则是形成不同的分栏式样。栏与栏之间的空白区域称为分隔线,栏的数目越多,网格则越复杂。例如:一个三栏两行的网格被称为6单元网格。一般情况下。版式设计中的网格要根据设计的主题、媒介载体类别等综合要素来进行选择。
例如:在信息量大、题材丰富的杂志中,一般选择三栏以上的网格,因为照片的数量较多,尺码需被控制在一定的范围内,且多栏结构与较小幅面的照片也比较容易协调;专栏文章的网格则单纯一些,其照片处理也有更大更直接的表现需求。
网格一旦被确定下来,各视觉要素都要接受它的引导并排列成序,某些区域可以留有空白,但元素一般不超越边界。
虽然网格的划分有助于元素安排,但并不表示它的结果就一定会僵硬无趣,版面中常有少量活跃元素穿越格局或打破网格的局部秩序,这样的结果是在保持整体协调性的前提下,使画面看上去更加灵活、生动。
视觉流程
视觉流程是指视线作用于画面空间的过程。编排设计是主动地调整视觉元素、有计划性地布局版面的过程。设计画面与视觉元素都是静止的,而观者的视线则是流动的,设计师应利用诸种元素间的差异,作出有序的配置。
①位置关系流程。位置关系流程适用于追求单纯感的设计,它是编排设计的常规技巧,清晰有条理。在视觉浏览方向上强调秩序性,如上下、左右或对角关系的顺序关照,往往利用人的自然视线过程组织画面,引导视线逐点向既定方向前进。
当然,在画面的分隔上可以通过整体单元及细节单元的层次划分来加强对比感,用以弥补位置关系流程过于单纯的视觉印象。也可以通过曲线、复合骨骼的运用来达成画面的生动感。
②形象关系流程。形象关系流程所使用的形式手段,是利用形象吸引力分清主次秩序。在对视觉元素的布局安排上,主要以点、面的对比关系衬托视觉主体,面通常是背景,是画面的底层,点则是画面的视觉主体,处于前层。
面与点的存在关系具有两方面的价值,一方面是以形式的手段加强视觉主体,从而达到更为有效的信息传递,面与点之间往往存在明度、色彩、大小、虚实的对比关系,并以此将点衬托出来;另一方面,从设计创意的角度看,面是设计所营造的整体情境、氛围的载体。
③重心诱导流程。重心诱导流程适用于信息传达主次划分不十分明确的主题。版式设计中的元素编排,往往将观者的视线开端含蓄地安排在版面的重心位置,关键在于这种组织方法需要在版面中配置一个在动势、方向上与重心点相反的形态,从而使画面整体获得足够的视觉张力。
④散点式流程。散点式流程应用于视觉元素多样且需同时展示的设计,比如需要将产品作全景式展示的商品广告,散点式构图可以营造丰富充实的品牌印象,增强人们的购买欲望。最有效的方法莫过于采用A、B、C、D或1、2、3、4的并置方式,以点的自然、均衡的散布来形成面化的视觉样式。
⑤导向式流程。由潜在或显在骨骼引导的视觉流程,转化为视觉元素间的组合关系,主要有两种:以连接的形态引导出视觉主体和以分离但相互呼应的形态动作、姿势或眼神,来引导出视觉主体。
① 官方头条号:设计智造 顶级创意设计师必备
② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!
,