什么是布局?

“布局”是指頁面內容的尺寸、間距及位置。有用的布局對于幫助用戶快速找到他們想要的內容至關主要，并可以在結構外觀上令用戶感到恬逸。

如何設計有用的布局?

1.具有清晰的視覺條理。

    布局應當讓頁面各元素之間的關系和主要性一目了然。你可以通過適當使用下列屬性來實現視覺條理：

焦點：指用戶首先關注的區域。形式上被賦予焦點屬性的UI元素一定要表達主要的內容。

視覺流：指用戶關注區域的順序。可以根據義務邏輯和用戶的瀏覽習慣來設計恰當的視覺流。好的視覺流應該清晰、合理、順暢、天然。

關聯：在邏輯上相關的UI元素應具有清晰的視覺關系。

錯誤：

邏輯上相關的UI元素在空間上被分隔，且沒有顯明的視覺關聯。

對齊：使頁面工整，信息呈現有序，便于用戶掃視。

錯誤：

沒有對齊影響了頁面效果且未便于用戶掃視。不要因為功能需要和對極限情況的顧慮而輕易犧牲掉頁面的視覺顯現。

強調：可以根據UI元素間的相對主要程度進行強調。