如果要让网站设计更加自然、有动感且真是直观，正确理解网站设计中光影效果就变得非常重要。如果你打算创造丰富、有质感的界面和网站，光影能助你一臂之力。

使用光源

利用光照时了解光源在那里是最为重要的基本问题。光源位置决定了高光和阴影的位置。在photoshop中，你可以利用图层样式中的“全局光照”保证你创造的所有光影效果的光源在一个位置。

渐变

现实世界中，没有什么事物总是平坦色调。光影附在一切事物上。利用渐变是创造深度和真实性的好方法。运用渐变的关键是不要做的太过了。在photoshop里绘制渐变时，请在图层样式里做渐变叠加，这样能保证你的渐变的可编辑性，而且随着图层的缩放，渐变也能无损地缩放。

高光

高光能平衡阴影，应该位于物体靠近光源的边缘。高光大部分时候被忽视了，因为如果用的好的话，你几乎感觉不到它的存在。不过并不是所有情景都适合高光的存在，一个细微的高光能造成物体表面抛光度的巨大不同。高光越“尖锐”,物体表面的光泽感就越强。要鉴赏高光，我们需要放大这些细节。做高光设计的时候，把你的设计稿放大一倍以上是个好办法，因为按原始比例显示的时候，你可能都没发弄清自己在捣鼓些什么。

基本阴影

同渐变一样，投影也被网站设计师们广泛运用。当正确使用时，投影的确能为设计增加视觉深度和质感。关键还是不要做的过度或者滥用阴影深度取决于光照方向和强度，以及物体和投影面的距离。光照越强，阴影越锐利越暗；光照越弱，投影也就越弱。

高级阴影

要赋予物体立体感，除了简单的投影，你还有很多选择。长阴影能极大地改变页面中物体的空间关系。