我们拥有最专业的网站建设团队

服务热线
网站建设资料

网站建设合理的视觉流程设计

来源:聚翔网络 发布时间:2015-06-11

视觉流程,是视线在观赏物上的移动过程,是二维或三维空间中的视线运动。网站页面设计中视觉的流动线极为重要,同时又很容易被网页设计者忽视的因素。一条垂直线在页面上,会引导视线作上下的视觉运动;水平线会引导视线向左右的视觉运动;斜线比垂直线、水平线有更强的视觉诉求力;矩形的视线流动是向四方发射的;圆形的视线流动是辐射状的;三角形则随着顶角之方向使视线产生流动;各种图形从大到小渐层排列时,视线会强烈地按照排列方向流动。

经验丰富的设计者善于运用贯穿页面的主线,设计易于浏览的页面。从某个角度讲,视觉流程的设计结果就是版式,与版式设计是相辅相成的关系。本节也将对网页设计的版式进行总结和阐述。

一:网页视觉流程的筹划

视觉流程是网页版式设计的重要内容,他的筹划包含以下几个重要的因素:

网站页面中不同的视域,注目程度不同,给浏览者心里上的感受也不同。一般而言,页面上部给人轻快、漂浮、积极、高昂之感;下部给人压抑、沉重、限制、稳定的印象;左侧,感觉轻便、自由、舒展、富于活力;右侧,感觉局促却显得庄重。

因此。网页中最重要的信息,应安排在注目率最高的页面位置,这个位置便是页面的最佳视域。

网站设计流程

一般浏览者的阅读习惯都是按照从左到右,从上到下的顺序进行。也就是说浏览者的眼睛首先看到的是网站页面的左上角,然后逐渐往下看。根据这一习惯,设计时可以把重要信息放在页面的左上角或页面顶部,如公司的标志、最新消息、公告栏等,然后按重要性依次放置其他信息内容。

重要的信息应该让浏览者最容易发现,而不是藏在多层链接之后。

二:视觉流程的视觉力场

格式塔心理学认为视觉思维的过程即客体的结构力场,大脑的生物电场以及主体的心理场三者相互转化的过程。虽然这个转化过程是视觉设计本身具有的“张力”作用于人的大脑视皮层而产生的生理现象,但受众主体已经将其体验为客体本身的性质。

网页页面布局的张力与收缩使得每一个网页页面都存在一个视觉焦点,都是设计者依据一定的视觉特性,对网页页面合理编排,“迫使”受众根据设计原创的引导流程进行有效的视觉交互,并使其在心里上产生的一种心理场。宏观地,整个网站的视觉力场是一个动态的概念。受众获取信息是依据一定的视觉序列,有秩序地进行阅读与识记。这种视觉序列经过精心设计,有层次上的递进关系,是每一个页面上的视觉力场沿一定的秩序进行流动,具有很强的条理性,能够引导受众有效地获取信息,而且还能保持视觉的连续性和信息传达的合理性,促进了资讯的交流和思想的交流。