版式设计从入门到精通(第2版)
上QQ阅读APP看书,第一时间看更新

1.4 版式设计的视觉流程

视觉流程是指人的视线沿着一定的顺序移动的过程,这种顺序由特定的基本元素决定,基本元素的选择、编排构成版式形式语言。研究和学习视觉流程,有助于把握版式的逻辑秩序,突出版式设计的目的。

1.4.1 直线视觉流程

在版式设计中,直线视觉流程形式较为单纯。直线视觉流程最大的特点是直击主题,极具视觉冲击力、感染力。直线视觉流程根据直线的方向可以分为:横向视觉流程、竖向视觉流程、斜向视觉流程、相向视觉流程和离向视觉流程。

在该画册版式设计中,在左侧页面中使用满版图片,在右侧页面中安排相应的文字内容,采用从左至右的横向视觉流程,给人安静、舒适、温和的感觉。

在该招贴版式设计中,文字内容运用竖排的方式,设计者对主题文字进行了裁切,使版面简洁、传统,更好地表达了主题。

在该宣传海报版式设计中,设计者采用竖向视觉流程,将文字内容竖向排列,给人简洁、有力、稳固的视觉感受,纤细的字体给人女性化的感觉。

在该画册版式设计中,设计者将版面中的元素沿左上角至右下角进行倾斜排列,形成斜向视觉流程,使版面产生不稳定性,充满新意,给人带来较强的视觉冲击力。

1.4.2 曲线视觉流程

曲线视觉流程的形式变化多样,可供选择的空间大。采用曲线视觉流程设计的版式极具审美价值。

在该招贴版式设计中,设计者使版面中的文字沿曲线进行排列,图片也采用了曲线裁切,效果统一,给人带来流畅、优美的感受。

在该海报版式设计中,设计者对版面右下角进行圆弧状处理,并且将版面中的文字内容沿曲线进行排列,让人感觉自然,版面富有动感。

几何意义上的曲线可以分为无机曲线和有机曲线两大类。无机曲线是用工具绘制的,线条规整,如抛物线、S形线等。版式设计中的视觉流程按照一定规律的无机曲线进行设计,可以强烈突出版式的秩序感、节奏感。

在该画册版式设计中,左侧页面中的图片沿着圆形路径排列,包围着正文内容,使该版面形成一个整体,这样的表现形式更有新意,节奏感更强。

有机曲线像生命形态,可以徒手绘制,像树叶外形、动物外形等,线条自由,充满生机。版式设计中的视觉流程按照有机曲线进行设计,能够充分发挥设计师的创造力,版式灵活多样,自主性、个性化更强。

在该画册版式设计中,满版图片是跨页的背景,在跨页版面中随机放置图片和相关的介绍内容,使版面的表现更加自由、随意,灵活性和个性更强。

1.4.3 导向性视觉流程

在版式设计中运用一些手法引导读者的视线,使其按照设计者的思路贯穿版面,即导向性视觉流程。

在该画册版式设计中,设计者运用线条来连接相应的介绍内容,使版面内容形成一个整体,读者通过线条的指示能够顺利查看相关内容,非常直观、清晰。

导向性视觉流程主要分为两种类型。一种是运用点和线作为引导,使画面上的所有元素集中指向同一个点,形成统一的画面效果,即放射性视觉流程。

在该画册版式设计中,设计者在圆弧状图形中分别放置图片,并在图片的旁边放置相应的介绍文字,人们的视线会按顺时针依次阅读,版面设计具有很好的视觉导向性。

还有一种是通过点和线的引导,使读者的视线从版面四周以类似“十”字的形式向版面中心集中,以达到突出重点、稳定版面的效果,这种流程称为十字形视觉流程。

在该画册版式设计中,画面中心的图形能够有效地吸引读者的视线,运用图片方块的编排,可以有效突出版面的重点,稳定版面。

技巧

在版式设计过程中,设计师应根据设计目的和要求,考虑读者群体特点,灵活、生动地安排视觉顺序。在导向性视觉流程设计中,可以采用文字、形象、骨骼等(它们可实可虚,表现形式多样)作为导线。

1.4.4 重心视觉流程

