- 网页设计与网站建设完全实战手册
- 刘贵国
- 866字
- 2021-03-19 18:34:35
2.7 图像设计排版
图像是网页构成中最重要的元素之一,美观的图像会给网页增色不少。另一方面,图像本身也是传达信息的重要手段之一,与文字相比,它可以更直观地、更容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受,所以图像在网页中的作用非常重要。
2.7.1 网页中应用图像的注意要点
网页设计与一般的平面设计不同,网页图像不需要很高的分辨率,但是这并不代表任何图像都可以添加到网页上。在网页中使用图像还需要注意以下几点:
●图像不仅仅是修饰性的点缀,还可以传递相关信息。所以在选择图像前,应选择与文本内容及整个网站相关的图像。如图2-29所示的图像就与网站的内容相关。
图2-29 图像与网站的内容相关
●除了图像的内容以外,还要考虑图像的大小,如果图像文件太大,浏览者在下载时会花费很长的时间去等待,这将会大大影响浏览者的下载意愿。所以一定要尽量压缩图像文件的大小。
●图像的主体最好清晰可见,图像的含义最好简单明了,如图2-30所示。图像文字的颜色和图像背景颜色最好有鲜明的对比。
图2-30 图像的主体清晰可见
●在使用图像作为网页背景时,最好能使用淡色系列的背景图。背景图像像素越小越好,这样将能大大降低文件的质量,又可以制作出美观的背景图。如图2-31所示为淡色的背景图。
图2-31 淡色的背景图
●对于网页中的重要图像,最好添加提示文本。这样做的好处是,即使浏览者关闭了图像显示或由于网速而使图像没有下载完,浏览者也能看到图像说明,从而决定是否下载图像。
2.7.2 让图片更合理
网页上的图片也是版式的重要组成部分,正确地运用图片,可以帮助用户加深对信息的印象。与网站整体风格协调的图片,能帮助网站营造独特的品牌氛围,加深浏览者对网站的印象。
网站中的图片大致有以下3种:banner广告图片、产品展示图片、修饰性图片,如图2-32所示的网页中使用了各种图片。
图2-32 网页中使用了各种图片
★指点迷津★
在设计处理网页图片时注意以下事项:
●图片出现的位置和尺寸合理,不对信息获取产生干扰,以致喧宾夺主。
●考虑浏览者的网速,图片文件不宜过大。
●有节制地使用Flash和动画图片。
●在产品图片的alt标签中添加产品名称。
●形象图片注重原创性。