除了文本之外,网页上最重要的设计元素莫过于图像了。一方面,图像的应用使网页更加美观、有趣;另一方面,图像本身也是传达信息的重要手段之一。与文字相比,它直观、生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受。
1.图像的格式
Web通常使用两种图像格式:GIF和JPEG。除此以外,还有两种适合网络传播但没有被广泛应用的图像格式:PNG和MNG。
(2)块状组合与散点组合结构
块状组合,即通过水平、垂直线分割,将多幅图像在页面上整齐有序地排列成块状,这种结构具有强烈的整体感和秩序美感。各幅图像相互自由叠置或分类叠置而构成的块状组合,具有轻快、活泼的特性,同时也不失整体感。
散点组合,即图像分散排列在页面各个部位,具有自由、轻快的感觉。采用这种结构应注意图像的大小、主次,以及方形图、退底图和出血图的配置,同时还应考虑疏密、均衡、视觉流程等。
4.图像的处理
图像的外形、大小、数量以及与背景的关系,都与内容有着密切的联系。
(1)图像的外形处理
图像的外形能使页面的气氛发生变化,并直接影响浏览者的兴趣。一般而言,方形的稳定、严肃,三角形的锐利,圆形或曲线外形的柔软亲切,退底图及一些不规则或不带边框的图像活泼。
(2)图像的面积
图像在网页中占据的面积大小能直接显示其重要程度。一般地,大图像容易形成视觉焦点,感染力强,传达的情感较为强烈;小图像常用来穿插在字群中,显得简洁而精致,有点缀和呼应页面主题的作用。在一个页面中,如果只有大图像而无小图像或细密的文字,就会显得空洞,但只有小图像而无大图像又使页面缺乏视觉冲击力。
图像的大小不仅决定着主从关系,也控制着页面的均衡与运动。大小对比强烈,给人跳跃感,使主角更突出;大小对比减弱,则页面稳定、安静。这是因为,访问者在浏览页面时,首先会注意到大图像,然后再看到较小的图像,这种由大到小的引导,使浏览者的视线在页面上流动,便造成一种动势,使页面活泼起来。
因此,在网页设计时,应首先确定主要形象与次要形象,扩大主要图像的面积,使次要角色缩小到从属地位。只有大小图像主次得当地穿插组合,才能构成最佳的页面视觉效果。
(3)图像的数量