重心是指人生理上的视觉重心,它区别于几何意义上的中心。在视觉流程中,以视觉重心为中心展开版式设计可以根据力学原理进行编排处理。一般来说,重心视觉流程可以从向心、离心、顺时针旋转及逆时针旋转等方面来考虑。采用重心视觉流程对版面进行设计可以使版面的主题表现更加鲜明、生动。

在该海报版式设计中,海报的重心位于版面底部中心,其他位置的图形都指向海报的重心,有效突出了海报的重心。

在该海报版式设计中,海报的重心位于版面左侧,运用多张倾斜的图片来表现电影人物,充满动感。

在该杂志版式设计中,视觉重心位于版面左上角,视觉元素大小比例的安排及文字的穿插使版面整体表现活跃、主题鲜明,并且不失重心。

1.4.5 黄金分割位置决定的视觉流程

黄金分割说起来非常简单,无论版式是横向构图还是竖向构图,只需要将版面横向与竖向分别以两条直线平分成3份,这4条线交点的位置就是黄金分割点,在版式设计过程中,可以将需要表现的主题或重点内容放在4个交点其中一个的位置上。

在该宣传广告版面中,产品与介绍文字位于版面的黄金分割点,有效地突出了产品,将大幅的人物素材放在版面的左侧,使版面的表现效果更加出色。

黄金分割点是版面中视觉感受最为舒适的区域。在视觉流程设计中应该充分利用这个位置,将设计内容的主体安排于此。人们会本能地关注比较舒适的位置,这是黄金分割位置决定的视觉流程的意义。

该产品画册版面的设计风格非常简洁,满版的人物图片放在黄金分割点上,左侧放置简单的介绍文字,使版面显得精致而突出。

技巧

“黄金分割”是一种由古希腊人发现的几何学规律,遵循这一规则的构图形式被认为是“和谐”的。众多艺术家都是根据这一规则,创作出众多优秀的艺术作品。

1.4.6 反复视觉流程

反复是指在版式设计中,使相同或近似的视觉元素重复出现在画面中,形成一定的重复感。反复视觉流程广泛应用于艺术设计,可以在视觉上加深印象,增强人的记忆,是视觉传达设计的常用形式之一。

在该招贴版式设计中,设计者运用重复的图形,每个图形都采用不同的大小和颜色,可以加深读者的印象,充满动感,令人感觉有规律。

在该广告版式设计中,版面下方通过统一展示的方式形成反复的视觉效果,整齐的版式使读者阅读流畅,一目了然。

在该画册版式设计中,设计者运用重复出现的产品图形来加深读者对产品的印象,并且介绍文字都沿着产品倾斜的角度进行排版,使版面的表现更加自由,动感更强,并且有一定的条理性。

技巧

在版式设计中,对视觉进行反复引导,可以增加信息传播的强度,使版面形式显得有条理,产生秩序美、整齐美和韵律美。

1.4.7 散点视觉流程

将版面中的图形散点排列在版面的各个位置,显得自由、轻快,这种视觉流程称为散点视觉流程。

在该画册版式设计中,右侧版面运用满版图片来突出表现该版面的视觉效果,左侧版面中多个产品图片采用散点放置的方式,使版面呈现轻松、自由的视觉效果。

散点视觉看似随意,其实并不是胡乱编排的,需要考虑图像的主次、大小、疏密、均衡、视觉方向等因素,主要分为发射型和打散型两种类型。版面中的所有的元素按照一定的规律向一个焦点集中,这个焦点就是视觉中心,这种编排方式叫作发射型。而将一个完整的个体打散为若干部分,重新排列组合,从而形成新的形态效果,这种编排方式称为打散型。

在该招贴版式设计中,设计者运用发射型散点视觉流程将所有不同颜色的图形都集中到主题文字上,突出主题文字。

在该招贴版式设计中,设计者运用打散型散点视觉流程将版面中的主体图形打散为多个三角形,从而使版面的效果更加突出、更个性化。

技巧

以上介绍的7种视觉流程并不是孤立的,它们之间有关联。在版式设计中,不能片面地追求单一设计方式,应该在熟悉各种基本编排技能的前提下进行灵活的运用。