尚道互动

我们前面有讲述到 ：探讨全屏大背景在南京网站设计中的应用（http://www.sd-i.cn/show-12-448-1.html），在那篇文章里面，我们阐述了大背景给浏览者带来的视觉冲击力，让浏览者印象深刻；相关图片要求，应该阅读者已经领会到。这一篇我们来讲 “模糊大背景在南京网站建设中的应用”。

随着网络技术的进步和显示屏幕尺寸越来越大，网页设计领域出现了多种针对大图片的创新设计方法，例如视差滚动，全屏背景，单页设计等等。这是我们介绍一种新的网页设计趋势——模糊背景。这种类似于摄影拍摄的效果应用在网页中能够突出主题内容，同时若隐若现的模糊背景向用户展示非常真实的产品在生活中的应用场景，像一些支付网站的首页，还有产品的展示页面都会使用这种效果。

下面来看截图：

从上面的载图中，我们是不是能清晰的感觉到模糊的大背景带来的另一种视觉美感。前景元素清晰，背景若隐若现，犹抱琵琶半遮面。

背景的选择注意要充满艺术感，注意前后景的整体感。对模糊背景的处理有两处方法：

一种是直接用PS软件给模糊滤镜，此种导出相对要小一些。另一种是用CSS滤镜或JS特效去实现图片的模糊，同时当鼠标移动上去的时候，可以变清晰，会给人充满惊喜，不过文件会稍大。

关于图片处理的时候注意的事项见：图片在南京网站建设过程中那些不得不说的事 http://www.sd-i.cn/show-12-449-1.html 

本文原创来源于：南京网站建设