激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

UI設計：層次性的重要性和技巧

發(fā)布時間：2024-06-27 10:51:36 瀏覽量：176次

觀察樣式設計跟排版上，修改層次前與修改層次后的變化。

改版前后左右兩個頁面可以對比一下可以發(fā)現(xiàn)變化最大的不是在設計精細度上有了多大的提升，為什么感覺改版后效果好呢，就是因為我們層次性做的更加好了。

那么總結一下層次性做了以下三點

改版前后左右兩個頁面可以對比一下可以發(fā)現(xiàn)變化最大的不是在設計精細度上有了多大的提升，為什么感覺改版后效果好呢，就是因為我們層次性做的更加好了。

如何做好層次性的變化呢？

就是把該重要的版塊突出出來，該弱化的版塊弱化下去，有強有弱就是我們的層次性。

結合頁面具體觀察

（1）可以看到卡片的凸顯，用戶希望看到一個怎樣的版塊，是否可以在設計的角度上通過設計這樣一個卡片的角度，把它突出出來呢?？梢园l(fā)現(xiàn)通過一些版塊后視覺劃分上是做的更加優(yōu)異的

（2）圖標做到了一個突顯，用戶在用這個界面的時候，重點用哪幾個功能，在設計角度上把這些功能給突顯出來

（3）就是用戶在不經(jīng)常用的地方進行適當?shù)娜趸?/p>

所以一個好的層次性，我們在設計的時候做的有強有弱在用戶體驗的時候才能夠把它稱之為是一個比較不錯的界面設計。

總結完改版前后這三點之后回到界面本身，就是為什么要關注層次性，關注層次性的好處是什么 ？

設計其實是一門服務型的角色，服務與產(chǎn)品，服務于用戶，要站在用戶這個角度來思考一下，用戶在用你這個功能的時候用戶會關注哪些產(chǎn)品，那么在設計整個產(chǎn)品界面原型階段的時候，用戶希望突顯哪一個地方。所以說設計要做好服務就是說要服務好用戶服務好產(chǎn)品，把用戶和產(chǎn)品他關注的一些重點在設計角度上把它突顯一下，這就是設計師為為什么要關注層次性的一個出發(fā)點。

接下來就給大家介紹如何做好層次性的梳理

三種層次順序

層次最強——圖片

中間是——圖標，

最弱——文字。

只有總結好一個界面由強到弱的一個劃分的時候界面設計才會做到一個合理分布。

在大家做一些原型設計優(yōu)化的時候呢，可以有這么個思維點，是不是可以把它的層次性做的更好一些，從圖片圖標再到文字一個界面把一個視覺強弱劃分上比如更加合理的排版分布。

版塊突顯，卡片設計

可以采用一個卡片式的突顯，觀察圖片我們在用了一個卡片式的排版后，視覺上確實有了一個非常大的提升。（注：卡片最好采用彌散型陰影會顯得更加柔和）

圖標突顯，增加角標

想突顯某一個圖標應該怎么做？可以用到角標，角標在我們平時的設計工作中還是頻繁使用的設計細節(jié)處理效果

字體突出，增加標簽

標簽的作用有助于突顯，但不破壞排版，只會做到某一個細節(jié)的強化

三者之間的聯(lián)系是，突顯程度由強到弱，如果你想把某一個版塊進行突顯，卡片設計師你的解決方案，如果你想把某一個細小的版塊進行突顯，角標是解決方案，如果在字段上突顯，增加標簽是解決方案。

火星時代教育是一家專注數(shù)字藝術教育的培訓機構，開設包括游戲設計培訓、動畫培訓、原畫培訓、AI繪畫培訓、AI音樂創(chuàng)作培訓、影視后期培訓等課程。想要了解更多課程內(nèi)容，請點擊咨詢。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定