我们现在来加入牛皮扣:

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

UI知识,UI需要什么样的美术能力:应用篇

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

UI知识,UI需要什么样的美术能力:应用篇

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

UI知识,UI需要什么样的美术能力:应用篇

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

UI知识,UI需要什么样的美术能力:应用篇

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

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

UI知识,UI需要什么样的美术能力:应用篇

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

UI知识,UI需要什么样的美术能力:应用篇

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

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

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

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

UI知识,UI需要什么样的美术能力:应用篇

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

UI知识,UI需要什么样的美术能力:应用篇

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

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

UI知识,UI需要什么样的美术能力:应用篇

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

总结一下:

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

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

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

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