新媒体网页设计发展分析

新媒体网页设计发展分析

摘要:

文章介绍了新媒体的产生与发展,分析了其与传统媒体之间存在的差异.在网页设计中,包含了色彩、文本、图形图像、多媒体以及布局等诸多的视觉元素.分析了网页版式设计中应遵循的形式美法则,涉及到变化与统一、对称与均衡、节奏与韵律、对比与调和以及重复与交错等方面.同时,指出了当前网页设计所存在的局限性,最后,从审美风格、版式、形式、人性化设计、表现、功能与技术等方面,对新媒体环境下网页设计发展趋势进行了探讨.

关键词:

新媒体环境;网页设计;视觉元素;发展趋势

1新媒体环境概述以及新媒体环境下网页设计发展趋势分析

1.1新媒体的产生与发展

第五次信息革命爆发以来,促进的计算机的普及应用,互联网逐步走入了人们的工作和生活之中.新媒体是相对于传统媒体而言的,依靠计算机技术的开发和应用,逐渐形成了媒体形态.在人们日常的工作、生活和学习之中,遍及了各个领域.新媒体属于时间概念的范畴,是指在某一具体的时间段内,存在的方式为某一种或者多种的具体形态.从发展的概念来看,新媒体并非在某一现有的媒体形态上停止,现在所谓的新媒体,在未来的某一天也会成为旧媒体.就其发展的趋势而言,大的方向是趋于整合型的媒体.

1.2与传统媒体的差异

相比于传统媒体,新媒体在很多方面存在着差异.第一是时效的差异,信息内容处于不断更新的状态,便于受众进行随时随地的查阅,较传统媒体简便了许多.第二是版面的差异,不再有平面布局的概念,而是以时间流来进行信息的分配,版面规则更加自由化.第三是受众的差异,完全开放的网络媒体,便于进行有选择地查阅,受众群体因而拥有了更大的选择空间.第四是市场的差异,基于互联网的市场竞争日益激烈,不像传统媒体受到国家的调控,网站的上线与退出较为频繁.第五是成本的差异,不仅前期制作的成本较低,由于绝大部分内容免费,受众购买也不再是等价交换的方式[1].

1.3新媒体的传播特性

与传统媒体相似,新媒体也有着传播性特征,但同时又有着自己的特性.首先是超媒体性,受众可以根据自己的需求对阅读文本信息的内容进行选择,而不再需要按阅读顺序.其次是交互性,传播的过程双向的、互动的、且可逆的,受众同时扮演着接收者、参与者、以及制造者的角色.再次是虚拟性,无论是信息本身还是传播关系,都存在着虚拟性,传统的展览形式也因此而被改变.最后是开放性,作为高度开放的媒体形式,新媒体的检索范围更加广泛,且不受地理区域等因素的限制,便于用户随时随地的接收信息.

2网页设计的视觉元素

2.1色彩

光的折射产生了色彩,红、绿、蓝是最基本的三种颜色,能够调和组成其他的颜色.电脑屏幕是网页的载体,自身就是一个光源,网页是服从于显示屏幕的.在网页版式设计中,色彩是主要的构成元素,需要对其进行合理的使用,以便增强页面的视觉效果,从而吸引观众的眼球.在进行色彩设计时,应正确选择整个版式设计的主色调与辅助色,用无彩色统一整个页面.并根据不同群体的喜好,为其选择色彩出发点[2].

2.2文本

在网页设计中,文本是一种一直存在的基本元素,分散于在网站的所有页面里.不仅准确的说明了网页的主题,更是网站版式设计精髓的代表.交流信息是文本的首要作用,同时还能够起到美化装饰的效果.常见的文本形式较多,包括了标题文字、信息文字与链接文字三种.文本有着可识别性的特征,网页中清晰可辨的文本,是重要的信息传递途径.文本还有着视觉美感的功能,最适合的表现形式可以通过调整字体来实现.

2.3图形图像

相对于文字而言,图形图像有着强大的视觉冲击力和瞬间记忆力.因此,在进行网页设计时,应当对已获取的图像进行专业化的处理,以获得多种形式的素化图像.网站使用图片,是为了引起受众的关注,需要结合网站的主题,加以区别的进行图片选择.图片形象不会受到语言和国界的限制,而是世界通用的,通常能够让受众一眼看懂.

