网页设计-背景效果

《网页设计-背景效果》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、如何选择一种最恰当的网页背景是网站设计中最常见的问题之一。通常网站设计者都已准备好网站内容，而且版面布局大多也基本敲定。但背景要么是令人厌烦，要么是让人眼花缭乱，让设计者迟迟不能确定。今天，我们将介绍几个实际网站来启发你的灵感，看看如何设计趣味而又令人感兴趣的网页背景。收藏本文，当你再次阅读时，你定会被某一个背景设计所迷恋。1、素描设计这种设计在几年前就变得比较流行，而且一直持续到现在。这灵感来源于在笔记本上的涂鸦乱画，就像你十几岁时在英文课上所作的那样。每一部分都是些粗糙的素描表现，页面看似是非常随意的创意集合，而它们都以不同的旋转方式散布在页面各处。NotchStudio网

2、站就是很好地应用了这种创意，并且以非常柔缓的方式表现出来。即使你本人不善长绘画，这种创意也是相当容易实现的，是因为这些涂鸦通常都是些非常基本的设计。如果拥有一部Wacom或iPad平板电脑，你就可以相当容易地描绘出你自己的图片或者某种意义上能够反映此类风格的书写文本。还有很多免费字体如Pointy，可以帮你不费吹灰之力就可实现让人赞不绝口的素描。2、精细文稿设计风格纸张的质地纹理总能激起设计者的激情，而且为所有年龄所适用。目前这种创意已不像几年前那样风靡，但是它还是会带给你一种非常微妙的效果：如果你没有看到它，那会让你非常地想念。你注意到BeautifulType网站所用的纹理

3、设计，它既没有偏离主题也没有过分夸张，而是将一个原本看起来就很好的网站更是锦上添花。查阅LostandTaken网站，你可以找到海量的纹理资源可以应用到你的设计中。3、渐变设计很多设计者认为渐变已经因被过度使用而变得不再那么让人着迷。我个人认为它们很容易被滥用，而且执行的不恰当，但是我们决不会看到全是纯色一统天下没有渐变的局面。因为渐变反映了现实(自然世界我们从未看到没有任何掺杂的纯色)，所以为了让他们的作品感觉起来更真实，设计者还会继续应用渐变设计。渐变设计通常是用来保持事物朴素的最好方法。不必混入疯狂的颜色，也无须制造不明快的变调，只需选择一个简单的渐变。我的最爱之一就是从

4、老灰到黑灰的渐变。它纯净，易于实现而且表现出真正的优雅。你可以从177themes网站的设计中体会到这一点。4、双色调对比设计力求页面独特雅致而大胆的另一个选择就是页面中加入一个生硬的变色设计。大多是水平方向的变色，但如果采用垂直设计也会给人独特和耀眼的感觉。这种创意是要利用对比的魔力。我们的眼睛会非常自然地被对比色所吸引而不能自拔。其关键在于要确保两种颜色明显差异。不要选择任何抵触或冲撞色调，而要尝试纯黑与一种浅色的对比。我特别喜欢的创建这种效果的工具来自Oto255网站，那里你可以快速而且容易地找到任何颜色变色的网络代码。5、全屏图片设计我提及这种创意，你或许会嗤之以鼻，但

5、我仍会尽我所能继续给你讲解掌握这种创意设计的技巧：伟大的图片成就伟大的设计。它简洁而朴素。任何人都偏爱美好的图片，因此将它加入你的设计中，就会使你的网站得到每个人的垂青。很简单，是吧?图片赋予了真个网站以灵感。你可以从一幅画中捕捉到颜色、纹理甚至排印的灵感，进而创造一种非常美好的统一连贯的主题。注意体会下面网站设计中的暗色自然元素，它给人一种使用了很多照片于主页滑行的外表和感觉。如果你想了解怎样可以获得此类网页设计的设计效果或编码，可以参考我们最近的一篇文章“EasilyCreateaFullScreenPhotographySlideshowWebsiteWithoutFla

6、sh.”。6、纹理搭配颜色渐变设计我非常喜欢最近时常看到的网站的原因是在于页面顶部应用了灯光效果或融入了某种类似于一点点纹理，让页面快速渐变到纯色的创意设计。过多纹理会极易降低网页文本的可读性，还会增加视觉噪音将网页变为一种完全不同的页面。而把纹理隐含置入则会让你额外收获称赞的眼神，还不会牺牲网页整体的美感与可读性。太多时候，我们是利用CSS背景图片重置，让纹理充斥整个背景。其实我们可以尝试让纹理选择性地出现，那样你会立刻发现你的设计看起来要好地多7、仰望设计天空对于人类是永恒不变的幻想空间。云彩、太阳光束、星星和月亮，所有这些元素都会赋予人们一种魔法让他们目不转睛地盯着你。当

7、你要把这些元素融入你的背景的时候要特别小心，因为那会特别容易产生一些难看或陈腐的效果。要掌握这种创意技巧，设计者需要对美学有很好的感觉，懂得如何表达“空间”的概念，千万不要把它变成一种类似于老版Windows屏保的怀旧效果。下面的网站选用优美的天空作为突出的网页背景，是一个非常好的例子。设计者利用复古色调和微细的斜线纹理，渲染出了非常漂亮的星际空间。这是在你应用天空在你的网页背景之前最好要特别关注的。8、多色菱形图案设计我能听到你在说：“菱形图案?你在开玩笑?”在你在评语栏扔砖头之前，我们必