谈平面视觉元素在网页界面设计中的运用

作者简介：王秀杰，中原工学院，研究生。

摘 要：相对于传统的平面设计，网页作为一种传播信息的新载体，使得信息的传播更加丰富多样，给人们的学习、生活、工作带来了极大的方便。随着人们文化水平的逐步提高，人们对网页的界面设计提出了更高的要求，这就为设计者提供了新的设计领域和设计课题。

关键词：平面设计；视觉元素；网页界面设计

一、网页界面设计的概念

现在社会的发展，新工具、新媒介的产生，互网络逐渐普及，网页界面设计也就应运而生。人与人之间的交流需要有媒介，同样的道理，人与网络的交流、互动也需要有一个媒介，而这个媒介，我们就称它为界面。界面设计是一门内容非常丰富的学问，它涉及的领域也是比较广泛的，例如：视觉设计美学、消费者心理学、语言学，包括计算机技术等等，这些学科在网页界面设计中都有着举足轻重的地位。一个优秀的网页，要充分的考虑信息传播的高效性、准确性、针对性等问题，要做好这些，就必须要有一个非常优秀的界面设计。受众者通过网络对某个产品的“第一效应”，是通过网络界面产生的，要抓住消费者的“第一效应”，清晰、准确、有力的传播相应的信息，并让受众者在第一时间内引起兴趣，产生长期关注这个网页的想法，而且能产生进一步的消费欲望，网页界面设计起着至关重要的作用。

二、网页设计与传统平面设计

1、相同的形式规律

网页设计与印刷平面设计是平面设计的不同表现形式，它们本身就是符号的表达方式。设计师在表达设计的过程就是将事物符号化的过程，在这个过程中，就是把设计元素作为符号语言来传播设计思想的。符号是表达思想的工具，任何符号的排列组合都要遵循一定的形式规律，因为形式规律是通向美的工具。形式美的内容是非常丰富的，在这里以构成形式为例：和谐与统一，在网页设计和印刷类平面设计中在表现形式都要讲究均衡，因为这样才会符合大众的审美需求；而且还要注重节奏和韵律，因为这样才会设计出生动的画面，达到吸引观众眼球的目的。因此说在形式规律方面，两者存在着很多的共性。

2、画面构成的共性

在画面构成中，网页设计和印刷类的平面设计有着相同的空间关系和视觉流程。这里所说的空间并不是物理上所说的空间深度，而是在平面设计中，设计师通过对设计元素的艺术处理，例如：点的大小、线的粗细、面的疏密，以及形的重叠等，让受众者在二维空间中从视觉上产生一种“纵深”的感觉，这种感觉就是网页设计和印刷类的平面设计所说的空间。但由于网页设计的特点，网页设计中静态元素和多媒体元素的运用，扩展了印刷类平面设计的空间，甚至是出现了三维、四维的视觉空间。

三、网页界面中平面视觉元素的运用

视觉元素就是人类的视觉感官能观察到的可以表现事物性质的一种符号。网页界面设计主要是借助文字、图形、色彩、版式等符号来表现产品的。

1.文字的编排设计

文字具有存储容量最小、传输速度快的优势、传递信息明确等优点，因此文字是网页设计中用的比较多的一种元素。但是文字在网页中的应用则是非常讲究的，字体的应用要和文字所要表达的内容相一致；文字作为说明产品的符号，在选择字体的时候要考虑到便于识别性，作为装饰作用的字体创意也不能例外，因为文字做到了适合、明确、易读、美观，才便于浏览者阅览和接受，才能在视觉空间中形成美感，符合大众的审美需求。

2.图形图像元素

在网页设计中，图形图像的引入不仅大大的增加了网页提供的信息量，而且还起到了美化网页的功能，因此，图形图像是网页中最重要的设计元素。图形图像更易于表现设计的个性化，这样能给受众者带来独特的视觉体验，加强该网页界面的视觉冲击力，增加受众者对网页的记忆度，最终达到满意的传递效果。另外，图像有着文字所不能替代的功能，图形所代表的是全球性的词汇，他能消除不同国家、不同民族、不同地域的语言障碍，从心理层面拉近与受众者的距离。

