信息图形设计在网站界面中的应用探究

隋慧笛

摘 要：如今，人们越来越依赖互联网获取信息，网络为人类提供的信息繁杂庞大，如何对信息实现有效地整合，设计出条理清晰、主次分明的信息结构，便于受众查找，是信息图形设计工作的重中之重。本文通过对信息图形设计的发展趋势、设计特点及表现形式等方面进行研究，分析了信息图形设计在网站中的应用优势及必要性，为人们获取信息提供更多的便利。

关键词：信息；图形设计；网站界面

信息图形的概念出现在20世纪中后期，信息图形将信息与图形、图表等结合在一起，能够更加直观和清晰地阐述数据，使受众更加迅速地理解数据传达的信息，清楚数据之间的关系，以及数据所反映的事件或者事物及他们发展的状态和趋势。

1 信息图形设计在网站界面中应用的必然趋势

信息图形设计的发展变化离不开科学技术。信息图形设计伴随着科技发展和人们审美要求的提高将不断地发展及应用。网站作为信息时代最主要的传播媒介，信息图形的应用是网站界面设计发展的必然趋势。

1.1 数字技术的发展

数字技术的发展为艺术设计的创新设计提供了技术支持，数字艺术是艺术与技术相结合的表现形式——相辅相成、相互促进。离开数字技术的艺术作品将失去许多新颖的形式感和趣味性。数字技术的发展对于网页界面信息图形设计起到了至关重要的作用，信息图形设计更是依靠着数字技术的发展实现新的突破。网页设计软件的发展与完善，使网站界面设计的信息系统化、设计专业化，加快了信息传达的准确度。技术的进步促进了艺术设计的发展，设计的需求也激励了技术的更新。因此，在进行网站界面中进行信息图形设计时，应时刻注意新技术的发展应用，利用新技术更好地展现设计，实现信息更好更快地传播。

1.2 审美要求的提高

网站界面设计是随着现代科技发展起来的新兴设计领域。如今，人们的工作生活已离不开互联网，网页界面中往往承载着大量的信息。因此，信息图形设计在网站界面设计中必不可少。网页界面的设计主要是针对视觉来开展进行的，而信息图形设计能更好地帮助人们从掌握主体内容，让原本不易理解的事物变得脉络清晰准确，并且美观易懂。信息图形设计在网站界面中的应用不只是简洁明了的进行信息阅读和提取，也是人们对于视觉设计美的追求，信息图形设计能够美观地展示枯燥的数据和文字，多样的图形设计和鲜艳明亮的色彩都能够更加吸引人们的注意，充分体现了人们对于审美要求的提高。

2 网站界面中信息图形设计的特点

2.1 可视的信息传达

网站界面中信息图形的应用主要表现在两个方面：一是将网站界面中最主要的信息有效地呈现出来；二是将网站界面多层次的信息呈现出来。信息图形设计是将文字信息、数据图表等用图形的方式将信息生动有趣地展现出来，其根本目的在于将信息用清晰、简洁、易理解的方式传达出来。在网站界面信息图形的应用中应该突出信息内容，使网站的信息内容可读性更高，最大程度的传达信息内容，处理好信息的识别度和图形的美观性，是信息图形设计在网站界面中应用的关键。

2.2 美观的信息展示

信息图形不仅要有效地传播信息，还要具有视觉美感，只有这样，在受众获取信息的过程中才能产生愉悦感，有助于信息的传播理解。对于网站界面而言，运用将信息图形化的方法对于界面中每一层信息及结构进行梳理和规划，将图形、文字、色彩等元素通过排版、组织结构的方式，呈现出一种视觉美感。在保证信息易识别的基础上，准确地传达出信息之间的联系及结构。

3 信息图形设计在网站界面中的表现形式

3.1 文字图形设计

网站中文字的图形设计主要有两种形式：一种是将文字直接进行图形设计，“字”与“图”结合，具有功能性和视觉导向性；另外一种是将文字有序的组合成图形，“字”组成“图”，具有直观性和隐喻性。将文字图形化后的界面，更加吸引人们的注意，加快信息的理解速度。人们对于图形元素的记忆和兴趣远远大于对文字的理解记忆，将文字所含意义用图形的方式表现出来可以加快信息的传递，也可以通过把大量文字精简成具有逻辑关系的图形表达。

3.2 数据图形设计

网站界面所蕴含的信息量都是非常大的，对信息进行系统的整理，可以减少用户了解信息的时间。数据信息的图形设计是网站界面中信息内容迅速呈现的一个重要板块，数据信息的图形设计有利于迅速的展示信息。快速地了解统计数据，将数据进行图形化设计，有助于用户的分析比较。

3.3 結构图形设计

网站结构的图形设计可有效让用户对于网站有一个整体的感知，快速了解网站的功能和内容。网站界面结构的图形设计通过对文字的疏密、图形的大小和方向、背景的虚实、色调的变化等来产生视觉的空间感和韵律感，有效引导用户的视线。网页界面中的框架结构图同样能够传递信息。一些网站页面的框架骨骼就是从它的LOGO演变而来的，传递着高度的企业理念信息，具有很强的识别性。

