立体的でリアルなデザインをしたいなら「5つの光」を理解しよう

1. 照明の光源
2. ハイライト
3. 暗くなる部分
4. 反射した光
5. 影

これらがどの位置にくるかを光源の位置から推測し、丁寧に書き込んでいくと「それっぽく」なるのだそうです。具体的にそれらがウェブデザインでどう使われているかの事例も元記事には豊富に紹介されているのでよろしければどうぞ。
(IDEA*IDEA)

http://www.ideaxidea.com/archives/2009/04/five_lights_and_shadows.html
 

5 Simple Tricks To Bring Light and Shadow Into Your Designs | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/20/5-simple-tricks-to-bring-light-and-shadow-into-your-designs/