今天和大家分享 3 個小細節(jié)：投影的細節(jié)、體驗的細節(jié)、信息層級的細節(jié)。

1. 投影的細節(jié)

今天和大家分享一個關(guān)于投影的案例，我們看下原作的投影效果：

我們下看投影對比：

臨摹的投影比較糊且只有一層，沒有層次，原作的投影是有兩層的，且里面那層還有一個虛實細節(jié)。

我們用一個簡單的效果講一下原理，首先我們外層的投影，不能太實：

要稍微虛一點，比如這樣：

第二步，我們加里面那層投影，會稍微實一點：

而里面那層為了更符合實際，也可以加一個虛實，讓外邊的部分淡一點，里面的部分深一點，其實就是加個透明度的漸變：

這樣我們再把里層投影加入進去，就會比之前更有層次：

效果還是非常明顯的，希望大家可以多多嘗試多多練習(xí)！

2. 體驗的細節(jié)

應(yīng)該有很多朋友做過提現(xiàn)的界面，提現(xiàn)需要一個流程，很多流程是這樣的做的：

其實也沒什么問題，狀態(tài)區(qū)分的也算明顯，但我們可以看下微信的視覺體驗：

當前狀態(tài)與非當前狀態(tài)區(qū)分非常大，這樣可以讓用戶一眼就看到自己所處的狀態(tài)，很明顯。

除此之外，我們再看另外一個狀態(tài)頁面：

這個細節(jié)之處在于，他區(qū)分了已完成和處理中的狀態(tài)，已完成是綠色，處理中是藍色，這樣可以給到用戶更準確的心理暗示和預(yù)期，算是非常細節(jié)了，大家可以參考參考。

3. 信息層級的細節(jié)

這個案例之前分享過，因為案例比較典型，所以再和大家強調(diào)一下，主要是信息層級的細節(jié)。

舉個簡單的例子，比如下面這段信息：

會不會覺得有點混亂？混亂的原因就是主次沒有區(qū)分開，第一重點信息是照片，但我覺得照片還不夠大，很多都做成全屏的。

再比如，文案和點贊評論層級沒有區(qū)分開：

但是我們看一些優(yōu)秀的案例：

“標題文案”視覺很明顯重于“點贊評論區(qū)”

再看一張 ins 的：

也很明顯，“點贊評論區(qū)”重于“信息文案區(qū)”。另外一些好的素材也是非常能讓設(shè)計變得耐看的方法，oursketch.com有非常豐富的素材資源。

主次對于界面來說非常重要，只有主次做好區(qū)分，才能保證基礎(chǔ)邏輯是 ok 的。

總結(jié)

好了，以上就是今天和大家分享的幾個小細節(jié)，細節(jié)需要多體驗、用心觀察思考，當然再來點實戰(zhàn)那就更好了