Div+CSS3.0网页布局案例精粹(升级版)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.3 网页设计涵盖的内容

现代的网页如同门面,小到个人,大到公司、政府部门及国际组织等,在网络上无不以网页作为自己的门户。当人们打开某个网站时,首先映入眼帘的是该网站的网页界面,如页面的框架与构图、导航系统的设置、内容的安排、按钮的摆放、色彩的应用等,这一切都是网页设计的范畴,也都是网页设计师的工作,人们称为网页艺术设计。网页艺术设计涉及的具体内容很多,总体可以概括为视听元素和版式设计两个方面。

1.3.1 视听元素

网页中的视听元素主要包括文本、背景、按钮、图标、图像、表格、颜色、导航、背景音乐、动态影像等。网页设计人员要考虑的是如何把这些元素以一种更容易被浏览者接受的方式组织起来放到网页中,如图1-13所示。

图1-13 网页中的视听元素

对于以上各种视听元素,大多数浏览器都可以显示或播放,无须任何外部程序或模块支持。例如,大部分浏览器都可以显示JPEG图形和GIF动画,但有些多媒体文件(如MP3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序才能播放。另外,浏览器可以使用插件来播放更多格式的多媒体文件。

总之,互联网技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更好的视听效果。另外,一些新技术的出现,也对网页的艺术设计提出了更高的要求。

1.3.2 版式设计

网页的版式设计与报纸、杂志等平面媒体的版式设计有很多相通之处,它在网页的艺术设计中占据着重要的地位。

所谓网页的版式设计,是指在有限的屏幕空间上将各种视听元素有机地进行排列组合,将理性思维以个性化的形式表现出来,是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时,也给人以感官上和精神上的享受。图1-14所示为具有代表性的网页版式设计举例。

图1-14 具有代表性的网页版式设计举例

网页的版式设计与报纸、杂志等平面媒体的版式设计也存在很多的差异。印刷品有固定的规格尺寸,网页则不然,它的尺寸是不固定的,这就使得网页设计者不能精确地控制页面上每个元素的尺寸和位置,并且网页的组织结构不像印刷品那样为线性组合,这也给网页的版式设计带来了一定的难度。