【摘要】光影的设计是界面的宝贵线索，提醒大脑我们所关注的界面元素是什么。光线来自天空——这可能是理解用户界面设计中最重要也最容易被忽视的方面。本篇文章小编将讲述Ui设计课堂：光影效果的设计技巧及方法。

这就是光线从上面自然落下的方式。事实上，当光从底部出来时，它看起来很奇怪。你不会认为人们的下眼睑特别黑，但一旦你擦了，砰的一声，就像一个女鬼突然出现在你面前。

光影效果的设计技巧有哪些？UI中的照明设计也是如此。就像人类的面部特征一样，所有可见的UI元素下面都有投影。虽然屏幕是平面的，但是我们加入了很多艺术表现力，使得屏幕上的剪辑艺术呈现出三维的形式。

接下来，让我们谈谈按钮。即使是相对平坦的UI按钮，仍然有一些与光和阴影相关的细节。因为光线是看不见的，一个没有按下的按钮会在底部创建一个黑暗的边缘。

光影效果的设计技巧有哪些？未按下的按钮比底部稍微亮一些，这是为了模拟光和阴影效果，在表面上有一个轻微的弧线。就像你倾斜镜面来获得光线一样，倾斜的表面会产生更多的反射。

未按下的按钮会产生微弱的阴影——放大时可能更容易看到。按下的按钮通常较暗(尽管底部仍然部分比项目暗)，因为它在屏幕的平面上，光线的亮度较低。

有人会说，现实生活中按下的所有按钮都比较暗，也就是说，可能是你的手挡住了它光影效果的设计。后续将会有更多关于ui设计中各个分类的设计技巧与资讯，你也可以点击本站的其他文章进行学习。