UI知识，UI需要什么样的美术能力：应用篇(3)

我们现在来加入牛皮扣：

首先这个绝对不ok，扁平化的牛皮扣可以这么做，但是有透视的不行。

因为牛皮扣是附着在钱包上的，它必须遵守钱包的结构，才能包裹住钱包。

同样面片向上移动就有了厚度，复制缩小，就留出了牛皮扣的边框。当你理解了空间，结构，光原理，其实你就很容易的利用一个最初的形状去做加减法，大大增加了绘制效率。

牛皮扣，也不可能是完全平面，所以我们给出了弧面的高光和阴影。

一个圆形，复制，移动，等于扣子。

我们下面来为钱包增加细节，既然是钱包，那总应该有点钱吧？

我们做了两个面片，一个硬币，但是看起来总有点问题，问题在哪呢？层级！

用阴影遮挡住钱币以后，钱币才看起来像是放在钱包里。UI中有很多层级问题，都是通过阴影遮挡达到的。

先后级问题，需要透视，光，结构，等原理一起解决。

请注意第一个钱币的阴影，与第二个修正之后的阴影，第二个更尊重钱包本身的结构，也就看起来更舒服。

所以结构影响光，阴影，阴影也必须跟结构的透视关系是一致的。

我随便在网上找一个牛皮材质，覆盖在钱包之上，因为明暗关系都已经做完了，所以看起来直接就变成牛皮钱包了。

我只要更改材质的颜色，就可以更改钱包的颜色。

那么下一步就是手绘修正了，把材质的范围，收到牛皮部分，调整高光大小增加细节。

差距大么？恩，貌似很大，因为这是一个网上的效果图。感谢作者，省了我很多时间。

总结一下：

这一讲，从剪影，到面片，到空间结构。我们在按照结构原理，光原理，透视原理，不停的复杂化一个物品。

我的目的不是要讲，怎么画一个东西好看，我的目的是希望大家能够通过这些简单原理，去分析你要做的东西，无论做加法还是减法，都需要尊重这些原理。

UI不是一个绘画工作，了解绘画原理是为了，拆解我们的工作过程，合理化，规划设计流程。

其实UI里很少涉及到你需要大量手绘的部分。都是基本形状的应用。所以，绘画原理也可以浅尝即止。不需要每个UI都拥有原画师级别的绘画能力。