人的视域范围是有限的,在同一时间不能同时感受身边的所有物象,因此必须按照一定的顺序来进行观察,这种视觉感知的先后次序就是视觉流程。

打开网易新闻 查看精彩图片

编排设计的重要工作之一就是将信息按照人们的阅读感知习惯按次序排列,让视线随着信息要素的合理轨迹而观察其运动,最终获取有效信息。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

受阅读方式的影响,人的视线大多是按照从上到下、从左到右的次序前行的。绝大多数现代书籍中的文字都是按照这种符合人眼运动特点的方式编排,由此养成的阅读习惯在潜意识中支配着眼睛的运动。

打开网易新闻 查看精彩图片

在一定范围内,人们注意力集中在版面的中上部和左上部。上部给人以轻松感,是视觉中心对比最强的部位;下部和右部则让人感觉稳定压抑,因此版面的左上部和中上部是最佳视域区。另外竖长版面中心线的1/3处是最佳焦点部位,在焦点四周是版面的最佳视域区,这是人们长期的生活实践中形成的心理习惯演变而来的视觉规律。

打开网易新闻 查看精彩图片

所以在编排设计中,画面的上部一般适合放置编排标题等主要信息,使内容一目了然。左侧适合摆放图片图形,右侧相对稳定一般会排列大量的文字信息。在大量常规性、文献式的版面中,这样的排版方式很常见。同时,这种编排样式也往往被认为陷于套路缺乏新意,但正是因为这样,这种形式又最贴近普通人的阅读习惯而被大量采用。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

对比是对差异的强调,在画面中能产生明显的视觉中心,从而引发视觉兴趣,因而设计师常常利用对比的关系,通过强化形状、大小、色彩、字体等对比关系,制造视觉焦点,摆脱平庸的版面表现。对比强烈的部分强有力地占据观者的视线,层次感决定了受众接受信息的先后顺序。

打开网易新闻 查看精彩图片

对比表现的具体方法有:

①加强主次对象的大小对比。

②加强主次对象之间的色彩对比。

③加强主次对象在形态方向上的对比。

④控制文字属性,利用字体、字号、字间距、行距、疏密关系的对比建立视觉层次感

打开网易新闻 查看精彩图片

例如:通过加强主体图片与次要图片的大小对比关系,建立视觉流程;通过加强主体图形与次要图形的大小对比关系,建立视觉流程;通过加强主次对象在形态上的差异,建立视觉流程;加强主次对象之间的色彩对比,建立视觉流程;加大主标题文字的大小控制文字属性,建立视觉流程。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

与对比相反的表现手法是调和,它也是建立视觉流程的重要手段之一。调和是对近似的强调,是各视觉要素之间共性的存在,利用共性带来相互之间的呼应,由此促成视线在版面空间各个区域间有效地穿插和联系,使受众在阅读时习惯性地将具有同等属性的视觉元素联系到一起,这种自觉地、跳跃性地获取信息的阅读过程正是利用了画面的调和关系所形成的视觉流程。

打开网易新闻 查看精彩图片

例如:版面上的视觉要素相互呼应,并强调文字段落处理,色彩配合的共性而产生协调的视觉流;用色彩调和方法促成视线在版面各个区域的有效穿插和联系,能够让信息的表述更加有效;每一个版面都使用同一色系表达并使用统一的编排栅格,强调视觉的统一感是舒缓视觉流程的有效方法。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

在设计中,信息一般不会是单一的元素,如果不按照主次关系进行编排,将会出现混乱局面。但如果仅仅是依次将元素从主到次、从大到小罗列,又容易导致画面显得呆板和僵硬。可利用群组将信息分成相互联系的几个层次,按照定的方法进行分类,从而使版面井井有条。

打开网易新闻 查看精彩图片

例如:版面中出现的信息元素,可以是标题、品牌、广告语、图像等等,设计师可以将某些相关的元素有效组群,然后将多个信息组成一个视觉整体,强调主次关系,建立有效的视觉流程。

打开网易新闻 查看精彩图片

例如:文字信息群组按照合理的视觉流程分布编排,形成自然流畅的阅读体验效果;将图片、文字段落进行信息群组,合理分布在画面上,能够使版面显得井井有条;将分类的信息合理分布在版面上,就能形成清晰的视觉流程。

打开网易新闻 查看精彩图片

版面上的栅格系统本身就是处理信息分类的好办法,因此将群组后的信息植入骨骼,同时协调视觉元素的分布,就能够形成流畅的视觉流程。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片