图片在网页中是极为重要的设计元素,它比文字更能够吸引浏览者的注意力,不但能给网站带来美感的烘托、气氛的渲染,也让观众们得到眼见为实的直观感受,恰当的图片运用会给网站带来有效的受关注程度。图片的大小、位置、形态以及不同的组合方式,都会直接影响到网页的视觉效果。
1.图片的大小及位置的影响
图片在网站中出现的大小和位置,代表着一个网站对页面信息的疏导,因为它关系着浏览者读取信息的先后顺序,网页设计师可以根据这个特点来编排页面,使网站传递的信息更加高效。在一个网页界面中,想要突出的信息就是这个版面的重点,把含有重要信息的图片尺寸放大,这个图片就会更加吸引浏览者的注意,同理,把其他的次要图片尺寸变小,就会让整个界面的主次关系清晰明确。
网页中的图片大小不但可以引导浏览者们的关注顺序,还可以赋予界面不同的节奏感,但如果同一界面内的图片过多,并且大小不一,会显得整体效果杂乱无章,为了追求网页中平衡的审美心理,就需要对图片的尺寸进行整体协调。例如常见的做法是把图片进行归类整理,按照图片信息的主次程度,大致划分几个规格,对图片比例关系的调整会让网页中的主次级别更加清晰明了。
2.图片的组合编排的影响
在一个网页界面中包含多个图片信息的时候,除了对它们的大小尺寸予以调整外,还要考虑到它们的位置、方向和对齐方式等因素,它们的差异同样会给浏览者带来不同的心理感受,如果能够对页面上的多张图片进行灵活处理,就能较好地控制网站的风格和观众的印象。在网页中适合放置图片的地方有很多,如页面的上部、下部、左侧、右侧以及连接对角线的四个角的位置,都会成为浏览者们的视觉焦点,但其中最佳的焦点位置,还是观众视觉流程中较先注意到的左上角和页面上部,将重要的图片放在这些位置,会增强信息的视觉冲击力。
另外,在图片的排列上,如果其中一张图片与其他图片相隔较大或者突出显示,会让这张图片更加显眼,这也是增强页面信息层次的有效做法。还有一些网站在风格定位上要追求活力动感、活泼可爱等调性,这类网站在图片的运用上也往往选择具有动感的视角,图片上物像的动感会使整个网站趋于活跃。此外,我们还可以调整图片的倾斜度,使它们的方向产生对比,或是沿着某种运动路径排列,这些动感的编排可以打破网页原有的格局,增强网站的动态化表现。
3.图片的形状及抠图的影响
对图片的裁剪,还有一种形式较为复杂,我们称为抠图。抠图就是我们俗称的去背景,是指把图片中具体的形象剪裁下来,其余的背景部分删除掉。这种裁剪方式比较灵活,能够将展示物体的形状表现出来,赋予页面灵动的美感。只是裁切的时候需要精细、准确,因为裁剪得不彻底,会在物体的边缘留有杂边,给人以粗糙的不良印象。
如果是为了网站的宣传而专门拍摄的图片,应尽量在拍摄时选择与物体反差较大的单色背景,这样在后期去背景时较容易。减少多余的信息量,截取其中的局部,这也是版式设计中处理图的常见方法,裁剪的时候也并不一定需要保持图片原来的矩形,它可以根据需要裁剪成任意形状,这能将浏览者的视线集中在保留下来的部分,令图片的展示效果更加突出,也更适合版面的需要。网站中图片的形状可以裁剪成几何形、不规则形或者是自然形等。几何形的图片常见的有圆形、三角形、菱形、多边形等。