菏泽网站建设

4、阴影基础

就像渐变一样，阴影也是Web设计师手中“常用武器”之一。如果运用恰当，阴影可以很好的增加立体感和质感。关键是不要用过火了。

阴影的特征取决与光线的方向和强弱，以及物体和阴影投射面之间的距离。光线越强，阴影随之越深和明显；光线越弱，阴影随之越柔和。

案例

由于应用起来十分简单，当阴影效果在网上崭露头角时，无数的网站便开始选择使用这种设计。如果经过巧妙运用的话，哪怕是很细微的一处设计也能让空间感油然而生。

LinkedIn 在它侧边栏的底部添加了一个非常细微的阴影，从而产生立体感。

Google —— 也许是互联网上最忙碌的页面 —— 依然在它的搜索页上加入细微的阴影效果。

5、阴影进阶

你可以用很多方式超越基础的阴影效果，从而赋予一个物体以三维空间感。拉长投影是一种在页面上改变物体空间位置关系的很好的途径。

在下面这个例子中，同样一听可乐罐依靠阴影呈现出完全不同的空间位置感觉。

• ·09/291997年至2009年 中国电子商务十二年大事记
• ·09/29js中的文档模式-document.compatMode
• ·09/29轻松搞定IE的CSS制作网页技巧3则
• ·09/29Adobe Flash：腹背受敌与何去何从
• ·09/27网络时代下商品评价的重要性
• ·09/27轻松搞定IE的CSS制作网页技巧3则
• ·09/27卢松松：如何修改源码的网页模板？
• ·09/27名师讲堂之Kent Beck——响应式设计
• ·09/26分享英文音乐网站的经营经验
• ·09/2617个Joomla教程和模板网站