ui設計怎樣做出有效果的視覺層級?

　　作為一名 UI設計師，大家應該清楚的瞭解到每一款產品都有不同的風格和設計，但是每一款UI設計元素都是有通風之處的，如何能夠做出有效的視覺層級，對使用者的體驗有著十分積極的影響。本期 UI設計培訓教程就為大家詳細的介紹一下ui設計怎樣做出有效果的視覺層級?

　　UI設計培訓分享：ui設計怎樣做出有效果的視覺層級?

　　一、梳理資訊

　　為了能夠有效的劃分介面中的資訊層級，我們需要梳理資訊，對頁面內的資訊先進行組織歸納，將同類資訊或者關聯性強的資訊組織到一起。

　　二、使用黃金比例

　　UI設計師在繪製草稿階段經常使用黃金比例，這有助於規劃作品的排版架構，以適合的比例縮放使用者介面元素，使使用者看起來舒適。並且可以透過加強元素之間的對比來區分資訊的主次關係。在處理資訊的時候我們通常會使用字型、字重、大小、色彩四個維度進行對比。

　　三、視覺流

　　人類的視覺運動都是點到點跳躍式掃描而非平滑移動，在 Google 早期透過眼動儀觀察使用者在瀏覽介面內容的視覺流呈“F”型，而且越是往下視覺注意力越少。當ui設計師在進行資訊分類之後，我們借鑑視覺流的原則在我們做完資訊歸納和資訊對比之後，我們可以透過視覺流的原則，來審視自己的設計是否符合使用者自左到右，自上到下的閱讀習慣。