第一篇:视觉感受 创新时代 网供稿 网页设计
视觉感受
韩国游戏页面欣赏
创新时代网 华人设计第一门户 http://www.xiexiebang.com/
创新时代网 华人设计第一门户 http://www.xiexiebang.com/
创新时代网 华人设计第一门户 http://www.xiexiebang.com/
创新时代网 华人设计第一门户 http://www.xiexiebang.com/
第二篇:新媒体时代下的网页视觉艺术设计研究
新媒体时代下的网页视觉艺术设计研究
摘要:以传统视觉艺术设计为基础,实现新媒体时代下的网页视觉艺术设计对网页的整体艺术性具有重要的意义,也是提高网页浏览量的决定性因素。因此,文章以视觉艺术设计及其内容进为基础,总结新媒体时代下的网页视觉艺术设计原则为主体鲜明原则、统一原则、整体原则,并且从版面、文字、色彩3方面提出设计优化建议,以期为我国网页视觉艺术设计的优化起到抛砖引玉的作用。
关键词:新媒体;网页视觉艺术;艺术设计
网页视觉艺术设计的发展是在传统视觉艺术和互联网的基础上实现的新媒?w视觉艺术形式,也是网页设计工作者需要尊重和注意的内容。网页作为网络信息的载体,其在设计的过程中需要以不同的美感和视觉冲击效果给予网页浏览者直接反馈,进而实现网页浏览量的增加,起到更好的宣传和引导效果。因此,对新媒体时代下的网页视觉艺术设计进行研究具有优化我国网页设计的作用,也是促进我国网页发展的关键内容。
1.网页视觉艺术设计及其内容
1.1网页视觉艺术设计
随着互联网的逐渐发展,网页艺术逐渐出现在人们的视野中,在此基础上逐渐衍生出来网页视觉艺术设计。其主要是艺术设计的一个分支,以网页为设计空间或平面,在艺术设计的基础上对网页构成的元素实施视觉设计,以达到美观和功能相结合的一种新型的艺术设计方式。网页视觉艺术设计的发展和构建是我国互联网发展的衍生成果,也是我国社会美学和网络美学发展的关键。
1.2网页视觉艺术设计内容
(1)元素内容。网页视觉艺术设计内容包含文本、表格、图像、音乐、背景、动态影像等,其所设计的内容较为繁多,且内容与内容之间的协调性不足。网页视觉艺术设计中元素内容是构成网页的基本要素,也是网页传递信息的主要载体。就目前我国网页视觉艺术设计元素内容上来看,其主要是以文本、背景、图像和动态影像4种为主要元素。其中音乐、导航、按钮等属于功能视觉艺术设计元素内容。以市场发展需求为根本,从内部结构和外部结构入手,组成网页的每一个元素均可以将其称之为网页视觉艺术设计的元素内容范畴中。
(2)版面内容。版面内容主要是以元素内容为根本的网页主体结构划分形式,其版面内容中包含广告版、宣传版、中心内容版、延伸版等。版面内容是维持网页整体结构合理性的主要内容。以传统报纸为例,其中包含广告信息版面、新闻信息版面、招聘版面、房地产版面等,还包括头版头条、末版等内容。网页作为新媒体下互联网中报纸,其在版面内容上的合理设计是保障网页效果和浏览数量的关键。因此,网页版面的设计也是网页视觉艺术设计的主要内容之一。
2.新媒体时代下网页视觉艺术设计的原则
2.1主体鲜明原则
在新媒体时代下网页视觉艺术设计必须始终坚持主体鲜明原则。网页作为互联网发展中重要的组成部分之一,其必须具备主体鲜明的特点。因此,在设计的过程中需要从视觉艺术设计效果的角度出发,设计鲜明主体的网页效果。网页设计作为艺术设计范畴中的一部分,其在设计的过程中应该坚持艺术设计原则,以突出的视觉感官刺激观看者的感官,从心理、生理、逻辑等角度完成网页元素的运用,凸显鲜明的色彩标准,实现网页的诉求效果,向观看者不断传达各种需求功能。因此,在新媒体时代背景下随着人们心理诉求和企业心理诉求的逐渐增加,网页视觉艺术必须充分发挥艺术设计的原则,以网页主体鲜明的视觉艺术设计为根本,实现网页的美学和功能学结合。
2.2统一原则
统一原则是指在新媒体时代下网页视觉艺术设计必须从内容和形式上完成设计的视觉性统一,这样才能够是网页内的设计要素以稳定的形式存在设计的主体内容中。统一性原则的建立是在艺术设计协调性的基础上,拓展其协调内容为网页内容和网页形式,继而形成网页视觉艺术设计内容和形式协调统一的原则。网页作为网络内容表达的基本,其在形式需求的表达上应该具备“特立独行”性,在其内容上需要具备“个性化”,“独”与“个”的差异性使得一部分网页设计者在网页设计的过程中从产生过分侧重某一方面的内容,而最终使得整个网页的视觉艺术效果不够明显。因此,在实施网页视觉艺术设计的过程中必须在其“独”和“个”的基础上完后内容和形式的整体容易,这样才能够设计出既满足内容需求,又满足宣传需求和表达需求的网页。因此,以统一原则为根本是新媒体时代下网页视觉艺术设计所坚持的主要原则之一。
2.3整体原则
网页是新媒体时代的信息传播的载体,其是继报纸、电视之后的另一个大型的信息宣传和承载体。因此,在其网页设计的过程中需要保障其内容、主体、意识的整体性,进而满足企业需求和消费者需求,实现需求的多向性满足。因此,整体原则的创建时新媒体下网页视觉艺术设计的关键点,也是其设计过程中需要从组织、结构、元素等方面注意的一点。网页设计作为艺术设计的一种其不仅具备艺术设计的美感需求,还必须具备网页的功能需求,因此未来达到二者之间的统一发展,就要求网页视觉艺术设计从整体性的角度出发,实现网页内部信息和外部主题的一致性,进而从版面划分、色彩搭配、风格形成、信息主次等角度实现精确的组织结构定位,完成网页整体性划分。因此,可以说整体原则是新媒体时代下的网页视觉艺术设计中所必须遵守的基本原则之一,也是保障网页视觉艺术设计合理性的主要因素之一。
3.新媒体下网页视觉艺术设计应用优化
3.1版面优化
为进一步优化新媒体下网页视觉艺术设计应用,从其版面上对其进行视觉艺术设计优化。网页版面的分配需要从空间和内容主次上达到一致性和错落性。这要求设计者在实施版面视觉设计的过程中不仅要从浏览者的直观视觉图案上入手,还需要从网页自身角度入手对其进行版面的设计和优化。
首先,从版面点线划分的结构入手,以不同情感层次的划分,实现规律、不规律性的版面分散,在以分散点为基础,实现视觉的整体效果融合,形成版面划分衔接一体化的网页视觉效果。
其次,在网页版面视觉艺术设计的过程中版块与版块之间的衔接一般是以线条的形式,因此在线条衔接的过程中必须实现版块线条衔接的完整性和流畅性,降低衔接违和感,这样才能够满足浏览者的视觉效果,实现新媒体下网页视觉艺术版面设计的优化,使得网页版面设计更加人性化。
3.2文字优化
文字是网页中最关键的一部分,也是最多的一部分,在实施网页视觉艺术设计的过程中为了实现文字优化需要从文字的内容、文字的侧重点、文字的情感等角度出发,从而实现文字与版面、色彩的融合。
首先,在网页视觉艺术文字设计优化的过程中就文字的编排主次对其进行划分,从而实现功能的自动排版和功能的顺序规划。例如,以招聘页面为例,其在文字的视觉效果设计方面需要从浏览者的需求角度出发,根据文字的主次结构实施整体布局,既不显得文字突兀,又能够实现招聘单位的宣传效果。
其次,在网页视觉艺术文字设计优化的过程中文字在一定程度上代表着网页的形象,文字也是网页与浏览者交流的载体。因此,在文字视觉艺术设计的过程中应该侧重文字的情感划分和心感沟通为基础,以引发浏览者的情感共鸣为视觉艺术设计的侧重点,实现网站文字的情感性宣传和处理,优化我国新媒体时代下的网页视觉艺术设计水平。
3.3色彩优化
色彩是人们主观意识的第一接触体,也是直接影响视觉冲击的因素。因此,在网页视觉艺术设计的过程中需要对其不同色彩之间的搭配进行优化处理,进而实现色彩共鸣的效果。
首先,在网页色彩设计的过程中视觉艺术设计者必须根据网页可能出现的浏览者进行情感预测和心理划分,是以大气的色彩,还是以活泼的色彩为基调实现整个网页色彩视觉的设计。例如,相亲网页需要以浪漫色彩为主情调,法律网页需要以庄重为主色彩,幽默笑话网页需要以幽默色彩为主色彩。以不同色彩主体的判定,协调色彩与浏览者之间的情感沟通,达到网?视觉色彩艺术设计优化。
其次,在网页色彩视觉设计的过程中设计者可以利用色彩的生命力吸引浏览者的实现。例如,对于重点信息或版块可以采用突出色彩,如红色、黑色、黄色等鲜明的色彩突出原则,实现整个网页色彩视觉效果意识,在融合色彩的同时避免色彩矛盾,完成色彩协调构建。
4.结语
通过本文中对新媒体时代下的网页视觉艺术设计研究得出当前新媒体时代下的网页视觉艺术设计必须遵循主体色彩鲜明原则、统一原则和整体原则,进而从版面、文字、色彩3方面内容上对网页实施视觉艺术设计优化,使网页具有整体性、艺术性,充分发挥网页在互联网中的作用。
第三篇:论网页设计中的视觉传达范文
论网页设计中的视觉传达
摘要:通过对网页设计中信息的传达与审美需求,分析其各种视觉构成要素,如:文字、图片、颜色等,结合人们在浏览信息时的视觉习惯,探讨网页视觉信息如何更有效、更为合理的表现与传达。
关键词:网页设计;构成要素;视觉传达;审美需求
近年来,随着计算机技术的迅猛发展和人们生活水平的不断提高,互联网越来越广泛的深入到人们的日常生活、工作当中。与此同时,信息传播业也面临着一场深刻的变革。互联网代表着一种崭新的信息交流方式,它使信息的传播突破了传统的政治、经济、地域及文化的阻隔,使信息传达的范围、速度与效率都产生了质的飞跃。互联网络作为一种全新的大众传媒,具有迅捷、及时、价廉、交互性好、传播面广的特点,为视觉传达设计的传播提供了良好的条件。视觉传达设计以大众传媒为载体,两者之间具有紧密的联系。同时,基于互联网络传播的视觉传达设计又会受到互联网技术的制约,新工具、新媒体的发明和出现,对于设计来说,有着不言自明的重要意义。网页设计中的视觉规律
由于网页风格的不同,人们在浏览网页的同时会产生不同的视觉和心理感受,这种感受大部分来源于网页页面的视觉传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读性强的媒体,设计师在进行网页设计时必须考虑到人们视觉流向的心理和生理特点,由此确定各种视觉构成元素之间的关系和秩序。因此,设计时应该研究各种视觉造型元素之间的关系,如距离、位置、面积等问题。
视觉规律的形成是由人类的视觉特性所决定的。浏览者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯,首先是水平运动,常常是扫过网页内容的最上半部分,因此,上部和中上部被称为“最佳视域”,也就是最优选的地方。然后,向下移,浏览下面区域。最后,从网页左边的部分进行垂直扫描。
在网页设计中,灵活而合理地运用视觉流程和最佳视域,组织好自然流畅的视觉导向,直接影响网页传播的准确性与有效性。所以,在网页设计中,既要立足信息的传达,又要符合人们的视觉和思维习惯,设计网页时注意各种信息要素的合理分布,使各类信息要素的位置、间隙、大小保持一定的节奏感和美感。网页设计中的审美需求
人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,更要考虑如何使受众能更好地和更有效率地接收网页上的信息。这就需要从审美的方面入手,制作出清晰、整体性好的页面,使人浏览起来产生愉悦感,更容易接受信息。在网页设计中,更多的是追求平面视觉传达效果,将各种元素有效的结合,这种结合要遵循一定的原则,如我们经常所说的变化统一、条理与反复、对比和调和、均齐与平衡等,以及对网页中文字、图形、色彩的设计。
2.1网页的内容与形式的表现必须统一和具有秩序
形式表现必须服从内容要求,当我们把大量的信息放到网页上去的时候,既要考虑整体感,又要注重细节的编排。这就要求设计师清晰的思考内容与形式如何最佳的结合,如何使页面看起来既整体,又丰富。
2.2突出主题要素
每个网页都应有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者,使
主题在适当的环境里被人们即时地理解和接受。
作为主题要素,必须注意编排的位置,使其成为人们浏览时的视觉焦点,从而产生深刻的印象。如果没有这个主题要素,浏览者的视线将会无所适从,或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时,要注意其结构的轻重大小、虚实、多少等对比因素,加强视觉力度,以强化页面的整体吸引力。网页中的各构成要素
3.1风格定位
对于设计某个网站来说,要做的第一步工作就是确定网站整体的风格,不同的网站需要有不同的风格,其风格要与主题内容相统一。目前,网页的种类很多,较为常见的有:新闻机构类、政府机关类、科教文化类、娱乐艺术类、电子商务类、个性化网页类。这些不同性质的网页应体现不同的风格,比如,娱乐类网页风格应体现活泼生动一些,政府机关类网页应体现出比较庄重、严肃的感觉。在统一的风格页面中,添加图片、文字、动画等元素,来丰富页面内容,在添加这些元素的过程中也要注意色调的统一,这就需要设计师具备良好的美术修养。
3.2版面排版
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。当我们确定了网页总体风格之后,我们要根据现有的图片、文字等素材进行页面划分,文字作为最原始、最有力的信息传递方式,在网页设计中也是至关重要的。
3.3色彩的运用
在网页设计中,好的色彩搭配是网页设计成功的一半。在一个色彩搭配具备专业水平的网站,即使只使用很少的图形,仍会带给浏览者深刻的印象和舒适的视觉感受。一般来说,色彩,在一个页面不应超过三个,其中择一为主色调;应恰当使用颜色蕴含的文化心理信息。色彩的运用遵循“总体协调,局部对比”的原则,也就是主页的整体色彩应该是和谐统一的,只有局部运用一些强烈的色彩对比。
不同网页的主题可以用不同的色彩来表现。以下为几种常用色系:
(1)蓝色,是商业宣传用色,能使网页显得非常有专业水准。体现出一种专业和正式氛围。蓝色往往也被用为严肃庄重的场合,体现出一种凝重和肃穆。(2)绿色,是自然色,给人以清新自然的感觉,可以大大舒缓视觉上的压力。绿色可以用于与环保相关的主题,如旅游风景区网站。(3)红色,是比较热烈的颜色,会使网页变得生机勃勃。红色也是运动的色彩,有很强的视觉感染力和号召力。(4)黄色系也是宣传色系中的一种。黄色给人轻松随意的生活气息,能够体现出一种友善和多维的效果。同时,黄色又是一种非常鲜明的色彩,它可以与许多种颜色搭配起来使用。
此外,我们还可以适当的运用一些黑、白、灰的颜色搭配使用,可以产生意想不到的效果。一个页面中尽量不要超过4种色彩,色彩太多找不到主题色,会显得没有主次,令人眼花缭乱。再者,需要注意的是文字的颜色与背景颜色的区分,对比太强或太弱都会影响浏览者的阅读。
除了以上论述的几种要素,还有页面的布局、框架的构成等也属于网页的构成要素。网页作为一种新的视觉表现形式,它的发展虽然没有多长时间,但它兼容了传统平面设计的特征,又具备其所没有的优势,成为今后信息交流的一个非常有效的途径。作为一种综合性的设计,这就要求设计师具备全面的专业素质,懂得如何处理好内容与形式的关系,如何设计出让浏览者过目不忘的优秀网页,使人产生美的共鸣。
参考文献
[1]鲁道夫·阿恩海姆.艺术与视知觉(新编)[M].长沙:湖南美术出版社,2008.[2]薛红艳.设计的视觉语言[M].北京:化学工业出版社,2006
[3]黄海燕、张辉.网页设计和平面设计[J].包装工程,2004(1).[4]袁璐.论网页艺术设计的人性化[J].武汉科技学院学报,2005(11).[5]苏玉苍.网页视觉艺术的探讨[J].甘肃科技,2005(3).
第四篇:小议网页设计的视觉传达论文
一、文字
对于网页设计来说,字体构成的基本要求是易读性和可读性。易读性是指文字的清晰表达。可读性是指对于页面整体上的可视性,涉及到文字设计、单词间距、行列长度和间距,以及段落间距等方面的处理。可读行和易读性对于文字在媒体上发挥作用是非常重要的。一方面,因为文字的屏幕显示没有纸张印刷的易读性强。而且用户通常在普通页面的视觉停留时间很短。因此,文字形态构成极大地影响了版面的阅读效果。所以,页面中的文字设计应符合以下几点要求:(1)由于不同的计算机、操作系统所安装的字体是不一样的,所以必须选取一些常规的、用户电脑上不会缺省的字体,否则他们的系统就可能默认一种字体,这将使得页面看起来和设计者的期望相去甚远。(2)屏幕的显示对字体也有一定影响。我们多采用黑体和宋体这两种常用字体。从视觉角度来说,宋体阅读起来最省力,不易造成视觉疲劳,具有很好的易读性和识别性。而黑体不仅庄重醒目,而且极富现代感。但需要注意的是因其形体粗壮,在较小字体级数时易模糊而造成不易识别。(3)虽然不同的字体和字体属性(比如粗体、斜体、颜色、大小等)能有助于人们区分标题和信息的相对重要性。但一个页面中字体风格的数量应当有所限制,因为当所有都被强调的时候,就没有任何东西可以突出了。页面中的文字设计看似是一个很细小的方面,但实际上它潜移默化地影响网页的视觉效果,蕴藏着巨大的价值。中国人说“察言观色”,我想“言语”的表达对于中国用户的触动应该会更加的明显。
二、色彩
借助于色彩的不同处理,使网站易于被人们认知识别,有助于创造有个性的网站形象,从而起到强化信息记忆,使网站形象固定化的作用。此外,美妙的色彩组合所创造的完美境界能够产生强烈的视觉冲击力和艺术感染力,能引起人们观感之外的联想。网页页面中的色彩运用,主要体现在主色、辅色和背景色三方面。面积最大的色彩为页面的主色调,它是贯穿网站中所有的页面的主要颜色。主色调好似乐曲的主旋律,在创造特定的气氛与意境上发挥主导作用。辅色的面积次之,起强调或调和的作用。辅色是网页色彩设计中动感和活力的来源,还可以因其“节点”的作用使主色在整个画面中得到连贯。背景色是增加网页空间感的重要手段。例如,灰暗的背景色产生后退感,鲜明的主色产生前进感,因而形成清晰的前后空间关系。当然具体运用中,只有对不同功能的色彩进行综合运用和和谐构建,才能够产生良好的视觉效果,产生愉悦的用户体验。
三、页面布局
页面结构对表现网站的风格具有十分重要的作用。网页页面由网站名称,Logo,导航栏,搜索栏和图形、文字等要素构成。对其进行结构设计,主要体现在对实空间与虚空间的灵活掌握。页面的实空间包括文字、图片、符号、以及点、线、面等视觉元素所占有的空间;虚空间是指那些实空间以外的空白部分,空白不一定是“白”,它也可以是与背景色作用相同的表示“虚”的空间设定。设计师根据信息传达的需要,将不同含义的视觉元素按照一定的设计法则对版面进行组合、编排,构成有机的实体空间,能够表现统一和谐的视觉效果。而网页界面中的虚空间,则以虚托实、以无衬有,使用户体验获得更佳的视觉印象。比如在用户浏览过程中,页面上被优先注意到的文字总是那些周边有空白的文字,这就是视觉的边际效应在虚空间的一个体现。此外,实空间与虚空间的和谐运用,还能够形成界面空间的视觉导向性,从而优化整个网页界面的形式。
第五篇:基于视觉搜索因素的网页设计论文
经典的视觉搜索模式是Sternberg于20世纪60年代提出来的,它从短时记忆信息提取方式的研究中得出信息提取匹配的两个假设:平行扫描(平行加工或平行搜索)和系列扫描(系列加工或系列搜索)。视觉搜索主要包含序列搜索和平行搜索两种模式。在所呈现的项目集合中,目标刺激和所有的项目同时进行比较,来找到目标刺激,是平行搜索;序列搜索则是把目标刺激和集合中的所有项目一一进行比较,直到找到目标,是系列搜索;Kristjansson和Tse(2001)对平行搜索和系列搜索分类是通过研究说明的,认为在一系列弯曲不连续的图形中搜索弯曲连续的图形,叫做系列搜索,反之则叫平行搜索;在一系列椭圆形中搜索圆形叫做系列搜索,反之则叫平行搜索。显而易见,平行搜索所消耗的认知资源比较少,被测试者反应也比较快,其效率要远远高于序列搜索。但是究竟被测试者或者个体选择或偏好哪种搜索模式,则取决于目标刺激物的特点。一般有规律且等级结构清晰的刺激物能吸引用户的平行搜索,在网页信息设计中,尽量使信息的呈现变得有规律,使结构更清晰,或通过给不同的信息添加某种视觉刺激,引起浏览者采用平行搜索的视觉模式来获取信息,提高视觉搜索的效率。
视觉搜索的特性及其影响因素
视觉搜索中,眼跳是其重要的组成部分,是反应视觉信息加工过程的外显行为。观察者获取外界信息的视觉行为一部分会通过眼跳和注视表现出来。视觉搜索过程中的眼跳,分为内源性眼跳和外源性眼跳。内源性眼跳是由个体机体主动发生的眼跳,比如按指导语要求进行的眼跳;外源性眼跳是由外部刺激引起的眼跳,比如由一个新的、奇特的刺激的出现所引起的眼跳。在视觉搜索中引起外源性注意的外部刺激是指刺激物的基本特征,包括颜色、亮度、动态、形状、大小、方向等。网页界面中的元素主要影响的是个体的外源性眼跳。视觉搜索的非对称性现象。若视觉搜索的非对称性是指在若干个甲类项目(干扰刺激)中找到一个乙类项目(目标刺激),与从同样的若干个乙类项目(干扰刺激)中找到一个甲类项目(目标刺激),两者的搜索速度不一样,且具有显著差异,出现非对称现象。而且,当甲乙两个项目交换干扰刺激和目标刺激的角色时,它们的反应速度还是存在显著性差异。基于刺激相似性和熟悉性的视觉搜索非对称性。Duncan和Humphyeys(1989)提出的刺激相似性理论认为,目标物和干扰物以及干扰物和干扰物之间的相似性决定目标搜索。
目标物与干扰物越相似,干扰物与干扰物越不相似,就越容易形成局部对比,进而使目标从干扰物中突显出来,引起人们的视觉注意和搜索。但是如果目标物和干扰物之间的差异足够大,例如用两种很醒目的颜色或者两种闪动的文字做刺激,那么两种刺激都会突显,非对称将消失。熟悉性很好理解,即阅读者对刺激材料的熟悉与否。熟悉性可以通过学习改变,与阅读者的经验和视觉模式有关,它和相似性一样是影响视觉搜索的一个因素。有学者认为目标刺激与干扰刺激之间的熟悉与否引起的搜索类型不同,材料之前越熟悉越会引起平行搜索,熟悉的项目激活度小,新颖的不熟悉的项目激活度大。当目标刺激和干扰刺激熟悉度相同,即同为熟悉或新颖,则激活度就没有差别。由此可知,熟悉性可作为影响视觉搜索的基本特征之一。视觉搜索的位置特征。视觉搜索的位置特征表现为,人在对静态物体的特征进行加工时,表现出了颜色加工和形状加工的分离,即视觉系统在对颜色和形状进行加工时,是独立的,不存在相互干扰,并表现出了位置的分离。有学者对眼动追踪技术进行研究发现,当刺激物呈现在边缘视野时,人们对颜色的搜索目标会有较多的眼跳,表示边缘视野的颜色加工的目标指向性比较好,而对于形状搜索时这种目的性则较差。由此说明,人们运用边缘视野能够对颜色特征属性的目标进行较好的加工,而对形状特征的加工则更多地依赖中央窝来完成。视觉刺激响应,是指人对刺激物的基本物理特征,如图片、动画以及颜色搭配等产生的带有一些较为稳定的具有倾向性的反应,它是影响用户视觉搜索效率的一个重要因素。就有效信息的搜索而言,有学者研究发现,动态图像对用户的信息搜索能力帮助不大;动态信息中的动画对用户的信息搜索能力还会有严重影响;有时用户会本能地忽略网站上的图片;动态图像会干扰用户对围绕在图像周围的文字的注意,不利于用户对含有大量信息的网页中其它信息的加工,也会导致用户对网页的信息加工和信息搜索的时间增加。
基于视觉搜索影响因素的网页设计
考虑到视觉搜索的特征及其影响因素,并在参阅了之前学者多视觉搜索与网页设计研究的基础上,得出以下的设计建议,旨在为网页的优化设计提供一些指导性意见。
(1)内源性眼跳由浏览者自身因素引起,是个体主动发起的,比如个体本身对某些信息感兴趣或者个体在指导语的提示下,主动进行的眼跳,它主要与返回抑制与眼运动记忆相关联。外源性眼跳则是主要与刺激物的基本特征有关,在研究者对引起眼跳的外源性刺激的研究中,从颜色特征到后来的方向、运动、大小、亮度、形状等目标特征,都会引起较大的眼跳,影响视觉搜索的效果。所有这些目标特征中,颜色特征的影响最大。国内有关研究还发现,在注视时间方面,注视时间由短到长依次是图画、中文词、英文词;在反应时方面,人的反应时从短到长依次为图画、英文词、中文词;在眼跳距离方面,眼跳距离从小到大依次是中文、英文、图画。有学者对分栏设计的视觉搜索效率的眼动研究发现,1大开本(1/16开本)设计材料在眼跳距离、行内与行间回视次数在阅读理解指标上均显著优于小开本(1/32开本)材料一栏、二栏、三栏设计材料,表现为一栏最优。在进行具体的网页设计时,如果设计的目的倾向于引起读者的注意,那么首选图片和动画,颜色可以选择鲜艳的能与周围信息区分开的;如果倾向于信息的获取或理解,应该首选文字,其次是图片或视频,最好不要选择过多的颜色,会增大眼跳,不利于信息的获取和理解。此外,和网页屏幕上呈现的网页材料相比,人们接触最多的文本材料更容易引起人的眼疲劳。因此,在有大量文本信息的网页设计中,为了减少被测试者的疲劳,可以采用大开本的一栏设计以方便浏览者的视觉搜索和理解。
(2)在网页设计中,重要信息和目标信息是需要引起用户较多关注的。基于相似性的规律,可以尽量减少重点信息和非重点信息;基于目标信息和干扰信息之间的相似性,可以增加重要信息或目标信息的新颖性、诱目性、独特性,且背景信息尽量简洁,减少干扰,以使重要信息和目标信息从背景信息群中“脱颖而出”,以此吸引浏览者的注意,提高他们的搜索效率;在文字与背景颜色选择上,最好设置为深色文字,浅色背景;在超链接颜色选择上,最好选用不同的颜色来区分已访问和未被访问的链接,这样有利于用户将两者区分开来进而搜索还没有浏览的超链接,而忽略已经访问的超链接。
(3)有学者研究发现,形状加工和颜色加工存在中央凹和边缘视野的分离。视觉的注意选择中存在这种空间位置效应,注意资源的分配也存在位置效应,当刺激呈现在中央凹视角时,被测试者对任务的反应时较刺激呈现边缘视角时的反应时变大。据此可以将文字信息置于网页中心位置,颜色图形等信息置于网页的边缘位置。
(4)视觉刺激效应告诉我们,旨在让用户从网站中搜索或获取信息(例如一些新闻类站),设计者应避免那些会引起强烈刺激的视觉呈现方式,或者过多的信息呈现也会影响用户的信息搜索能力。如果旨在让用户获得信息,最好不要添加一些动态图片、动态文字等动态效果强烈而很容易干扰用户注意力的信息元素,这会干扰用户对文字信息的搜索。
(5)文章通过眼动实验对于Web页面视觉信息搜索行为的研究发现,人们在网页上进行视觉信息搜索时,更多地注视周边区域,而对于中心区域的注视较少,呈现视觉搜索的周边特性。而且,在带有浮动广告的网页上进行视觉信息搜索时,同样呈现视觉搜索周边特性。实验结果表明,从视觉搜索角度来看,在网页布局时,对于具有超级链接性质的标题信息,放置在网页的周边区域比放置在网页中心区域更利于人们的视觉搜索行为。而且,在视觉信息搜索时,人们很少去看浮动广告,说明浮动广告的广告效应并不明显,应该改变其广告形式。
结语
笔者在前人研究的基础上,根据人的信息加工特点和视觉搜索规律,提出了网页设计的一些意见和建议,旨在通过科学的网页信息呈现来促进网页浏览者高效地获取网页中的有效信息,提高视觉搜索的效率。对于如何使人们高效获取信息的同时也保证视觉上的舒适性,则是需进一步研究的问题。