2.4多媒体

多媒体包括了音频、视频、以及动画,以数字化技术为后端,经过复杂而综合的处理,将完美的效果展现在世人面前.很多网站为了增加自身的浏览率,往往会在自己的页面版式中,放置一些视频或者小动画.不仅能够增加乐趣,更有助于网站自身技术含量的提高.纵观网页的发展进程,从最初的纯文字项、到之后的图文并茂、再到如今的多媒体元素结合,多媒体的发展是一个必然的发展过程[3].

2.5布局

网页内容在页面上所处的位置,称之为网页的布局设计.根据一定的审美法则,将各个构成元素进行位置关系的摆放.网页布局工作十分严谨,与其他的编排设计,有着异曲同工之妙.相对固定的页面版式尺寸,丰富多样的主题内容,千变万化的文本、色彩与图形图像,彼此之间的关系都需要正确的处理.

3网页版式设计的形式美法则

3.1变化与统一

形式美的总法则,在版式构成中,体现出了变化与统一的完美结合.通过产生视觉上的跳跃,从而保持页面的整体感.在规律的形式中,出现了不一样的形式.使得版面形成了差异,进而在是视觉上给人以跳跃之感.在网页版式设计中,产生变化的图形元素较多,包括了大小、方向、形状、以及色彩.网页版式设计中的统一形式种类较多,涵盖了颜色、字体、大小、形式等方面的统一.而页面元素的改变,则遵循了一定的规律和次序,通过多元化的发展变化,以达到画面效果的统一高雅[4].

3.2对称与均衡

一比一的视觉效果,称之为对称,给人以稳重、平衡之感.在网页版式中,上下、左右与放射对称,是较常采用的对称形式.页面的对称也应当适度,如果一味追求过分的对称,容易给人以死板、生硬的感觉.均衡犹如一杆秤,显示了被称物体的重量.换而言之,就是在一个基础的支点上,同时放置了多个构成要素,通过加减运作等方式,从而保持物体的平衡,达到一种等量的状态.在把握均衡效果的时候,还应有效兼顾对称的效果.因此,对于设计师的艺术修养,提出了更高的要求.

3.3节奏与韵律

在音乐与诗歌之中,往往包含着丰富的节奏与韵律,给人以美的欣赏之感.而在网页版设计中,同样存在着无声的韵律.通过对一个元素的反复排列,能够产生韵律之感.借助于一定的表现手法和形式,以及文字、图形、色彩的组合,产生重复变化的节奏,进而形成特定的韵律,对版式节奏的效果起到了很好的控制作用.而多个图形的并列重复,伴随着有秩序的音乐节奏,则能够产生节奏较强的视觉氛围,增强版面的生气和活力[5].

3.4对比与调和

由于事物存在着一定的不同与相同,进而产生了对比与调和.对比广泛存在于网页版式设计之中,例如文本与标题、图形与图标、图片与图片、以及主色调与辅助色,彼此之间都存在着对比.变化是相对于对比而言的,而融合则是调和所产生的.对比的作用在于,能够使得个别要素的特征更加增强,产生刺激的视觉冲击感,从而吸引人们的注意.但如果过度的运用对比,容易给人以凌乱之感,需要借助于某些元素进行调和,以保持版面的整体感.

3.5重复与交错

版式设计中所重复使用的基本要素,包括了文字、图形、图像等.以Flash网页版式为例,由远及近、由大及小的排列统一的照明灯,以形成点或面的重复,所产生的变化存在于整齐的页面之中,从而起到装饰性的作用和效果.同时,应当避免单纯或未经思考的重复,以免令人产生呆板与枯燥之感.在网页版式中,通过适度的添加一些重复设计元素,反而会使得页面看起来会更加有趣[6].

4网页设计的局限性

由于网络媒体的日益普及,出现了丰富多彩的网页数量和形式,极大的促进了网页设计的发展.就整体情况而言,网页设计还存在着较大的局限性与不可控性.首先是被动点选的局限,由于失去了传统媒体强迫性阅读的特点,受众进行选择性浏览更加方便,对设计的水平与网站的内容,提出了更高的要求.其次是版面的局限,受到了计算机显示器屏幕大小的限制,限制了排版布局的空间.再次是技术的局限,网页的设计并非个人所能够完成的,而是依赖于设计团队,需要艺术与技术共同完成.最后是生理的局限,受众的阅读姿势相对固定,且长时间的浏览网页,容易造成视觉上的疲劳,进而对损害视力[7].

