非常干貨系列之幾個UI設計實戰(zhàn)技巧

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

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

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

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

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

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

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

具體選項設置如下圖：

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

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

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

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

單層投影：

多層投影：

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

 

4. 投影的等高線選項，我猜你沒改過

我們看膠囊的投影：

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

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

 

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

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

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

因為我沒研究出來怎么做！

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

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

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