web设计——背景虚化

正确的背景风格可以为整个网站确定基调。我们搜集了一批使用大幅图像、明亮颜色或出众图案来作为背景的优秀网站，希望从中探寻当下网站的流行设计风格。

详细文章可以参考：
http://isux.tencent.com/web-design-background-creative-style-and-design-trends.html

对于网页背景的处理有多重方法，其中背景虚化，她让人看起带有一种魔幻的感觉。它只有在图片本身品质很好的情况下才会带来好的效果，如果为了掩饰图片质量的低劣而去虚化，效果会适得其反。一般我们需要要很清楚为什么要把一张图虚化。有时候非常明显的模糊会有很好的效果（像 Humaan 网站中柔化的山峰），而有时候只需要轻微的虚化就足够了（上方 We Make 网站）。

不知道虚化多少，我们不妨先欣赏几个这样的网站，下面列举了11个网页：

1.SONY

http://www.sony.com/

2.Color Sensational

http://www.zakochajsiewkolorze.pl/#/zakonczenieKonkursu/

3.Designed By Dave

http://www.designedbydave.ca/

4.HappyTablesb

http://www.happytables.com/

5.Découvrez uOttawa

http://decouvrezuottawa.ca/

6.NOE Interactive

http://noe-interactive.com/

7.turningArt

http://www.turningart.com/

8.Rivers & Robots

http://new.riversandrobots.com/

9.Humaan

http://www.humaan.com.au/

10.Givers

http://giversband.com/

11.Daniel Filler

http://danielfiller.com/

至于如何制作虚化的背景，网上有很多教程，也列举一个吧：
http://www.missyuan.net/school/ps_2013/photoshop_11834_2.html

切图网（qietu.com）是一家专门从事web前端开发的公司，专注we前端开发，关注用户体验，欢迎订阅微信公众号：qietuwang