网站设计中的一些流行背景效果

如何选择一种最恰当的网页背景是网站设计中最常见的问题之一。 通常网站设计者都已准备好网站内容，而且版面布局大多也基本敲定。但背景要么是令人厌烦，要么是让人眼花缭乱，让设计者迟迟不能确定。

今天，我们将介绍几个实际网站来启发你的灵感，看看如何设计趣味而又令人感兴趣的网页背景。收藏本文，当你再次阅读时，你定会被某一个背景设计所迷恋。

1、素描设计

这种设计在几年前就变得比较流行，而且一直持续到现在。这灵感来源于在笔记本上的涂鸦乱画，就像你十几岁时在英文课上所作的那样。每一部分都是些粗糙的素描表现，页面看似是非常随意的创意集合，而它们都以不同的旋转方式散布在页面各处。NotchStudio网站就是很好地应用了这种创意，并且以非常柔缓的方式表现出来。

即使你本人不善长绘画，这种创意也是相当容易实现的，是因为这些涂鸦通常都是些非常基本的设计。如果拥有一部Wacom或iPad平板电脑，你就可以相当容易地描绘出你自己的图片或者某种意义上能够反映此类风格的书写文本。还有很多免费字体如Pointy，可以帮你不费吹灰之力就可实现让人赞不绝口的素描。

2、精细文稿设计风格

纸张的质地纹理总能激起设计者的激情，而且为所有年龄所适用。目前这种创意已不像几年前那样风靡，但是它还是会带给你一种非常微妙的效果：如果你没有看到它，那会让你非常地想念。

你注意到Beautiful Type网站所用的纹理设计，它既没有偏离主题也没有过分夸张，而是将一个原本看起来就很好的网站更是锦上添花。

查阅LostandTaken网站，你可以找到海量的纹理资源可以应用到你的设计中。

3、渐变设计

很多设计者认为渐变已经因被过度使用而变得不再那么让人着迷。我个人认为它们很容易被滥用，而且执行的不恰当，但是我们决不会看到全是纯色一统天下没有渐变的局面。因为渐变反映了现实(自然世界我们从未看到没有任何掺杂的纯色)，所以为了让他们的作品感觉起来更真实，设计者还会继续应用渐变设计。

渐变设计通常是用来保持事物朴素的最好方法。不必混入疯狂的颜色，也无须制造不明快的变调，只需选择一个简单的渐变。我的最爱之一就是从老灰到黑灰的渐变。它纯净，易于实现而且表现出真正的优雅。你可以从177themes网站的设计中体会到这一点。

4、双色调对比设计

力求页面独特雅致而大胆的另一个选择就是页面中加入一个生硬的变色设计。大多是水平方向的变色，但如果采用垂直设计也会给人独特和耀眼的感觉。

这种创意是要利用对比的魔力。我们的眼睛会非常自然地被对比色所吸引而不能自拔。其关键在于要确保两种颜色明显差异。不要选择任何抵触或冲撞色调，而要尝试纯黑与一种浅色的对比。

我特别喜欢的创建这种效果的工具来自Oto255网站，那里你可以快速而且容易地找到任何颜色变色的网络代码。

5、全屏图片设计

我提及这种创意，你或许会嗤之以鼻，但我仍会尽我所能继续给你讲解掌握这种创意设计的技巧：伟大的图片成就伟大的设计。它简洁而朴素。任何人都偏爱美好的图片，因此将它加入你的设计中，就会使你的网站得到每个人的垂青。很简单，是吧?

图片赋予了真个网站以灵感。你可以从一幅画中捕捉到颜色、纹理甚至排印的灵感，进而创造一种非常美好的统一连贯的主题。

注意体会下面网站设计中的暗色自然元素，它给人一种使用了很多照片于主页滑行的外表和感觉。

如果你想了解怎样可以获得此类网页设计的设计效果或编码，可以参考我们最近的一篇文章“Easily Create a Full Screen Photography Slideshow Website Without Flash.”。

6、纹理搭配颜色渐变设计

我非常喜欢最近时常看到的网站的原因是在于页面顶部应用了灯光效果或融入了某种类似于一点点纹理，让页面快速渐变到纯色的创意设计。

过多纹理会极易降低网页文本的可读性，还会增加视觉噪音将网页变为一种完全不同的页面。而把纹理隐含置入则会让你额外收获称赞的眼神，还不会牺牲网页整体的美感与可读性。

太多时候，我们是利用CSS背景图片重置，让纹理充斥整个背景。其实我们可以尝试让纹理选择性地出现，那样你会立刻发现你的设计看起来要好地多。