Web页面设计:利用光线和阴影的网页设计技法(4)

http://www.itjxue.com  2015-08-02 16:44  来源:未知  点击次数: 

4、阴影基础

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

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

 

 

案例

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

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

 

 

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

(责任编辑:IT教学网)

更多

推荐浏览下载文章