背景图片形式主要有两种:网页使用整体背景和使用固定的图片作为内容背景。就这两种类型我们进行一下详细的说明。
一、网页使用整体背景
整体背景的运用比较复杂,如果运用不当,则很容易破坏整个设计效果。一下给出了一些技巧,可以帮助解决整体背景设计中的一些问题,并提高视觉效果。
设计背景的时候有很多可能性,但是必然有一条明显的界限,就是要区分出优秀的背景与严重影响内容的背景。你仅仅需要注意背景的对比与图形元素的数量。如果主背景过于繁杂,看起来效果肯定不好。如果主背景过于醒目,则会使用户对核心内容的注意力转移。
1、使用高亮或斜角来分割颜色
Web2.0中被频繁使用的技巧便是通过高亮来分割背景或元素中的不同颜色。那么如何运用这个技巧呢?仅仅需要用到两条1px的线条来分割颜色。
斜角不仅适用于对比度不大的颜色,同样也可用于相反的情况,比如在斜角的暗色调与背景的亮色调接近时使用。
另外一点就是高亮。Web2.0中常使用高亮来分割背景或元素中不同的颜色,主要运用在高对比度的情况下,采用一条1px的线作为过渡。
2、固定与浮动图形的混合运用产生视差效果
大多数网站仅仅使用固定的背景,没有采用层叠的图案。如果想要更进一步,可以考虑同时使用固定与浮动的图案层。
用这个技巧几乎就实现了视差效果,之所以说“几乎”,是因为视差特效往往需要多个图层运动来实现。
3、使用低对比度的纹理或材质
采用细微到需要近距离观察才能注意到的纹理,可以为设计增添更多细节。低对比度的纹理,就可以获得这种效果。其视觉效果很好,并且不会分散用户对其他元素的注意力。
4、结合材质与图案
一些网站仅仅采用某一种技巧,其实多种技巧的组合使用又何尝不可?这样可以产生更加吸引人、更加独特的视觉体验。
5、增加维度
还有另一种很“赞”的方法,可以使网页设计更进一步,这种方法便是通过光照与图案来增加维度。维度可以提高视觉体验,并且展示网页设计真正的技巧。
这个采用三维光照效果的网站看起来很漂亮,是维度在网页设计中的出色运用,能够真正吸引用户的眼球。
二、使用固定的图片作为内容背景
使用图片背景要小心,因为设计不可重复。因此,你必须找到另外的方法,将图片引入布局中。
下面例举的两个技巧,是设计此类网站的关键点。
1、运用少量虚光效果
虚光效果有助于将焦点集中到中心,用于大幅面的图片背景时尤为有效。一个采用了些许虚光效果背景的网站,更能吸引浏览者的注意。
2、找到对比度的平衡点
使用图片是很好,但是当图片比内容及内容背景更深的时候就会出现问题。用户的眼球将会被背景吸引,这显然会造成网页的可读性不强。