非常干貨系列之幾個(gè)UI設(shè)計(jì)實(shí)戰(zhàn)技巧

如果你能停下來，我建議可以多去臨摹優(yōu)秀的作品，感受細(xì)節(jié)的處理，質(zhì)感的表達(dá)，圖層樣式的技巧等等，也許你會發(fā)現(xiàn)：原來自己還差的很遠(yuǎn)。

剛好最近看了了一個(gè)錘子的膠囊，最終效果如下：

借著這個(gè)案例和大家分享一些技法和感受，大綱如下：

• 內(nèi)陰影不僅可以做凹陷，還能做凸起
• 要想有質(zhì)感，反光一定不能少
• 養(yǎng)成使用多層投影的習(xí)慣
• 投影的等高線選項(xiàng)，我猜你沒改過
• 打動人的設(shè)計(jì)一定要符合現(xiàn)實(shí)

1. 內(nèi)陰影不僅可以做凹陷，還能做凸起

一說到內(nèi)陰影，我們的第一直覺是它是用來做凹陷的，如下圖：

但其實(shí)它還可以做“凸起的”效果，例如我們在做這個(gè)膠囊的時(shí)候，就可以用內(nèi)陰影來確定基本體積關(guān)系，（當(dāng)然內(nèi)發(fā)光也是可以的）如下圖：

具體選項(xiàng)設(shè)置如下圖：

2. 要想有質(zhì)感，反光一定不能少

做擬物的物體，一定要記住加反光，這是增加細(xì)節(jié)和質(zhì)感的必要條件，但只加反光還不夠，反光處銜接的地方還有一塊暗部，形成明暗交界線，效果如下：

3. 養(yǎng)成使用多層投影的習(xí)慣

接下來就需要給膠囊加投影了，這里需要注意，大多數(shù)情況下，一層投影是無法實(shí)現(xiàn)理想效果的，我們要使用雙層投影甚至多層，來看看一層投影和多層投影的對比效果。

單層投影：

多層投影：

強(qiáng)調(diào)一點(diǎn)，多層投影的規(guī)律是，越外層投影越虛化，不然就會不自然。

 

4. 投影的等高線選項(xiàng)，我猜你沒改過

我們看膠囊的投影：

有明有暗，一圈一圈的，這都是投影等高線選項(xiàng)的功勞，如下圖：

默認(rèn)的等高線選項(xiàng)是線性，為了增加層次，我將線性改成了畫圓步驟，里面還有很多選項(xiàng)，大家可以多多嘗試，切記不要死記硬背數(shù)值，要以最后效果為準(zhǔn)！

 

5. 打動人的設(shè)計(jì)一定是符合現(xiàn)實(shí)的

如果你想讓設(shè)計(jì)打動人心，那就一定要符合現(xiàn)實(shí)現(xiàn)象，例如在做這個(gè)膠囊的底板時(shí)，可以看看現(xiàn)實(shí)的膠囊底板紋理長什么樣，我拍張照片給大家看下，原來長這個(gè)樣子：

但為什么我做的底板紋理是這樣的呢：

因?yàn)槲覜]研究出來怎么做！

如果想把細(xì)節(jié)做好，這個(gè)紋理一定也要做好，不能應(yīng)付了事，給大家留下這個(gè)問題，如果你想到了好的方法，歡迎告訴我，讓菜心學(xué)習(xí)下，哈哈。

以上就是今天要分享的內(nèi)容，其實(shí)眼高手低并不可怕，可怕的是沒有提高執(zhí)行力（鞏固基礎(chǔ)）的意識，從而讓“手”和“眼”差的越來越遠(yuǎn)。

所以你懂得，不要再奔跑了，想要“速度70邁，心情是自由自在”，咱得先把基礎(chǔ)練好！