在网页设计中图形图像的使用除了符合网站的主题,要有创新的构思和强烈的个性外。图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达,在使用时应考虑图片在整体编辑计划中的作用,以达到和谐整齐。那么在网页设计中怎样处理图片才能达到较好效果,本文将从以下几点进行说明:
1.图像的面积
大图像能更好地表现细节,容易形成视觉焦点,感染力强,传达的感情更为强烈,更容易吸引浏览者的注意。小图像显得简洁精致,有点缀和呼应作用。大小对比强烈,给人跳跃感;大小对比减弱,则页面稳定、安静。图像在网页中占据的面积大小能直接显示其重要程度。
在网页设计时,应首先确定主要形象与次要形象,把重要的能吸引注意力的图片放大,从属的图缩片小,形成主次分明的层次格局。
2.图像的位置
在网页中上下左右及对角线的四个角都是视觉的焦点,处理好图像与这些位置的关系能使网页表现出丰富的效果。
3.图像的外形
在网页设计中,通常可以将图片处理成不同形状,而不同形状的图片给人的感觉也是不同的,如方形的稳定、严肃,三角形的锐利,圆形或曲线外形的柔软、亲切,退底图及一些不规则或带边框图像的活泼,都能产生强烈的装饰感。比如:
(1)方形图
用直线边框来规范,这是一种最常见形状。方形网页设计图使图像内容更突出且将主题形象与环境共融,可以完整地传达主题思想,有利于气氛的渲染,富有情节感、直接感和亲和力,但有时也显得平淡、呆板。
(2)菱形图
用直线边框规范,使图像整体表现为菱形,它让人感觉打破常规,具有很强烈的个性和立体感。
(3)圆形图
圆形图是指利用曲线边框将图像进行规范和限制。圆形图给人以充实、柔和、圆满的感觉,给浏览者以流畅、随意、自由的感受。
(4)三角形
图像用直线边框规范,使图像在网页呈现三角形显示。它给浏览者动感,使网页生动、灵活。
(5)退底图
在网页设计中,有时会根据设计内容所需将图片精选部分沿边缘裁剪,而保留轮廓分明的图形,这样显得更灵活自如。配置退底图的页面,可以表现得轻松活泼、动态十足且富于个性,而且图文结合自然,给人以亲和感;为了避免可能造成凌乱和不整体的感觉,也可以用加线、线框、色块或方形图的方法,使版面取得平衡和稳定。
(6)出血图
出血图在网页中表现为:图形图像充满了整个版面、无边框、有向外扩张、自由舒展的感觉。因其不受边框限制,便于情感与动感的发挥,所以一般在需要传达抒情或运动信息的页面上采用出血图。出血图能拉近浏览者距离,有亲近感,使情感与动感更能得到发挥。