欢迎来到广州墨动网络官网,墨动网络专业的广州网站设计公司

网页设计必须适应人们视觉流向的心理和生理的特点

发布日期:2007-1-20 来源:墨动网络  标签:广州网站建设公司    浏览次数:13035

网页是通过引人注目的视觉元素而实现信息内容的传达,为了使网页获得最大的视觉传达功能,成为可读性强且新颖的媒体,网页设计必须适应人们视觉流向的心理和生理的特点,由此确定各种视觉构成元素之间的关系和秩序,元素之间的距离、位置、面积和视觉流程。。。。

网页设计必须适应人们视觉流向的心理和生理的特点

网页是通过引人注目的视觉元素而实现信息内容的传达,为了使网页获得最大的视觉传达功能,成为可读性强且新颖的媒体,网页设计必须适应人们视觉流向的心理和生理的特点,由此确定各种视觉构成元素之间的关系和秩序,元素之间的距离、位置、面积和视觉流程。

 

    视觉流程的形成是由人的视觉特性所决定的。人眼只能产生一个焦点,心理学表明,在一个平面上,上半部让人轻松和自在,下半部则让人稳定和压抑。左半部让人轻松和自在,右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方,左侧强于右侧。网页设计中突出的信息,如主标题、每天更新的内容等通常都放在注目率最高的位置,这个位置便是页面的最佳视觉区域。如图3-18、3-19所示。

    当然视觉流程是一种感觉而非确切的数学公式,只要符合人们认识过程的心理顺序和思维发展的逻辑顺序,就可以更为灵活地运用。在网页设计中,灵活而合理地运用视觉流程和最佳视域,组织好自然流畅的视觉导向,直接影响到传播者传达信息的准确与有效性。网页设计首先要立足信息的传达,符合人们较为普遍的思维习惯,做到视觉流程自然、合理、畅快。成功的视觉流程安排,能使网页上的各种信息要素在一定空间内合理分布,能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。形式表现必须服从内容要求,突出主题要素,它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素,浏览者的视线将会无所适从,或者导致视线流动偏离设计的初衷。
 

(1)视觉流程类型

A:线型视觉流程。线型视觉流程分为直线视觉流程和曲线视觉流程两类。直线视觉流程使页面的流动线更为简明直接地诉求主题内容,有简洁而强烈的视觉效果,它分为竖向视觉流程、横向视觉流程和斜向视觉流程三种类型。如3-20、3-21、3-22所示。


B:曲线视觉流程。曲线视觉流程由视觉要素随弧线或回旋线运动而形成。它可分为弧线形(C形)视觉流程和回旋形(S形)视觉流程。如3-23、3-24所示。

C:焦点视觉流程。焦点是指视觉心理的焦点。每个页面中都有一个视觉焦点,这是需要重点处理的对象。焦点是否突出,和页面版式编排、图文的位置、色彩的运用有关,同时也与对“焦点”着力描写有关。在视觉心理作用下,焦点视觉流程的运用使主题更为鲜明、强烈。如3-25、3-26所示。

 


D:反复视觉流程。反复视觉流程是指网页中相同或相似的视觉要素,作规律、秩序、节奏的逐次运动。其产生的视觉效果更富于韵律美和秩序美。如3-27所示。

E:导向视觉流程。导向视觉流程是通过诱导性视觉元素,主动引导读者视线向一定方向作顺序运动,按照由主及次的顺序,把页面各构成要素依次串联起来,形成一个有机整体。其可分为文字导向、手势导向、形象导向、视线导向。如3-28、3-29、3-30、3-31所示。


F:散点视觉流程。散点视觉流程是指分散处理视觉元素的编排方式。它强调感性、自由性、随机性、耦合性。其视觉流程为:视线随各视觉元素做或上或下、或左或右的自由移动。这种视觉流程不如其他视觉流程严谨、快捷、明朗,但生动有趣,给人一种轻松随意和慢节奏的感受。如3-32所示。

 ....................................................................................................................

广州网站建设公司首选广州墨动网络(http://www.chfish.net),成立于2007年,具备7年建站经验的核心力量,一直致力于网页设计公司,推广优化服务.墨动网络经营宗旨:平民价格 高端作品 优质的售后服务.

地址:广州番禺南浦大道民安路五十五街1巷1横巷7号之一 传真号码:020-84785358
版权所有广州墨动网络 Copyright© modong.org 2009-2016.All Rights Reserved . 粤ICP备14033222号-1   

粤公网安备 44011502000039号