非常干货系列之几个UI设计实战技巧

如果你能停下来，我建议可以多去临摹优秀的作品，感受细节的处理，质感的表达，图层样式的技巧等等，也许你会发现：原来自己还差的很远。

刚好最近看了了一个锤子的胶囊，最终效果如下：

借着这个案例和大家分享一些技法和感受，大纲如下：

• 内阴影不仅可以做凹陷，还能做凸起
• 要想有质感，反光一定不能少
• 养成使用多层投影的习惯
• 投影的等高线选项，我猜你没改过
• 打动人的设计一定要符合现实

1. 内阴影不仅可以做凹陷，还能做凸起

一说到内阴影，我们的第一直觉是它是用来做凹陷的，如下图：

但其实它还可以做“凸起的”效果，例如我们在做这个胶囊的时候，就可以用内阴影来确定基本体积关系，（当然内发光也是可以的）如下图：

具体选项设置如下图：

2. 要想有质感，反光一定不能少

做拟物的物体，一定要记住加反光，这是增加细节和质感的必要条件，但只加反光还不够，反光处衔接的地方还有一块暗部，形成明暗交界线，效果如下：

3. 养成使用多层投影的习惯

接下来就需要给胶囊加投影了，这里需要注意，大多数情况下，一层投影是无法实现理想效果的，我们要使用双层投影甚至多层，来看看一层投影和多层投影的对比效果。

单层投影：

多层投影：

强调一点，多层投影的规律是，越外层投影越虚化，不然就会不自然。

 

4. 投影的等高线选项，我猜你没改过

我们看胶囊的投影：

有明有暗，一圈一圈的，这都是投影等高线选项的功劳，如下图：

默认的等高线选项是线性，为了增加层次，我将线性改成了画圆步骤，里面还有很多选项，大家可以多多尝试，切记不要死记硬背数值，要以最后效果为准！

 

5. 打动人的设计一定是符合现实的

如果你想让设计打动人心，那就一定要符合现实现象，例如在做这个胶囊的底板时，可以看看现实的胶囊底板纹理长什么样，我拍张照片给大家看下，原来长这个样子：

但为什么我做的底板纹理是这样的呢：

因为我没研究出来怎么做！

如果想把细节做好，这个纹理一定也要做好，不能应付了事，给大家留下这个问题，如果你想到了好的方法，欢迎告诉我，让菜心学习下，哈哈。

以上就是今天要分享的内容，其实眼高手低并不可怕，可怕的是没有提高执行力（巩固基础）的意识，从而让“手”和“眼”差的越来越远。

所以你懂得，不要再奔跑了，想要“速度70迈，心情是自由自在”，咱得先把基础练好！