視覺層次結構：對交互式界面的視覺構圖的新理解

什么是視覺層次結構，為什么它是重要的？視覺層次結構是內容的構成布局，以便有效地傳達信息和含義。視覺層次結構首先會將觀眾引導至最重要的信息，然后引導至次要內容。

通過適當?shù)厥褂贸叽?，顏色，形狀，距離，比例和方向來建立構圖的意義、概念和氛圍，這是通過創(chuàng)造性地使用確定視覺層次的圖形元素來傳達的。

Airbnb使用z字型布局設定視覺焦點

通過利用這種布局，Airbnb 設計團隊實現(xiàn)了建立出一個簡潔的視覺層次。傳遞特定信息的區(qū)域被精準定位并吸引用戶注意

小 結

簡單來說，利用用戶觀察事物的心理學創(chuàng)建合理的布局，將一些看似互不相干的元素和諧、有序地組織在一起。

當然布局框架只是整個產品的基礎骨架，在骨架確定之后，設計師才可進行下一步的設計，如統(tǒng)一的視覺表達元素，清晰的功能操作，流暢的交互表達。