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