信息传达在网页设计中的有效性简析

2018-03-28 08:52
传播力研究 2018年11期
关键词:网页张力图形

我们生存在一个多元的社会系统里,特别是20世纪以来,社会信息的大量积聚使人们对信息整理的要求剧增,信息传播和接收的有效性变的尤为重要。而设计是解决这一社会问题的最有效且最经济的方式。

根据美国哈佛商学院研究人员的分析资料表明,人的大脑每天通过五种感官接受外部信息的比例分别为:味觉1%,触觉1.5%,嗅觉3.5%,听觉11%,以及视觉83%。所以视觉形式的信息接受是人类最主要的信息来源,视觉信息传播的形式可以达到最大的传播效果。视觉传达设计就是通过对信息进行可视化设计来达到传播信息的目的。而数字化多媒体的出现不断地挑战并充实着传统的视觉传达方式,视觉传达由以往形态上的平面化、静态化,开始逐渐向动态化、综合化方向转变,从单一媒体跨越到多媒体,从二维平面延伸到三维立体和空间,从传统的印刷设计产品更多转化到虚拟信息形象的传达。

互联网就是当今时代占据绝对主流的传播方式,它代表着一种崭新的信息交流方式,它使信息的传播突破了传统的政治、经济、地域及文化的阻隔,使信息传达的范围、速度与效率都产生了质的飞跃。当代的网页视觉设计由最初的信息堆砌到后来的图形化、抽象化,走到今天的信息视觉化,经历了3个迥然不同而又相互递进的过程。然而很多网站的信息传播效率并不高,甚至造成了根本无法使用户获取有用信息的状态。网络是一个处理信息的巨型平台,如何提升网页视觉信息传达的有效性,是网页设计者必须要解决和重视的问题。

一、信息图形设计

信息设计是感性与理性的有机结合,是用合理的设计方式分析并组织数据和信息,让数据信息变得明确有针对性,可以方便用户阅读记忆。信息图形设计是信息设计中最常见的方式,采用图片、符号、颜色和文字等要素组织信息。通过对比、空白和张力构建设计形式和内容之间的联系。

(一)对比手法的应用分析

图形设计主要是以对比为基础的,它可以引导观者的视线并分配版面中元素的重要性。对比存在于图形设计的很多元素之间,文字通过大和小、衬线字体和无衬线字体、黑色和白色等之间的对比来增强视觉吸引力,图像则是在明和暗、抽象与具体、有序与混乱等方面进行对比。在一个界面上,彩色与单色、图形与文字之间都可以形成对比。而这些对比并不是无意义的迎合设计,而是每一处都有它的特定目的,颜色的对比突出重点。色块与实物摄影的对比使网页更有节奏性,通过对比的形式更能吸引人的注意力,留下深刻的印象。

(二)留白和张力的功能分析

留白是主要用于构建图形设计平衡的属性,它是极简抽象艺术的重要表现手法,可以定义比例,把元素整合或者拆分,提升元素的生命力和趣味性。留白也同样被广泛运用到中国画中,实践研究表明,留白的合理使用,会改变传统阅读的习惯,引导用户进行浏览,有效地突出了网站计划传递给用户的信息,是信息传达更加直接准确。通过留白手法的运用,平面设计的想象空间得到了有效拓展,可以让观众充分发挥联想能力,作品意境得到了丰富。留白的艺术作品所营造的通透感,使设计变成“会呼吸的设计”。在设计中还有一个重要属性是张力。用户会通过张力把设计的细微部分联系起来,利用张力吸引用户。

页面中的空白用来定义页面平衡并且吸引用户进行浏览,突出必要传递信息。图形的应用将注意力吸引到为什么如此设计的问题上来,用户会尝试解读设计的意义。它本身的张力引导用户进行交互点击,使用户体检更加便捷准确。信息设计的最基本原则就是准确性和有效性,所以合理运用构建联系的这三种设计属性,可以设计出优秀的图形设计。

(三)隐喻手法在信息传递中的重要性

图形设计是信息传达中最有效的形式,除了三大设计属性之外,图像元素是构成优秀图形设计的的关键。主动直接的展示形式可以使用户集中注意力在图像主题上。而另一种更具设计感的图像表现形式是隐喻。这种表现手法会引导用户研究设计意图,优秀的隐喻通过形状颜色和抽象含义传递给用户的是长久的记忆。相反,如果隐喻的含义没有认真的揣摩设计,那同样很容易给用户留下完全不正确的印象。

二、结论

在这个多元化的时代,网络是一个标志,信息的传达不会因为方式而受到阻碍。网页作为一种新的视觉表现形式,是信息交流的发展趋势。本文通过简要分析了提升视觉信息传达有效性的几点原则。简洁和复杂不是衡量设计的标准,设计是需要考虑信息所处的环境和受众群的。以真实的信息为基础,在此基础上达到更好效果的“有效传达”才是网页设计的关键。对比适当、重点突出的视觉图形可以帮助我们以整体的分析观察数据,使原本复杂的事物变得清晰准确,易于理解,更加美观。舒适的用户体验还可以促使用户收藏并重复浏览网页。网页视觉信息的有效传播,不仅是满足信息提供者的诉求,也使浏览用户获得愉悦与共鸣。

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

[2]Smashing Magazine网站[德],陈宗斌 译.众妙之门:网站UI设计之道2[M].北京:人民邮电出版社,2012.

[3]Cooper,Alan.About Face 3:交互设计精髓[M].Wiley,2007.

[4]Smashing Magazine网站[德],赵俊婷 译.众妙之门:网页设计专业之道[M].北京:人民邮电出版社,2013.

[5]鲁道夫·弗里林[德],迪特尔·丹尼尔斯[德],潘自意,陈韵 译.艺术媒体网络[M].上海:上海人民出版社,2014.

猜你喜欢
网页张力图形
翻转,让记叙文更有张力
论张力
基于CSS的网页导航栏的设计
基于HTML5静态网页设计
张力
张力2
基于URL和网页类型的网页信息采集研究
分图形
找图形
网页制作在英语教学中的应用