学排版!版式设计中的视觉运动轨迹

发布于 2021-01-26 06:12

在版式设计中,不同的排版、构图,不同的视觉元素组合相互作用,都会让观者的视觉生理产生反应,从而引导视觉进行运动,这个过程就可以称之为视觉流程,运动所产生的运动轨迹,就叫做视觉运动轨迹。

不同的版面中视觉运动轨迹也是不同的,每个版面的表达方式、所期待的效果、所传达的信息不同,就会产生不同的视觉流程,从而产生不同的视觉运动轨迹。根据视觉流动的方向性不同,可以分为线型视觉运动轨迹与重心导向式视觉运动轨迹。

线型视觉运动轨迹

①直线型视觉运动轨迹。用直线作为视觉运动轨迹的引导线,引导观者根据直线的流程轨迹来进行视觉运动。

■水平线是冷基调,感觉冷峻、无限,但可以给观者带来平衡、稳重、平稳的心理感受。

■垂直线则象征一种力量、温暖,给观者带来干脆利落的感觉,让观者感觉坚定并且直观,观者不用过多思考,就能迅速接收信息。

■倾斜线则显示出中性的特征,是垂直线与水平线方向的调和,让观者感觉版面的独特性,以此来引起注意,也带有一定的方向性。

②曲线型视觉运动轨迹。用曲线作为视觉运动轨迹的引导线,由于曲线具有天然的平滑性、节奏感、饱满、扩张和一定方向感,因此这种版面会让人感觉很柔美、很丰富,并且有深度和动感。

曲线型视觉流程包括多种视觉流程形式,其中较为有特色并且经常使用的包括弧线形C型视觉流程、回旋型S型视觉流程等。弧线形C型视觉流程会给观者带来天然的扩张感以及清晰的方向感;回旋型S型视觉流程不仅有节奏感,并且可以使版面增加深度以及运动感。

③几何型视觉运动轨迹。常见的版面构图中,我们会经常看到用直线组合构成的编排方式,例如:三角形构图、V型构图、十字型构图、T型构图等构图方式,让观者的视觉流程依据规划的构图形式产生相应的运动轨迹,从而产生三角形视觉流程、Ⅴ字型视觉流程、十字型视觉流程、T字型视觉流程等。

■三角形具有天然的稳定性,三角形视觉流程会让观者的视觉产生稳定、均衡同时又具有活泼的感觉。

■V型视觉流程是最富有变化的一种视觉流程,其主要变化是在方向上的编排,可以正放、倒放、横放或者斜放,这种视觉流程可以产生生动活泼、运动感强的感觉,但在使用时要注意版面的稳定性,保持版面的均衡与和谐。

■十字型视觉流程是指水平线与垂直线交叉的构图,也包括斜形交叉,这种视觉流程使观者的视觉倾向于聚集在十字交叉处,突出了版面的重点,但十字型视觉流程不适宜安排在版面的正中心,这样会让观者感觉非常呆板无趣,只要类似于十字型,或者平行、斜交都可以称为十字型。

■字型视觉流程可以是正T型、倒T型或者是侧T型、斜T型等多种形式,和三角形视觉流程有些类似。

重心导向型视觉运动轨迹

①重心型视觉运动轨迹。视觉重心与视觉中心不同,视觉中心是视觉的聚焦点,也是观者看到作品的视线聚集处,重心是观者看到版面时视觉心理的重心,强调的是人的心理感受。重心视觉运动轨迹有两个表现方式:

■版面中某个部分出现强烈的视觉元素,这部分成为版面的重心,观者在进行视觉运动时,会将版面的重心作为视觉流程的开端,然后顺沿重心视觉元素的方向与力度的倾斜来就行视觉运动。

■向心、离心的视觉运动,也是重心视觉流程的表现。向心视觉运动是各视觉元素向版面重心聚拢的流程,离心视觉运动就好像把石头丢到水中,出现了一圈圈向外发散运动的曲线,使视觉出现了强烈的聚焦点。

②导向型视觉运动轨迹。在版面中通过设计具有导向性的视觉元素,引导观者的视觉按提前规划的顺序与方向进行视觉运动,从主到次,将版面中各视觉元素依据一定的顺序连接起来,形成个具有突出重点与清晰条理的视觉整体。

导向型视觉流程的应用较为常见,版面中的导线表现形式多种多样,例如:借助手势、面向、肢体动作、文字、眼神等作为导向元素。


01

Photoshop急速入门课

本视频课程体现了“教、学、做”一体化思路。它从一个图像处理初学者的角度出发,旨在向计算机初学者介绍Photoshop版本软件在计算机图像处理中的应用,使读者能够熟练掌握Photoshop软件的使用方法,随课程赠送相关的案例源文件及课件,方便大家学习掌握Photoshop软件。


02

ColreDraw急速入门课

本视频课程涵盖CorelDRAW几乎所有实例和重要知识点,如同老师在身边手把手教您,可以让学习更轻松、更高效!主要讲述了CorelDRAW入门必备知识,以及CorelDRAW广告设计、VI设计、标志设计、书籍画册设计、包装设计、网页美工设计、插图绘制、印刷制版等必备的CorelDRAW知识。


03

Animate、Flash急速入门课

本视频课程旨在使学员快速掌握Animate/Flash动画设计技术。以通俗易懂的语言、精挑细选的实用技巧、翔实生动的操作案例,全面介绍了Animate/Flash基础知识以及应用案例。


04

H5急速入门课

本视频课程系统地介绍H5的基础理论和实际应用技术,并结合实例讲解使用DIV CSS 布局制作网页的方法和技巧。在介绍使用CSS 样式进行设计的同时,还结合实际网页制作中可能遇到的问题,提供了解决问题的思路、方法和技巧。


05

设计师求职宝典(200道面试题+54个职场短视频)

达内数字艺术学院针具设计师在面试过程中出现的问题,通过过对面试学员的跟踪反馈,整理出了200道企业面试题,涵盖人事、网页设计、UI设计、交互设计四个方面。帮助学员在面试前做好充分的准备,能够提升就业成功率,及就业薪资水平。


06

商业字体下载

上千种中英文商业字体下载,包括各种免费可商用字体。


07

可商用高清位图素材下载(300G,上万张素材)

刘老师收集整理的超过300G高清位图素材下载,让你的设计不再无图可用。

本文来自网络或网友投稿,如有侵犯您的权益,请发邮件至:aisoutu@outlook.com 我们将第一时间删除。

相关素材