论高校网页中的视觉流与信息流
来源:用户上传
作者:牛嘉琪
摘 要：本文分析高校网站首页的现状，结合视觉流与信息流相关理论，总结出浏览者在浏览网页时的视觉顺序原则。这些理论挖掘出原始视觉流受到信息流的影响，进而转化成新的视觉流与信息流相交融的产物，两者不断统一分裂，在这个过程中追求网页板式中形式与内容的平衡。并通过视觉流程的基本规律对高校网站首页设计进行分析，提供深远的参考意义价值。
关键词：高校网页设计;信息流;视觉流;视觉动点;视觉流成;形式与内容
原始视觉流来源于人们最初认识事物的思维模式，这种最初的视觉流影响了信息流的产生。深入探索高校网站首页板式，可以发现网页设计中视觉流与信息流交互的规律。
1 高校网页设计现状分析
网页版式设计在高校网站中起着至关重要的作用，排除商业目的、使用限制等因素，学校网站设计相对体现设计的纯粹感。纵观我国高校网页设计，普遍处于发展中，由于设计水平参差不齐、使用功能繁复以及服务器限制等，我国高校网站版面布局存在众多问题。
现阶段国内学术网站单一且复杂，在这种大环境下的版面排版过于传统，形式感弱，在学生与教师浏览的过程中网页缺乏吸引力，互动感弱。高校网站建设是建设校园文化的重要途径，大多数高校网站往往以具体信息发布为重点，追求单一的内容，同时由于信息流过于分散，所以学生与老师的使用感欠佳。相比之下，国外高校网站会大量使用图片以及运用视频，设计感强并且更加人性化。
随着信息化社会的不断发展，形式与内容结合的比例是今天高校网站设计的关键点。国内高校网站的设计缺乏整体观念，使用功能有很多重复的地方，以导航栏为例，从功能检索角度讲，当学生与老师以及教务工作者在浏览网页时，并不能快速找到自己需要的地方，很大程度上是由于导航栏设计不明确，没有充分发挥出实际作用，不符合实际操作。国外高校网站的导航栏的交互性大多符合人机工程学原理，无论从视觉上还是设计上都经过一定的研究，无固定单一的模式，而国内则普遍在上方。国内高校网站中应重点表现人文系统，宣传校园文化。但国内高校网站更新缓慢，欠缺管理，往往忽略了这一方面，仅仅作为信息展示的作用，缺少对自主空间的设计。
2 视觉流的普遍规律
“视觉”眼睛的形式与“看”能力有关，主要是指人在一定时期内对视觉对象的性质、特征、形式的理解和把握。人类视觉是一种不断探索的活动。
研究分析了人的视觉运动过程，提出了合理的顺序、快捷的方式和有效的感知方式。我们生活的时代是一个“视觉时代”。
设计师在浏览页面时跟踪用户，这叫视觉流。人性化的设计使人们的视觉流得到发展。人们的视觉习惯一般情况下是固定的，大多数为由上到下，由左到右。因此，在设计高校网站页面时，设计师需要让浏览者在一個方向上看到信息。浏览者的视觉被引导、规律化，这将更快更有效率。
按钮应该放在右边;左上角优先;亮度越高，位置越集中，注意力就越集中;从上到下、从左到右是视觉流的默认方向。一个强大的焦点首先会吸引眼球，其次是次要信息。
长此以往，视觉流程中的信息流的前端位置和顶端位置，即第一个会被看到的区域，相对容易被注意和记住，形成左上角优先。当人们注意力不集中、没有足够的时间去浏览网页时，或者在快速获取所需信息之后停止浏览或连接到其他网页时，左上角经常成为视觉的焦点。这样的过程被称作视觉流。
3 高校网页中视觉流与信息流的关系
与视觉浏览相比，视觉搜索过程是用户有目的、有意识的活动，常常主动地采取一定的搜索策略，在 网页上表现为更多地注视周边区域的搜索策略。另外，对首次注视点的统计结果发现，90%的视觉搜索任务的首次注视点都发生在中心区域，这一结果表明中心区域是被试进行视觉搜索时首先注视的位置。根据视觉搜索中的返回抑制理论，注意返回到先前注意过的空间位置时会变慢或受到抑制。[1]由于网页中心区域已经被注视过，被试将抑制再次回到中心区域，更倾向于优先选择四周没有注视过的区域，这样会提高搜索效率，符合认知经济原则。视觉浏览过程与视觉搜索过程相比，更多地受个人兴趣、爱好等的影响。[2]
基于基本要素分析，研究截取了全球设计类专业排名前20的学校以及中国具有代表性的15所院校，主要分布在中国、美国、英国3个国家，以此来进行比较分析，从不同的引导方式建立系谱关系，表现信息流与视觉流的关系。
通常中国高校网站比较喜欢文字与图片同时引导的类型，这种类型结构饱满，充分利用了网格结构进行排版，图片与文字相辅相成、互相结合，但是由于信息量过大，所以信息检索比较烦琐，国内高校在进行首页布局的同时过分强调以内容为中心。而美国高校网站首页浏览起来目的明确，功能检索能力明确，并且美国高校在文字引导方面，在版面设计中，文字区域与图片区域划分较明显，并且在大量图片的基础上，会加入视频来提高互动性，这在电脑端的交互设计中非常具有灵活性。
以纯文字引导的网页由于其传统的形式，所以效果相对单一，略显乏味。相比之下，图片引导类型简单高效，可读性强，并且更加人性化。人是视觉动物，图形对人的注意力的吸引更具科学性。而最为繁复的图文结合引导类型，信息量过大显得毫无重点。
结合前面几种分类，同时以图片在网页中所占比例为基准，分析中国、英国与美国高校网站的信息流比重，同时融入学校类别的概念，从多方面角度分析国家以及学校性质是否会对图片信息流产生影响，从而导致视觉流发生变化。
由此可见，从微观层面出发，中国高校网站首页图片占比相对比较平均，其中综合类学校图片占比相比艺术类院校图片占比较少。美国类高校网站首页设计跨度较大，但整体以图片引导为主，理工类学校与综合类学校图片占比相对较少，但还是多于英国与中国。这可能是由于其国家文化的开放性，受到民族的包容性影响。英国高校网站首页设计整体比较平均。从宏观方面看，艺术类院校网站首页的图片比例由于受到国家文化或人们传统的阅读习惯的影响，整体水平波动较大，而综合类学校受外部因素影响较小，由于内容的限制，图片比例较为平均，无大幅度变化。理工类学校也是如此。
图片引导类型中，有色块引导类型、创意引导类型、视频引导类型，构建系谱关系。以色块引导类型为主，会增加版面的视觉活力，同时丰富版面层次感。以创意引导为主类型，产生视觉冲击，会给人很强烈的视觉印象。而以视频引导为主类型，形式丰富，互动性强，会增加页面的趣味性，优化用户体验感。在文字引导中，字体引导类型可以说是中文排版的独特优势，利用中国字体的形象，可以打造丰富的版面，并且无形中划分了区域。字号引导类型较少，主要用于板块之间小标题，效果统一，省时、高效、直观。间距类型引导类型中，利用留白的形式感，在字与字的间距中、行与行的间距中划分板块，会产生一定的形式感与视觉感，这种类型被大多数学校使用。
由此反映出视觉流与信息流的普遍规律，从整体来说，先图后文。人是视觉动物，图片相对而言具有互动性。在图片的大环境中，先静后动，受到动态图片的影响，同时受到创意形式的排版与色块影响，产生视觉优先。再者先大后小，图片信息与文字信息均是如此。最后是先中间后两边，这是固有化视觉流的产物。
4 展望高校网页设计
高校网页建设要学会打造自己的重点，但是许多学院的网页设计仍然有问题，不仅需要从信息技术、组织结构、创新思维等方面切入，并且要与时俱进，与使用者产生更多的交流，增加互动性，挖掘学校本质的优点来进行高校网页的设计。
要找准高校网站首页设计的基本功能和用户需求，从而确立高校网站首页设计的目标，在这个过程中要确定主体内容。确定每个高校的服务对象最基本的交流窗口，通过学校的网站与网页，学生可以了解学校的办学理念。
通过研究可以看出，视觉流与信息流在网页设计中相互平衡协调，互相衬出对方想表达的信息意图，在兼具形式内容的基础上，发挥视觉流程的具体作用，对高校网站首页具有借鉴性，并且具有深远的指导作用。
参考文献：
[1] 赵静.不同线索范式对愤怒、恐惧面部表情识别的影响[D].曲阜师范大学硕士论文，2014.
[2] 许娜.网页视觉搜索与无目的浏览的眼动对比研究[D].曲阜师范大学硕士论文，2014.
作者简介：牛嘉琪（1995—），女，河南洛阳人，硕士研究生在读。
转载注明来源:https://www.xzbu.com/1/view-15145005.htm