5发展趋势探讨

5.1审美风格传统化

首先,要注重线元素的适当应用,既要防止因为过多而使版面凌乱,也要避免过少而导致中国传统线元素的韵味难以体现.其次,要注重透视法在平面布局中的应用,重点在于大场景式的版面布局,而不是局部的透视法则.再次,要注重留白,在传统的中国画之中,对于传神较为重视,应当删除琐碎而达到对主题的突出[8].

5.2网页设计动画化

随着多媒体技术的快速发展,动画(Flash)版式设计越来越多的应用到网页设计之中,并且逐步成为一种潮流.纯静态的网页版式,已经远远不能满足人们的需求,由此推动了网页动画的快速发展.动画化的网页设计,不仅能够更容易吸引受众的眼球,更善于表达网站关于某一事件的观点,进而与受众产生共鸣.

5.3形式的多样化

形式的涵义是非常广泛的,既包括了构图的形式,也包括了版式营造的氛围形式,还包括了构成元素的设计形式.上线网页版式形式,往往对设计者产生了诸多制约,不利于发散思维的实现.而多样化的形式,是为了能够将自己的思维更多的放开,所创造的网页版式往往是独一无二的,更容易获取受众的关注[9].

5.4设计的人性化

在以人为本的理念下,人性化设计被大力提倡.在为生活带来方便的同时,进一步促进了网页浏览者与网页之间关系的融合,有助于对个性设计不足进行弥补.网络在沟通性与互动性方面都有着极大的便捷性,传统信息传达的不足在此得到了很好的弥补.非线性的网页阅读,便于受众了解所需的内容与情节,真正实现了信息掌控的自由.

5.5表现的个性化

作为一个时尚的词语,个性化表明了不同的人往往有着不同的特点.对于网页设计而言,不同的网页版式,往往有着不同的内容,因而也就有了不同的个性.随着网络化进程的急速推进,在如今的网络之中,存在着太多的网页版式形式.必须根据具体的内容,结合它们的个性属性,从能够正确的对其加以区分[10].

5.6技术的数字化

信息学的观点认为,视觉和听觉传播,占据了人类接受的外界信息的大多数,恰好符合了网页设计的特点.随着数字化技术的发展,更加丰富了我们的网络世界.数字复制技术的产生,有助于文件品质和清晰度的保证.而虚拟现实技术的应用,实现了视、听、触等多感官的体验.在数字化技术的引领下,改变了人们的生活方式,拓展了自由交流的空间.

作者:蒋昊朋 单位:广东财经大学华商学院文学院

参考文献:

〔1〕涂俊,鲍海,李晓娟.基于多点触控操作的网页界面设计趋势研究[J].科技传播,2014(02):22-24.

〔2〕翁立立.移动互联背景下网页设计分析[J].艺术科技,2016(08):56-57.

〔3〕黄漾.网络媒体环境下标志设计的多维化趋势成因研究[J].美术教育研究,2016(02):112-114.

〔4〕万延.谈新媒体时代下的网页设计与制作课程教学改革与探索[J].美与时代(中),2013(07):88-89.

〔5〕孟开元,史芸.数字媒体环境下标志动画的应用研究[J].设计,2016(15):133-135.

〔6〕曾贤.媒体融合环境中的新闻美术设计以及创新[J].新闻研究导刊,2016(15):77-78.

〔7〕万文竹.基于新媒体环境的网络广播特点与发展趋势[J].新闻传播,2016(22):66-68.

〔8〕宋青.为受众需求而改变———新媒体环境下国外广播节目发展特点及趋势分析[J].中国广播,2013(06):22-23.

〔9〕吉海涛.媒体融合背景下学术期刊发展新模式[J].中国科技期刊研究,2015(01):52-53.

〔10〕高娴.新媒体时代下视觉传达设计发展趋势研究[J].中国传媒科技,2012(20):77-79.