网页版式设计的视觉流程是种“空间的运动”,是视线随各视觉元素沿定轨迹运动的过程。这种视觉的流动线极易被网页设计者忽视。而经验丰富的设计者却非常重视并善于运用这条贯穿页面的主线。可以说,视觉流程运用的好坏,是设计者技巧成熟与否的表现。
根据心理学家的研究,条垂直线在页面上,会引导视线作上下的视觉流动,水平线会引导视线向左右的视觉流动;斜线比歪直线、水平线有更强的视觉诉求力;矩形的视线流动是向四方发射的;圆形的视线流动是辐射状的;三角形则随着项角之方向使视线产生流动;各种图形从大到小渐层排列时、视线会强烈地校照排列方向流动。
下面就对各种视觉流程作具体的归纳与分析。
1、佳视域
网页重要的信息或视觉流程的停留点应安排在注目率高的页面位置,这个位置便是页面的佳视城。页面中不同的视域,注目度不同,给人心理上的感受也不同。般而言,上部给人轻快、漂浮、积极、高昂之感;下部给人压抑、沉重、限制、稳定的印象,左侧,感觉较便、自由、舒展,富于活力;右侧、感觉局促却庄重。
由于人们阅读材料时习惯于从左到右,从上到下进行,因此浏览者的眼睛首先看到的是页面的左上角,然后逐渐往下看。根据这习惯,设计者者组织内容时可以把希望浏览者先看到的内容放在页面的左上角或页面顶部。如公司的标志、新消息以及其它些重要内容,然后按重要性依次放置其它内容。重要的内容应该让浏览者容易发现,而不是深藏在多层链接之后。
2、线型视觉流程
线型视觉流程分为直线视觉流程和曲线视觉流程两类。直线视觉流程使页面的流动线更为简明,直接地诉求主题内容,有简洁而强烈的视觉效果。曲线视觉流程是由视觉要素随弧线或回旋线运动而形成的,它不如直线视觉流程直接简明,但更具韵味、节奏和曲线美感。
直线视觉流程表现为三种形式:
(1)竖向视觉流程:给人坚定、直观的感觉。
(2)横向视觉流程:有稳定、恬静之感。
(3)斜向视觉流程:以不稳定的动态引起注意。
曲线视觉流程的形式微妙而复杂,可概括为两种形式:
(1)弧线形(C形)视觉流程:有扩张感和方向感。
(2)回旋形(S形)视觉流程:两个相反的弧线则产生矛盾回旋,在平面中增加深度和动感。
3、焦点视觉流程
焦点,是指视觉心理的焦点。页面中应有—个视觉焦点作为重点处理。焦点是否突出,和页面的安排、图文的价置、色彩的运用有关,更与对“焦点”着力描写的多少有关。在视觉心理作用下,焦点视觉流程的运用使主题更为鲜明、强烈。
以强烈的形象或文字独据页面某个部位或完全充斥整版,成为视觉心理上的焦点。沿着视觉焦点的倾向与力度来发展视线的进程。向心、离心的视觉运动,也是焦点视觉流程的表现。
(1)按照主从关系的顺序,使放大的主题形象成为视觉焦点,以此来表达主题思想。
(2)将文案作整体编排,突出主题形象。
(3)在主题形象四周增加空白量,使之成为视觉焦点。
4、反复视觉流程
是指网页中相同或相似的视觉要素,作规律、秩序、节奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。
5、导向视觉流程
通过诱导视觉元素,主动引导读者视线向定方向作顺序运动,由主及次地把页面各构成要素依次串联起来,形成个有机整体。使重点突出、条理清晰,发挥大的信息传达功能。其视觉导向元素有虚有实,表现多样。
(1)文字导向
“请按这里”、“由此进入”等文字,是通过语义的表达产生理念上的导向作用。另外,通过对文字图形进行强烈的形式感编排处理,可使浏览者产生自觉的视觉导向作用。
(2)手势导向
手势导向比文字导向更容易理解,且更具有种亲和力。
(3)形象导向
同手势导向样容易理解,较常采用的形象为箭头。
(4)视线导向
组人物、动物面向同方向,会因共同的视线而致起来,不同的物品也可以因方向致而产生统感。如果将页面中人物的视线对着物品,就会引导浏览者的视线集中到页面中的物品上。充分利用视线导向,可以使页面各视觉元素之间的联系加强,结构更加紧凑。
6、散点视觉流程
在页面上,将各视觉元素作分散状态的编排。强调感性、自由性、随机性、偶合性。其视觉流程为:视线随各视觉元素作或上或下、或左或右的自由移动。这种视觉流程不如其它视觉流程严谨、快捷、明朗,但生动有趣,给人种轻松随意和慢节奏的感受。