一些概念

● 在一个100%平面设计的时代之后,我们现在又回到了在UI设计中使用阴影(“平面设计2.0”)

● 阴影箱深度(3D):阴影越多,离元素界面越远

利用好阴影

  1. 你不必使用阴影!只在对网站个性有意义的情况下使用它们

  2. 使用少量的阴影:不要给每个元素都添加阴影!

  3. 照亮你的阴影,不要让你的阴影太暗!
    在正确的情况下使用阴影

  4. 对应该突出的小元素使用小阴影(以吸引注意力)

  5. 对于更大的区域使用中等大小的阴影,应该更突出一点;

  6. 对于应该浮在界面上方的元素使用大阴影

  7. 尝试在鼠标交互时改变阴影(点击和悬停)

  8. 附赠:尝试发光(彩色阴影)