网页设计论文

您当前的位置:学术堂 > 计算机论文 > 网页设计论文 >

网络设计语言的发展新方向

来源:学术堂 作者:陈老师
发布于:2017-01-03 共4595字
  本篇论文快速导航:

展开更多

  4 网络设计语言的发展新方向
  
  新世纪是互联网发展的信息时代,计算机技术的发展是互联网走进了千家万户,从政治到商业,从艺术到娱乐,上网冲浪已经成为现代人的一种生活方式,越来越多的人们也开始接受网络的商业行为参与进来,网络技术日新月异的变化给网页设计提供了一个新的空间,超越了视觉和听觉的局限,创造人们互动的体验成为可能。
  
  而网页设计作为信息时代的艺术设计语言,是平面设计信息在信息时代的延续。网页设计打破了传统的二维静态空间的限制,其动态和交互性是网页区别于传统印刷和影视媒体的重要特征,这使网页设计的语言设计创新成为一个崭新的设计领域,同时也成为视觉设计在信息时代新的发展方向。
  
  4.1 由静到动,由动到互动

  
  互联网的视觉设计是传统平面设计的新模式,网页的信息展示模式包含了图文、声像、影音等类型的信息。相比较传统的平面设计来说,前者是多维空间的数字化新媒体设计,后者是依赖于印刷媒介的二维空间设计。传统平面设计利用文字、图形、色彩等元素语言,按照一定的版式规律构成新的视觉形象,依附于二维形式的媒介之上,传达信息。这种依附相对静的媒介,用来表达丰富内涵和读者进行信息交流,产生共鸣。而互联网的视觉设计,则是承载于网络为媒介的动态展示和表述。
  
  随着互联网络的不断发展,单纯的信息传达的网页页面已经无法吸引浏览者的目光。而网络互动的概念被大部分人所喜爱。在传播学理论中论述的观点也表明,传达者与接受者之间需要有很重要的互动性。现代视觉设计中加入了越来越多的互动理念,目的在于取代以往的单方面的信息传达。所以,以往传统的依附视觉媒介传达信息的方法已然转变,平面视觉要素已经和多媒体的元素相结合,以产生更多的互动,相互配合。而对于广大受众来说,网页中的视觉语言,为这二者的联合互动提供了机会。
  
  4.1.1 交互化视觉元素
  
  “链接”一词在网络应用中随处可见,链接是网页页面的一个重要特征,它可以轻易地实现网络中的资源交流。通过简单的单击操作,就能够实现字、词、句、图片、视频等等之间的资源交互。超级链接是网页浏览者找到需求信息的重要线索,使其在需找过程中,摆脱以往单调乏味且纷杂的文字搜索,可以在享受新奇的视觉元素链接下,实现信息交互共享。
  
  交互化视觉元素在表现方式上,应该首先考虑链接设计的人性化。例如一些首页的导航条、地图中的交通工具热点(如图 4-1)、页面媒体播放按钮等元素,要依照人体视觉规律,尽量安排在页面的顶部或者页面的左上角位置,根据链接内容的重要程度再依次进行排列。某些网站由于信息量很大,导致页面过长,这时可在页面的顶部或底部设计设置返回主页、返回顶层、告知所在位置的链接。
  
  图中为 BULL 的商品网页,不管是左右方向,还是上下浏览,都会以自己标识特色的红色小按钮作为链接,使用户浏览时,随意的上下左右移动后,十分方便的回到首页的初始位置,给用户带来十分人性化的设计,实现人与商品信息的良性互动,使购物变得更加有乐趣(如图 4-2)。除了考虑设计的人性化外,还应注意风格上力求简单明了。网站网页的界面目录或者首页设计上。
  
  应该避免过多的超链接,在链接按钮的视觉设计上,也应该遵循简洁的规律。对于一些不合理的信息布局应该注意避免。对于多段落的文字要按照主次递进的关系,进行分类和位置安排,过大的图片需要链接时,也应该在合适的位置给予提醒,这样既不影响图片美观,还可以给予浏览者自由选择的空间。
  
  最后注意网页页面的整体风格统一。为了保证浏览者在页面观看中不会发生迷失目标的方向现象,网页页面的导航条等系列的交互要素在设计时应定要保证设计样式的一致性与整体性。所谓的一致与整体具体体现在文字信息的分层分类、结构形式、版式布局等方面。只有整体风格统一,才能向受众传达网页的信息时,做到完整和明确。在视觉语言的表达上,风格一致。
  
  4.1.2 动态元素
  
  网页语言设计中的动态要素主要包括声、像、影、音等多媒体文件,相较于静态的平面元素而言,它们的多样性十分的生动与活跃,可以更好地促进观赏者之间的互动与交流。
  
  例如动画媒体,以强烈的亲和力使其产生愉悦感,适应浏览者的心理特征。
  
  动画和一些视频作品最突出的特点就是可以制造某种情绪、某类感觉或者是感人的情感。还有一些创意的二维动画三维影像,制造的一些人与电脑之间的对话或交流,极具趣味性的同时还可以释放人的某些情绪。不管是使用静态的二维图片还是三维的动画或者视频等元素,最终的目的是制造整体页面风格轻松而活泼的视觉体验,同时满足层次丰富的心理作用。
  
  多媒体的重要组成要素之一:声音。在网页系统中,除了视觉应用,必不可缺的还有听觉成份。浏览者在网页浏览寻找所需信息的同时还可以听音乐实现听觉的享受,这也是网页视觉语言中与其他二维平面设计语言的很大区别。通过互联网可以实现网络电台的直播,网络音乐播放与下载,网络电影直播在线以及网络游戏环境等很多的功能一些精彩的 FLASH 因为有了声音的实时播放,可以使浏览者身临其境。一些网页配以好听的背景音乐,用来营造气氛,是浏览者在浏览信息的同时,被音乐唤起一些很特殊的情感,从而加强对于该网页所在网站的记忆性和关注性,为其带来不同凡响的效果与活力。
  
  很多视频文件在页面打开初始,常以第一帧的静态图像出现在浏览者面前,再点击播放按钮之后才开始播出,所以,视频也可以被看做视觉语言的平面要素在网页的页面设计中。在网页视觉语言表现上,视频文件其实和图片元素在页面版式编排的方式一样,需要和文字元素与色彩元素共同构建。由于目前受到网络技术影响,视频文件在页面的显示尺寸较小,但可以预见,由于它在声音的传输和影像播放的优势性,将来会在未来网络设计传播应用上有更大的发展空间。
  
  4.2 以人为本
  
  温迪·瑞奇蒙德的一句话:平面设计师的作用就是作为译者,将信息放入让人们更好地理解内容的视觉形式中。……不是把它设计得更加漂亮,而是设计的更加易懂。这句话作为网页视觉语言研究的我们同样受用,值得我们思考。网络发展初期,浏览者对于网络的要求十分简单,就是信息的查阅或者工作总结一类的一般使用,随着人们经济水平提高,对于网络的要求也随之增长。人们希望在获取网络信息的同时,在精神上得到更高层次的精神满足,所以网页设计的视觉语言表达时,更应该趋向于人性化的设计,同时也是社会发展的必然过程。
  
  我们必须通过聪明才智和设计技巧,使原本晦涩繁复的信息变得简洁易懂,瞬间被人们所理解,而且乐意接受所传递的信息。
  
  这就决定了设计师不单单是一个懂得使用制图软件的高手,还需要有很强的理解能力、组织策划能力、编辑能力、宏观掌控能力及微观协调能力等。使信息接受者能轻松快速的理解并欣然参与其中。该网页主要用户为女性,所以网页以紫色为主色。创意在于两只手的逆向设计,令浏览者眼前一亮(如图4-3)。就像观众愿意掏腰包买票进电影院,同时为你拍摄的影片叫好。好的设计是妇孺皆知的,它简洁、明确、肯定、容易理解,必须为尽可能多的人群快速而准确的解读。
  
  4.2.1 为什么要以受众为中心进行设计?
  
  无论是宣传单页、网页页面、商品包装盒、pop 海报,还是产品说明书、导视标牌、或者杂志封面,都需要有人阅读,没有人阅读的设计是无效的、没有意义的。而同样,需要阅读却读不明白在说什么,或者误读产生歧义,都是糟糕的设计,稍微留心一下周围充斥的广告招牌、店铺门头、随手接取又丢弃的传单、看不懂得菜谱等等,就知道我们周围存在着多少实则重要,但却往往被我们忽略的信息,使读者本身的忽略和不耐烦造成的吗?当然不是,其主要原因是商家和平庸设计师共同作用的结果。设计师无法决定商品是否为消费者所需要,但可以决定设计是本着为读者服务而展开的,只有设计所包含的信息被注意到、被解读到,才能保证信息的有效传递。但结果往往事与愿违,读者没有我们想象的那么悠闲和敏感,在现实生活中,我们的心灵和思想常常处在一片停滞和被动之中。这就决定设计师必须站在读者的角度去思考和感受,从而完成设计作品。
  
  4.2.2 人性化的视觉语言表现
  
  在网页中的视觉语言表达之初,我们就应该更多考虑人性化的语言设计表现。通过设计语言的基本元素,如文字、图片、色彩等语言的构成与变化引发浏览者的感受感和体验感,也就是我们成语中的以情动人。
  
  在网页文字语言的设计中,文字的处理十分重要,由于网页的本来作用是用于传递信息的,不管在哪种类型的网站,文字都是不可或缺的设计元素。尤其是一些以资讯为主的网站,会有大量的文字信息,作为页面中的最大构成元素,通常我们会把实适宜阅读的宋体作为指定字体,字体颜色要很据网页主题背景色设计,要注意和整个页面风格搭配的和谐美观。例如:在网站网页的背景用色上,白色背景的网页,我们会使用黑色,这样就可以保证受众在长时间的浏览网页信息时,不会产生视觉疲劳感。
  
  图形语言,由于具象或抽象的多样性表现形式,深受视觉设计者的喜欢。比如绘画与造型的形式来表达主题的不同意境和格调,根据受众的情感需求,体现出比较直观的视觉效果。这种视觉语言具有比较自由的特征,可以发挥想象空间并展现出设计者的艺术修养和创造能力。充分利用图形语言的特性表现诉求对象的特征,可以形成独特的格调和强烈的视觉效果。由于图形语言通俗易懂,有广泛的社会基础,可以较快地与观众达到共鸣。可以为人性化设计提供更大的发挥空间。例如版画、剪纸、卡通以及抽形象图形等等。一些抽象形态的图形、色块在表现网页内容或产品主题时,往往具有简洁、明快和强烈的效果,收到了一些年轻浏览者的喜欢。
  
  网页中的色彩设计是人们打开网页第一感觉的给予元素,网页整体风格依附于布局存在,色彩一旦与相对应的视觉语言元素相结合,便可以赋予强烈的感情色彩以及表现特征,精神影响就会加大。网页视觉语言中的色彩元素,因为初期的设计表现目的不一样,与之搭配的配色方案也不同。由于网页的适应性,所以我们应该考虑使用网页安全色。这样可以在设计中颜色的运用中体现人性化。我们应该首先确定能表现主题感觉的一到二种的主体颜色,再根据具体的需要,挑选近似的颜色构成整个网页的配色布置。整个网页页面用色布置在视觉上应该是一个整体,以使受众得到赏心悦目的效果。
  
  4.2.3 组构和布局
  
  网页设计中的版面构成语言,也是网页展现的关键,具有十分重要的位置。比如网页主页的版式,是由若干的文字和图片等元素组合而成。而文字元素通过字号的设置,使文字可以通过放大与缩小,进而达到区分标题和正文的不同的目的。网页的图片也有面积的大小之分、版式的横竖之别。当二者同时出现在网页页面时,就需要分析观者的需求点在哪?根据受众需求,按照规定的次序把图像元素和文字元素进行合理的组构和布局,在画面中内涵的视觉引导和视觉流程,是页面成为一个有机整体,展现给广大受众。同书籍杂志等平面的版式设计一样,其实版式语言的具体作用,就是将各种网页元素在有限的屏幕页面空间中排列组合,根据不同主题网站的不同受众,才有不同构成排列方式给予展现,能够满足浏览者的感官美感、精神享受以及感情需求。
  
  网页视觉语言的情感化表达,目的是为了和浏览者在情感上长生互动和情感交流,最终达到情感维系。就是设计中的以情感人。设计时只有用心体会受众的需求,才会得到受众的关注,才能以情感打动人。例如某些网站打开时的背景音乐处理,使音乐动听悦耳,使浏览者在电脑前感到放松与舒适。在各个方面充分发挥以受众为中心这一宗旨,将人性化的设计理念时刻放在首位。
返回本篇论文导航
相关内容推荐
相关标签:
返回:网页设计论文