购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.7 图像设计排版

图像是网页构成中最重要的元素之一,美观的图像会给网页增色不少。另一方面,图像本身也是传达信息的重要手段,与文字相比,它可以更直观、更容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受,所以图像在网页中的作用非常重要。

2.7.1 网页中应用图像的注意事项

网页设计与一般的平面设计不同,网页图像不需要很高的分辨率,但是这并不代表任何图像都可以添加到网页上。在网页中使用图像还需要注意以下几点。

· 图像不仅是修饰性的点缀,还可以传递相关信息。所以在选择图像前,应选择与文本内容及整个网站相关的图像,如图2-27所示的图像就与网站的内容相关。

图2-27 图像与网站的内容相关

· 除了图像的内容,还要考虑图像的大小,如果图像文件太大,浏览者在下载时会花费很长的时间去等待,这将会极大地影响浏览者的下载意愿。所以,一定要尽量压缩图像文件的大小。

· 图像的主体最好清晰可见,图像的含义最好简单明了,如图2-28所示。图像文字的颜色和图像背景颜色最好有鲜明的对比。

· 在使用图像作为网页背景时,最好能使用淡色系列的背景图。背景图像像素越少越好,这样将能大幅降低文件的大小,又可以制作出美观的背景图,如图2-29所示为淡色的背景图。

图2-28 图像的主体清晰可见

图2-29 淡色的背景图

· 对于网页中的重要图像,最好添加提示文本。这样做的好处是,即使浏览者关闭了图像显示或由于网速原图无法显示图像时,浏览者也能看到图像说明,从而决定是否下载图像。

2.7.2 让图片更合理

网页上的图片也是版式的重要组成部分,正确地运用图片,可以帮助浏览者加深对信息的印象。与网站整体风格协调的图片,能帮助网站营造独特的品牌氛围,加深浏览者对网站的印象。网站中的图片大致有以下3种:Banner广告图片、产品展示图片、修饰性图片,如图2-30所示的网页中使用了各种图片。

指点迷津

在网页图片的设计处理时注意以下事项。

· 图片出现的位置和尺寸要合理,不对信息获取产生干扰,不喧宾夺主。

· 考虑浏览者的网速,图片文件不宜过大。

· 有节制地使用Flash和GIF动画图片。

· 在产品图片的alt标签中添加产品名称。

· 形象图片注重原创性。

图2-30 网页中使用了各种图片 i+wjvAvrL3HhQPhcTDAAGqTIeDn3Aq7qYWbI6kWeWCpHegNgpGxh4+10aqbz9Wmw

点击中间区域
呼出菜单
上一章
目录
下一章
×