3.色彩设计

在网页设计中，色彩可以给受众者强烈的视觉冲击力，提高受众者观赏网页的兴趣。但是在网页设计过程中，要注意色彩的运用和搭配的方法，针对不同的商品要有不同色彩效果，例如：暖色多用于家纺类、食品类等购物网站，用以体现一种温馨的场面和商品的琳琅满目的效果；冷色系多用于科技类、电器类的网站，用以表现一种严肃、稳重的效果。另外，还要注意色彩的搭配效果，例如：相近色的搭配，给浏览者一种舒适、自然的感觉；而对比色的搭配，给浏览者一种强烈、突出的效果。

4.版式设计

网页设计作为一种视觉语言，特别讲究界面整体的编排和布局。在网页设计中，版式设计就是设计师根据特定的内容和主题，合理的采用造型元素和形式原理，把诸多要素在一定的范围内表现出来。

随着人们审美能力的提高，人们对网页设计的美观要求也逐渐增加。这就要求设计师不能简单的把图形、图像、文字等元素简单的堆砌在一起，而是要把网页界面设计的实用功能和审美功能完美的结合起来。从实用功能层面来讲，网页界面的版式设计主要是方便人机的互动交流，能让浏览者快速、准确的抓住网页的重点诉求对象，从而提高信息的传达效率。从审美功能层面来讲，网页界面的版式设计主要是为了满足人们的心里需求，使受众者在接受网页信息的同时，还能体验到由版式设计的美观所带来的遐想和激情，从而得到更多的快乐和艺术气息。

四、网页界面中平面视觉元素互动设计的要求

网页作为传播信息的载体，它既与传统的平面设计的有共性，但也有传统的印刷类的平面设计所没有的特性。信息的传播过程要求传播双方必须做出相应的反应，这样才能达到一个预期的效果。由于交互技术在网页中的运用，浏览者不再是被动的接受信息，浏览者可以根据自己的喜好有选择的主动接受信息。另外，由于网页设计的技术优势，它能承载更多的表现性媒体，这样能刺激受众者多种感官，进而提高信息传播的效率。

由于网页设计的多样性，成就了它比传统的平面设计有更高的影响力，例如：交互性，交互性是网页成为一大热点的主要原因；浏览者能直接的对网页页面信息进行控制，而对于传统的印刷类平面设计来讲，信息的传播内容是按设计师自己的意愿制作、出来的，这样受众者只是被动的接受信息，而网页设计则极大的提高了阅读者的主动性。又如：持续性，即便网页设计已经了，但是他还能被修改，这是传统的印刷类平面设计所不具备的，尤其是一些大的网站，为了让浏览者对网页保持新鲜感，会配合不同时期的经营策略，不断创作出新的网页设计作品。再如：多媒体的综合运用，为了满足和丰富浏览者接受信息的质量，设计师把多种元素综合运用于网页设计当中，目前常见的有：文字、图像、声音、视频等，这样极大的促进了网页设计的发展，赢得了很多受众的喜爱，因此多媒体的综合运用也将是网页艺术设计的发展方向。

参考文献：

[1] 杨玲.谈信息网络媒介与平面广告设计的交互关系[J].科学资讯.2010

[2] 董海斌.平面视觉元素在网页设计中的应用研究[D].西安理工大学.2008

[3] 张丽洁.数字多媒体传播形式对平面设计的影响研究[D].浙江工商大学.2010

[4] 刘利华.网页设计中视觉元素的运用研究[D].湖南师范大学.2009

[5] 吴乃群，史耀军.网页界面设计中视觉传达的解读[J].艺术研究.2007

[6] 于海燕，张正凯，任建沽.从审美角度浅淡网页艺术设计[J].中国电教化教育，2004