网站界面的整体结构排版是网站界面的主体，是界面的骨骼，设计得当不仅具有引导视觉流程的作用，还能增强信息的传递。满足人们审美和个性化的需求。

综上所述，网站界面设计的整个界面元素应该包括风格、字体、色彩、结构、用户体验等等，上述图形化文字、数据、结构都是信息图形化在网站界面中局部应用的体现。这些元素相辅相成，信息图形设计在网站界面中的应用是一个综合具体的概念，需要整体考虑设计。

4 信息图形应用于网站界面设计的优势

4.1 视觉元素的提炼

信息图形设计是一个提炼信息并图形视觉化的过程。对于在网站界面中有效应用信息图形所提炼出的视觉元素，减少了用户在使用过程中所要处理的信息内容，使用户在界面中可以迅速将记忆力集中到网站所要传达的核心信息内容上。如今，界面扁平化的设计趋势便是最好的例证，界面的简洁的图标结构更有利于用户获取信息，人们更愿意接受简洁干净的信息图形所带来的视觉认知体验，运用最简单的图形视觉元素传达出更多的信息。在网站界面中多余的视觉元素会降低信息的认知度，信息图形设计会有效的提炼出视觉元素传达信息，在网站界面中应用有利于清晰表现出网站信息的各部分结构，使用户有更好的体验。据认知学研究表明，人类只能够同时记住界面中4到5种视觉元素.因此，在不影响整个网站使用的情况下，信息图形设计能够使网站界面的视觉元素更加精简系统。

4.2 色彩信息的传达

信息图形设计中色彩的使用方式不仅可以区别各个事件、数据之间的关系，帮助用户记忆信息，还能够表现抽象信息所具有的情感属性和氛围。在处理网站界面中信息图形的色彩时，图形大小和颜色之间的对应关系是在网站界面中设计的重要因素。在网站界面的信息图形设计中增加适当的色彩，利用互补色和同类色可以使不同的信息更容易区分和识别，提高用户的反应速度。利用色彩的冲击力和隐喻带给用户更直观的感受，在用户与网站界面中信息图形化的交互过程中，快速识别信息内容并及时得到界面的反馈，能够缩短用户的认知和操作的时间，提升用户情感体验。

4.3 人机互动的流畅

合理地将信息图形在界面中进行规划可以提高人机互动的流畅度，人们的视觉感应会随着图形信息颜色信息的变化而变化，具有一定的方向性和重点性，这就要求在网站界面的设计中合理地使用和分布信息图形。网站界面中的信息图形会影响到用户在交互过程中的效率和速度，如果信息图形运用得好可以有效地提供操作上的帮助。网站界面中的信息图形可以引导用户对界面信息进行选择、移动、拖拉等操作，帮助用户快速熟悉界面信息，清晰流畅的获取网站的信息内容，同时也增添了人机交互的乐趣。例如，初始界面提供鼠标或手势操作示意图，标明如何切换、放大或选择；在可以继续点击或选择的信息图形上做以闪动、发亮等提示性标志，以此告知用户下一步的方法和步骤；当用户在操作过程中出现错误时，及时给予友好的提示和建议，减轻用户由于持续出错而出现厌烦情绪。由于网站中信息量大、层级复杂，信息图形在网站界面中的应用可以令用户在选择信息时形成一个较为流畅、完整的行为过程，更能令各种信息之间的关系清晰化。

4.4 情感体验的提升

设计的直接的对象是使用者，人在使用产品时就是一个人机交互的过程，设计艺术更应该注重的是使用者的感受，是与机交互的情感体验，而不仅仅是提高使用的效率和简易性。因此，一个成功的设计应该是针对目标人群的情感体验所进行的，使人心情愉悦，让人喜欢，给人带来快乐。产品具有好的功能是重要的，产品让人易学易用也是重要的，但更重要的是，这个产品要能使人感到愉悦。[1]

网页界面中良好的视觉设计能给人深刻的印象，精心设计的内容、颜色、图片都能给人留下良好的、舒服的环境去体验产品。在设计过程中，设计的目的也要明确，怎样让用户对产品和品牌有深刻的印象，要了解他们的心理感受是什么以及用什么方式能挑起他们的情感。

网站中信息图形设计的作用不容小覷，它扮演着使人愉悦、记忆深刻、充满趣味的角色。用户通过图形化的表达快速获取信息，不用经过烦琐的认知过程。同样，使用图形化的语言也可以让交互方式更具有情感，抓住目标用户的情感场景而做出的视觉表现，能有效触动和推进产品和用户间的交流。因此，网站必须与用户之间建立起熟悉、亲切、喜爱甚至贴心的情感。

参考文献：

[1] Donald Norman .情感化设计[M].

[2] 戴立玲.信息图形化基础[M].北京：北京化学工业出版社，2004.

[3] 鲁晓波，詹炳宏.数字图形界面艺术设计[M].北京：清华大学出版社，2006.

[4] 叶苹，段佳.图表设计[M].江西：江西美术出版社，2006.

[5] 简·维索基·欧格雷迪（美），肯·维索基·欧格雷迪.信息设计[M].郭瑕，译.译林出版社，2009.

[6] 孙皓琼.解构图像——隐藏在图像设计间的讯息传达[M].台北：佳魁资讯，2012.