问答

网页制作中加入阴影有哪些效果呈现

2018-12-22 aming

问题答疑

阴影的另一个名字叫影子,就当光找到无提示,物体背对光的直射方向就会出现一片黑暗,这块黑暗的面积就叫阴影。现在被广泛运用于摄影、网页制作的页面元素设计中。那么,在网页制作中加入影响会呈现什么样的效果呢?

 

1、增加页面层次感

元素投射出现阴影后,在视觉上,元素会与原有的页面层次剥离,独立出来,能增强整体页面的层次感。比如下图,盘子与巧克力的阴影设计能把两者从背景页面中剥离出来,让其形成两层视觉,让巧克力的展示更加有质感,体现出于文字相符的高贵。

 

 

2、让内容更立体,提升视觉感

阴影能增加元素的立体感,很多时候,有些元素设计是平面的,在网页制作时如果适当添加阴影,能够迅速让内容更加立体,提升视觉感。

比如有些卡片式设计会在故意制造阴影,只是为了让卡片更加立体,卡片与卡片之间也更加独立,用户在浏览时更容易区分每个卡片中内容的不同。

 

3、对比突出,聚焦用户目光

阴影与实体之间的对比是明显的,而且还会造成意想不到的视觉效果,所以才会更容易引起用户的注意力,当用户注意到某件事情的时候,会聚焦精力去研究,对这一现象也会更加印象深刻。

 

阴影能呈现设计更立体,提升层次感,对比突出三种主要效果,但是在自己制作网页时,不能处处都用上阴影设计,这样反而会降低阴影的效果。


QQ在线咨询