現實生活中無處不存在著光照和陰影，很多東西都是通過光影反射形成它的形象。在視覺上，光影可以幫助我們辨別事物，認知材質、尺度和透視。如果想要網頁設計更加自然、有動感而且真實直觀，正確理解光影效果很重要，那么，如何利用好光影效果能讓你的設計更加精致，在眾多的網頁中脫穎而出。

　　基本陰影

　　正確地使用投影可以為設計增加視覺深度和質感，但不要做的過度或者是濫用。陰影深度取決于光照方向和強調，以及物體和投影的距離，光照越強，投影越銳利，光照越弱，投影也越弱。

　　豐富頁面的層次

　　當事物和背景顏色比較接近時，為了增強事物的立體感和空間感，可以在事物上添加光效，拉開距離感，形成視覺差異，這樣需要強調的事物就瞬間凸顯了出來，頁面的層次也變得豐富。

　　視覺焦點

　　有時候光效在頁面上以光源的形式出現時，很容易抓住用戶的眼睛，吸引用戶的焦點，頁面上需要重點強調的信息，可以展現在光源附近，引導用戶的作用。