现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上，光影帮助我们辨别事物，认知他们的材质、尺度和透视。
网页设计中使用光影效果来增加页面的立体感与质感，可以说没有光影的设计是很平面和单调的，所以做为网页设计是必须领悟光影技巧的使用，本文通过案例分析光影在网页设计中到底充当着怎样的角色？
网页设计如何运用光影效果给界面加分？
艺术摄影的炫光和强光，凸显的的是神秘、高雅与个性
网页设计如何运用光影效果给界面加分？
1、炫光契合主题
2、模特的光源定位在右上方，强对比、
3、影子不要过长，前重后轻，多层多角度影子，透明度不同
4、背景面淡淡的明暗变化有利于空间感的塑造
网页设计如何运用光影效果给界面加分？
1、精细的光影和材质能塑造出逼真的场景，
2、统一光源
3、重点关注：精细的高光、反光和投影的变化
网页设计如何运用光影效果给界面加分？
1、逆光的影子是塑造的重中之重
2、虚实变化能加强空间感
网页设计如何运用光影效果给界面加分？
1、高光、反光要有丰富的变化
2、拉长的影子体现出字和鸟和墙壁的关系，多层多角度影子，透明度不同
3、亮光斜射下来渐变和照在立体字上的变化能给真实感加分

所以如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧，好好运用它们，能让你的设计更加精致从众多的页面中脱颖而出。

原文编辑：古树茶http://www.yulintea.com