视觉流程及版式类型.doc

1 (一) 在视觉心理学家的研究中, 视觉运动规律是其成果之一。一条垂直线在页面上, 会引导视线作上下的视觉流动; 水平线会引导视线向左右的视觉流动; 斜线比垂直线、水平线有更强的视觉诉求力; 矩形的视线流动是向四方发射的; 圆形的视线流动是辐射状的; 三角形则随着顶角之方向使视线产生流动; 各种图形从大到小渐层排列时, 视线会强烈地按照排列方向流动。视觉流程, 是视线在观赏物上的移动过程, 是二维或三维空间中的运动。这种视觉的流动线极为重要,同时又是很容易被网页设计者忽视的因素。经验丰富的设计者都对此非常重视, 他们善于运用这条贯穿页面的主线, 设计易于浏览的页面。从某个角度讲, 视觉流程的设计结果就是版式。本章也将对网页设计的版式设计进行总结和阐述。 1. 视觉流程的筹划视觉流程是网页版式设计的重要内容, 可以说, 视觉流程运用的好坏, 是设计者技巧成熟与否的表现。视觉流程的筹划包括几个重要的因素,下面就对它们作具体的归纳与分析。页面中不同的视域,注目程度不同,给人心理上的感受也不同。一般而言,上部给人轻快、漂浮、积极、高昂之感; 下部给人压抑、沉重、限制、稳定的印象; 左侧, 感觉轻便、自由、舒展, 富于活力; 右侧, 感觉局促却显得庄重。网页中最重要的信息, 应安排在注目率最高的页面位置,这个位置便是页面的最佳视域。图1 页面的设计轻松而具均衡的形式感,把最佳视域留给了横贯页面的大 banner 2 图2 作为个性化的视觉元素,拼贴剪纸式的文字分别占据了三个点,吸引视线在它们之间流动人们阅读材料时****惯按照从左到右, 从上到下的顺序进行。浏览者的眼睛首先看到的是页面的左上角, 然后逐渐往下看。根据这一****惯, 设计时可以把重要信息放在页面的左上角或页面顶部,如公司的标志、最新消息等,然后按重要性依次放置其他内容。重要的信息应该让浏览者最容易发现,而不是深藏在多层链接之后。图3 浏览者的眼睛首先看到的是页面的左上角(二) 3 2 视觉流程类型视觉流程主要包括以下几种类型: 线型视觉流程、曲线视觉流程、焦点视觉流程、反复视觉流程、导向视觉流程、散点视觉流程等。 线型视觉流程线型视觉流程,分为直线视觉流程和曲线视觉流程两类。图4 视觉流程明确,形成清晰易读的页面设计图5 自由的视觉流程形成生动活泼的页面设计 1 、直线视觉流程使页面的流动线更为简明, 直接地诉求主题内容, 有简洁而强烈的视觉效果。直线视觉流程表现为三种形式: 4 竖向视觉流程:给人坚定、直观的感觉。图6 明确、简洁的竖向视觉流程横向视觉流程:有稳定、恬静之感。图7 横向的视觉流程,向人们传达出稳重、可信的视觉 5 图8 横向的视觉流程,使页面稳重直观斜向视觉流程:以不稳定的动势引起注意。 6 三) 曲线视觉流程曲线视觉流程, 是由视觉要素随弧线或回旋线运动而形成的。它不如直线视觉流程直接简明, 但更具流畅的美感。曲线视觉流程的形式微妙而复杂,可概括为两种形式: 弧线形( c 形)视觉流程:有扩张感和方向感。图 10 弧线形视觉流程,使页面具有很强的扩张性回旋形(