互联网 qkzz.net
全刊杂志网:首页 > 书画摄影 > 文章正文
刊社推荐

论网页的版式设计


□ 吴娇娇 彭 纲


我们都知道,浏览者进行网页浏览时的时间顺序通常是 :由版式——艺术性,至导航——技术性,至网页内容——信息性或有用性,直至浏览过程的结束,产生评价结果。可以看出,网页设计的三个关键就是 :版面设计、导航设计、网页内容。
版面的设计至关重要。在互联网上大量的产品和服务网页中,怎样才能使自己的网页从其他同类产品或服务中脱颖而出,成为浏览者的首选呢?仅仅有好的内容是远远不够的,网站的外观同样重要。内容再好,没有一个赏心悦目并具一定视觉冲击力的外观,必定会影响浏览者的阅读兴趣。人们称互联网经济为注意力经济,如何吸引大众的注意力、增强画面的视觉效果则成为设计的首要工作。

一、 网页版面设计的含义

网页的版面设计同报纸杂志等平面媒体的版面设计有很多相通之处。所谓网页的版面设计,是在有限的屏幕空间上将多媒体元素进行有机组合,将传达内容所必要的各种构成要素的均衡、调和、律动的视觉导向以及空白等,根据主题的要求予以必要的关系设计,进行一种视觉的关联和合理配置。
一个成功的网页版面设计不仅能提高版面的注意价值,而且有利于该网页主题的信息传达并加强对浏览者的视觉留存。

二、 网页版面的形式与内容的统一

网页的版式和传统印刷品的版式编排一样多种多样。
采用哪种版式并不是设计者的想当然,不同的网站主题(个人宣传、产品销售、提供服务等)对网页构成元素编排方式的要求是不同的,要依据受众的需求、市场的状况、版主的自身情况进行综合分析,还要明确建立该网站的目的、为谁提供产品或服务、能提供什么样的产品或服务、该网站的目标受众以及受众的特点等一系列定位之后才能决定的。如商务类版式的平易近人、娱乐类版式的生动活泼、科技类版式的严谨周密都是根据网站的个性特点来确定的。那些只讲花哨的表现形式或者过于强调独特的设计形式而脱离内容,只重视网页形式上的美感而淡化了主题思想的逻辑,将削弱网页主题的诉求效果,是不足取的。版式始终应为内容服务,设计者只有深入领会主题内容的精神,再融汇自己的思想,找到一个较完美的表现方式,才能真正体现出网站独具的分量和特有价值。
从视觉符号方面来看,视觉符号是相对于语言符号的点、线、面、色彩等视觉性记号。形式法则和构成规律是视觉语言的语法和句法,要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。可以运用对比与调和、对称与平衡、节奏以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感以及新鲜的个性。

三、 网页版面的尺寸和构成要素

一般的印刷品都有固定的规格尺寸,而网页的尺寸则是由浏览者来控制的。网页版面指的是在浏览器上看到的完整的一个页面(可以包含框架和层)。网页页面会根据当前浏览窗口的大小自动格式化输出 ;不同种类、版本的浏览器观察同一个网页页面时,其效果会有所不同 ;而且用户浏览器的工作环境不同,显示效果也不一样。这就使网页设计者不能精确控制页面的每个元素的尺寸和位置,一般折中为600×800像素。
网页的构成要素主要有:网络标志、色彩、字体、图片、宣传标语、导航条等。1. 网络的标志应是该网络的特色和内涵的集中体现。2. 网络页面的色彩包括网站的标准色彩、文字链接的色彩、图片的主色彩、页面的背景色和边框色彩等。色彩的适当选用能体现网站的外观形象,延伸网站的内涵形象。但是网站色彩的设计,种类不能过多、纯度也不宜过高,以避免引起浏览者的视觉疲劳。同时也要巧妙运用其他色彩作为点缀,使画面活跃又不喧宾夺主。3. 网络页面的字体主要包括网站的标志、标题、及主菜单的主要字体以及字体的可阅读性,如字体的粗细、颜色等。在此基础上发挥字体的图形性、装饰功能,对字体的自身趣味适当表现,以提高浏览者的阅读兴趣。4. 网络页面中图片的运用可以增加页面内容的形象性,更直观地表现或渲染主题,因此它在页面元素的编排中也是一个重要部分。大面积的图版易表现感性诉求,有朝气和真实感 ;小面积的图版给人精致的感觉,使人视线集中 ;大小图片的搭配使用,可以产生视觉上的节奏变化和画面空间的变化。图片少则页面显得平稳,图片多则页面显得活泼。5. 网络页面的宣传标语往往体现一个网站的特色、精神和目标。清晰直白地表明该网站的形象,增加页面与页面之间的统一感,从而加深浏览者的印象。6. 网络页面的导航条是浏览者在一个网站的多个内容之间,即页面与页面之间跳转连接的枢纽,它外观形态的醒目和链接的条理性设计将直接影响网站的浏览率。
分享:
 

了解更多资讯,请关注“木兰百花园”
摘自:装饰 2004年第09期  
分享:
 
精彩图文
关键字
支持中国杂志产业发展,请购买、订阅纸质杂志,欢迎杂志社提供过刊、样刊及电子版。
关于我们 | 网站声明 | 刊社管理 | 网站地图 | 联系方式 | 中图分类法 | RSS 2.0订阅 | EMS快递查询
全刊杂志赏析网 2016