信息图形设计在高校网站界面的应用

信息图形设计在高校网站界面的应用

〔摘要〕针对高校网站目前存在的问题,以用户需求为出发点,应用信息图形设计的方法,将高校网站中大量文字、数据信息进行筛选、组织及可视化设计,以满足用户高效的信息传递和良好的浏览体验的需求。

〔关键词〕高校网站界面;信息图形设计;信息传递;用户体验

高校通过互联网进行展现的最佳途径就是高校门户网站。因为其具有信息传播的及时性、全面性,从而能够覆盖更多的用户群体,带来更有效的传播效应。通过对国内高校网站的调查发现,大部分高校的门户网站具备基本的信息浏览功能,但在信息的组织和传播效率上缺乏有效的解决途径。

一、国内高校网站界面设计目前存在的问题

高校网站信息量大,具有丰富的资讯。在浏览网站中,用户将会面临繁多的信息内容。针对目前高校网站设计所存在的情况,进行网络问卷调查,调查对象主要是高校教师和学生。据调查结果统计,目前高校网站存在的问题集中在以下两个方面:

1.信息杂乱,检索困难。调研中发现多数高校网站将大量的信息在网页中进行堆积,缺乏有效的层次以及明确的重点,导致人们无法确定哪些信息是有效有价值信息,这样必然导致用户难以做出决定,从而面临“信息超载”的现象。若出现信息超载是因为图片内容导致的,则认为是“图像冲击”。信息超载与图像冲击两者存在着联系,并且由此可能引发“信息焦虑”。也就是人们在接收到信息和数据时,不知道如何进行分析和处理。所以信息结构、信息组成、信息数量都将会作用于人们在信息搜索上的注意力以及动力。

2.网站导视信息不清晰,分区不明确。这种问题出现在许多高校的网站设计中,很大部分原因是对于用户设计的意愿不明确,没有进行用户信息的深度挖掘,且在设计过程中不遵循设计流程,随意性强。导致用户查询信息困难,浏览体验不畅等问题。

二、信息图形设计的特征

通过信息图形化,使得数据变得更为容易理解,更加直观清晰,并且信息图形化使得信息更具有针对性和条理性。在信息设计之下,即便是枯燥以及专业性强的信息也会变得更为轻松。采用图形方式对用户进行引导,让信息图形化设计很好地消除语言文字在描述上存在的生硬、抽象问题,这样的设计以用户为中心,体现的是后现代设计理念,拥有较强的人文气息。

1、传播性

使信息得到有效准确的传播是信息图形设计的最终目的,而信息是在多种多样的数据、信息元素之下构成,看似不存在规律,较为混乱分散,但是设计者便是要在这看似杂乱无章的元素和信息之间从整体上进行把握,理清规律,这样才能将信息以最迅速、准确的形式提炼出来,从而转换为图形,这样一来,对信息的充分了解和研究就显得尤为重要。

2、有效性

图形是具象化的语言,在网站界面设计中信息图形化的有效性也可以很好地得到利用,图形将繁琐的信息转换成最简单明了的视觉化语言表达出来,在受众与信息之间搭建一座畅通的桥梁,用最直观的手法说明最重要的问题。将需要在界面上传达的所有信息都进行图形化的处理,既可以达到简化界面的效果,又能够通过图形化的设计让人们通过最简单明确的信息一目了然地明确自己的目的所在。

3、交互性

信息图形设计是服务于人的设计,设计者在进行信息图形设计时要着重注意设计过程中受众浏览体验的需要。当信息图形设计得简洁、明确、美观的时候,就能够带给人轻松愉悦的感受,而这种信息阅读的畅通感便会提升网站用户使用的好感度,因此,信息图形的交互性设计尤为重要。

三、高校网站界面中信息图形设计的应用

在用户体验、视觉体验、易用性以及可操作性中,力求能够找到网页界面设计的平衡点,这是目前视觉设计师需要关注的重要问题。网页界面设计以用户为中心,是现代设计思维的核心,高校网页界面设计也不例外。如何能使高校网站界面设计满足用户需求,下面将应用信息图形设计的方法,从信息筛选、图形化生成、界面排版三个方面展开分析。

1、信息筛选

