ui-視覺層次小談

ui設計中，視覺層次是決定產品突出重點的一個表現形式，好的ui設計能夠充分讓體驗者毫不費力的看到需要突出的重點信息。

只有層次劃分清晰我們在能更好的控制輸出產品方向，達到我們的設計目的。

如何合理的設計視覺層次，是我們設計師所要掌握的必要技巧。

接下來為大家介紹一種突出設計層次的方法供大家參考了解。

從此圖片看，我們拋開他的其他不足，單說視覺層次方面有著明顯的缺陷。

這塊我想表達的是資產為主視覺區域，但現在這兩個地方讓我們感覺主次不清，甚至從視覺傳達上來說上面的姓名離我們最近，而且資產沒有特殊的表現形式直接，從而被姓名搶了焦點聚集。

為了更好的達到我們想要的目的，所以我又重新設計了一下。

是不是比剛才那個要強很多呢？

這是一種卡片的突顯形式。

現在我們把資產這塊區域的視覺層次突顯了出來，讓它與姓名有了強弱變化。接下來我們在拉遠距離觀察整個頁面的強弱變化。

從上之下到功能區域，我們不難發現九宮格內的功能樣式都是一樣的，如果我們把體驗者常用功能凸現出來是不是更好一些呢。

然後它就變成了這樣。

再次從上往下看視覺層次

把要突出的功能放大化或者說把不突出的功能縮小化也可以達到突出視覺層次的目的，不過這只是最普通的一種常見手法。

而且這只是視覺層次的一部分，那麼我們還要注意或者說這個界面還要注意什麼呢？

太晚了下次再說...

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！