浅议网页设计中内容与形式的统一

浅议网页设计中内容与形式的统一

作者：向冬临

来源：《商情》2011年第12期

[摘要]网页设计是一门综合艺术，要以审美的角度,对整个网站进行统一构架与统筹,处理好页面中视觉元素静与动、动与美的关系。本文阐述了网页设计中普遍存在的问题，提出了网页设计思路，要从审美的角度出发，调动一切手段来表现网站的个性和情趣,使之具有独特的风格,实现网页的形式与内容的统一。

[关键词]视觉风格色彩内容与形式

随着时代的发展,网页设计不仅仅是一项技术，而越来越接近于一门艺术。网页的艺术设计日益被网站建设者所重视,好的网页设计除考虑其内容上的精益求精外,还应对内容进行合理有效的视觉编排。

一、网页形式设计表现

网页的形式设计，在网页的艺术设计中占据着重要的地位。所谓网页的形式设计，是在有限的屏幕空间上将众多视觉元素如文字、图表、图片、Flash动画和听觉元素如声音、影视、歌曲等等进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。

二、网页内容构成

网页内容包括形态要素和信息要素两个方面。“点、线、面是构成视觉空间最基本的形态要素，是表现视觉形象的基本设计语言。”只有协调处理好文字、图片与点、线、面各视觉元素之间相互关系，才能设计出具有最佳视觉效果的网络页面。

三、网页形式设计中存在的问题

1.缺乏个性和特色。当我们打开电脑，上网一看，好像哪个网站都似曾见过，从标题的放置，按钮的编排到动画的采用都是如此，这类网站是用教条的、形式化的方式设计网页，缺乏自己的特色。

2.素材堆积。这是很多的网页都具有的特点，它将各种信息如文字、图片、动画等不加考虑地堆积到页面上，网站导航系统不明确，使得用户难以发现需要的信息，更没有统一的风格。

3.层次不清。有些网站栏目层次设置过深，层次过于复杂，图标标识不明确，浏览起来不方便。

四、网页设计思路

1.确立网站的“CI”形象

所谓网站的“CI”形象是指通过视觉来统一网站的形象,它的设计包括标志、色彩、字体等元素的设计。

(1)设计网站的标志(Logo)

Logo图形是通过简约的图像传达信息的象征符号,起着指示识别的作用,它的设计必须体现信息化、视觉化、艺术化等视觉语言特征。它的表现包括图案、绘画等,其设计应保持与网站的风格相一致。

（2）确定网站的主题色

色彩对于事物的表现能力有着其他形式无法比拟的超强效果。不同的色彩搭配，不同的色彩比例，不同的色彩情调，留给人们的感觉都是不同的。所以色彩搭配的优劣，直接影响网站的访问量。一个网站不可能单一的运用一种颜色，让人感觉单调、乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮、花俏。一个网站必须有一种或两种主题色，不至于单调、乏味。所以确定网站的主题色，也是设计者必须考虑的问题之一

运用同一色相色彩易于使页面色彩趋于一致,塑造网页稳定、和谐、统一、雅观的效果。缺点是页面单调,因此往往利用加入黑白灰使其在明度和纯度上加以变化或局部加入对比色来增加变化。①运用邻近色相色彩。这种配色给人以甜美、清雅、和谐之美感。②运用对比色或互补色。这种用色方式容易塑造鲜明、活泼、运动的网页效果,特别适合体现轻松素材的网站,在设计时要注意以一种或两种色彩为主,其他色彩为辅,否则页面会显得凌乱。③过渡色。如果页面中出现色彩对比非常强烈、眩目的视觉效果,就应考虑采用过渡色来调和这种色彩关系。

（3）设计网站的标准字体

标准字体是指用于网页中标题、主菜单以及logo上的字体,一般默认用宋体,为体现站点的“与众不同”和特有的风格,可以根据需要选择一些特别的字体。文字的设计要服从信息内容的性质及特点的要求,其风格要与内容特性相吻合。一般来讲,同一页面上使用的字体种类最多只能有三四种。

2.网页的布局层次逻辑清晰

层次简洁清晰、逻辑严密和谐、外观形式精美的信息作品更易受到欢迎，传达的信息更确切。还要使其信息形式符合人们的浏览习惯、操作方式。在网页设计中，要把握主题内容和形式尽可能做到简洁。

（1）坚持突出重点,平衡协调的原则

通常一个页面的视觉中心是在屏幕的中央或中间偏上的部位,因此,一些重要的内容可安排在此位置,次要的内容可安排在视觉中心以外的地方。

（2）大小搭配,相互呼应

较长的文章或标题,不要编排在一起,要有一定距离,同样,安排较短的文章,图片等也是如此,要相互错开,使页面错落有致,既可使页面呈现韵律美感,又可使页面保持平衡,避免重心偏离。

（3）图文并茂,相得益彰

页面上文字太多,就显得沉闷,缺乏生气。图片太多必然会减少页面的信息量。因此要使图片和文字密切配合,相互衬托,既能活跃页面,又使页面内容丰富。

（4）运用“动态性”设计元素

将文字、图片等进行动态化处理,既节省了有限的版面空间,又吸引了观者的注意力。页面“动”、“静”结合,协调有序,既与传统设计中的美学法则相通,又达到传达信息的最佳状态。一方面通过“对网页主题思想运用逻辑规律进行条理性处理，使之符合受众获取信息的心理需求和逻辑方式，让受众快速地理解和吸收”；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的制作效果。

五、结论

网页设计是对传统设计的继承与延展,网页设计在集成了传统艺术设计形式规律的基础上,增加了“动态性”的设计元素,使设计的内容更具活力,更能吸引浏览者的“眼球”。设计者追求的应该是有效传达主题内容的功能与实现这种功能的外在形式的有机统一。随着时代的不断发展进步，人们的审美观念也在不断的变化，作为设计师，也要不断的提高自己的素质，才能做出更好的富于美感的网页来。

参考文献：

[1]张兵.网页的“动态性设计”[J].装饰, 2005, (150).