高校网站的用户通常分两大类:一类是学生、教师、研究学者等。他们了解信息的目的在于收集信息并且分析信息。所以更加期望能够获得的信息是准确的、清晰的,也期望获得的信息在表现上存在着一定的联系和趋势。他们倾向于选择最方便的,这一类受众希望看到专业、详细的信息表述。上海外国语学院的网站上进行了清晰的导航设置。如:教育教学、学术研究板块主要针对学生、教师、研究学者提供教学、研究信息资源;另一类高校网站的用户是同类院校、用工企业、学生家长等。香港中文大学(深圳)的门户网站针对线上校园开放日,开展一系列活动,在网站主页设置活动预告栏目。分板块对学校的文化理念、科学研究、办学特色等进行全方位的介绍和宣传,使校外用户通过学校网页浏览,快速了解学校活动信息。

2、图形化生成

在信息快速发展的今天,各种繁杂的信息充斥着我们的生活,越来越多的人已经耐不住性子去看一段段枯燥的文字和大量抽象的数据,他们需要的是信息的提炼,信息图形设计也就孕育而生。

2.1文字信息图形化

大多时候,我们理解的文字是独立于图形的视觉元素。不过事实上,信息图形化表现之中,文字不只是展现其语义功能,同时也成为图形的一个重要元素。通常文字拥有两层表现:其一,文字本身含义,当用户看到文字之后,会在头脑中立刻反应出文字含义;其二,文字字型,在文字缩小的时候,属于点的表现,而当其放大之后会具有独特字型。当成篇文字展现给人们的时候,即产生了"面"的效果。所以在文字设计上,需要结合文字含义将文字形象视觉化处理,这样能够使抽象的文字表现得更为生动,更有利于信息传递。

2.2数据可视化

在高校网站界面设计中将数据信息进行可视化设计,能使用户获得直观、形象的浏览结果。像高校的招生区域、专业设置、师生数量、就业数量等校外用户比较关注的数据信息,通过可视化设计,能够有效提高信息传递的速度和准确性。清华大学网站中的数据清华板块用图形进行分类搭配较大字号的阿拉伯数字对学校基础设施、教学机构设置、科研项目、教学资源等数据信息进行可视化设计,并在网站主页进行动态展示。用户从这些直观的视觉化信息中快速了解学校的核心数据,对学校的优势和特色有了充分的了解。在高校网站界面设计中从大量的信息中提出重点,通过归纳整理,用图形来诠释文字,用形象化视觉语言来传达信息。使信息量较大的文字、数据信息转换为可视化的图形信息来进行高速有效的传播。

3、界面编排

高校网站属性不同、网页展示内容有着许多的划分,在进行网页设计时需要对信息进行合理的组织,以满足高校网站用户所需求的高效的信息传递和良好的浏览体验。因此在进行高校网站界面编排时要注意如下几个方面:

3.1设计风格简约统一

设计风格不统一会产生界面混乱的结果,且会降低用户找寻信息的速度,而风格简约则是降低信息堆积的最有效手段,只有简约化且统一的界面编排,才能促进信息的传达效率。

3.2营造良好的浏览体验

根据高校网站用户的需求,对网站界面的信息加以分类,在高校主页进行合理的导航栏目设计,用户在搜索所需信息时快速有效;在网页设计中通过合理的排版设计,引导浏览节奏,使信息变得富有层次,以满足用户追求视觉变化的需求,从而使用户获得轻松愉悦的浏览体验。在高校网站信息传递和表达上,需要充分重视设计的准确性、合理性。在组织和提炼的基础上,让设计为用户提供有效信息入口。实际上,优秀设计具有经济性,能够实现和信息之间的完美搭配,还能够增强视觉艺术效果,同时很好地开展信息的传播和推广,从而让用户可以快速地浏览网站信息。作为设计师,在文字、图片以及颜色的运用上,都将会作用于用户对网站的关注度。

四、结语

随着互联网技术的高速发展,信息数据的冲击飞速且猛烈,现代人每天面临着外来信息的压力,信息图形化这种信息传递的方式便应运而生。对图形的认知可以说是人类最原始的能力,作为人类与生俱来的“语言表达”形式,信息图形化有着明显的优势。

参考文献:

[1]廖晔.网页界面设计及其学科相关性研究[D].湖南:湖南师范大学,2006.

[2]简.维索基.欧格雷迪+肯.维索基.欧格雷迪.信息设计[M].江苏:译林出版社,2009.

[3]孙皓琼.图形对话一什么是信息设计[D].北京:清华大学出版社,2011.

作者:郝秀梅 霍雯 单位:太原工业学院