什么是布局?

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

如何設(shè)計有用的布局?

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

    布局應(yīng)當(dāng)讓頁面各元素之間的關(guān)系和主要性一目了然。你可以通過適當(dāng)使用下列屬性來實現(xiàn)視覺條理：

焦點：指用戶首先關(guān)注的區(qū)域。形式上被賦予焦點屬性的UI元素一定要表達主要的內(nèi)容。

視覺流：指用戶關(guān)注區(qū)域的順序。可以根據(jù)義務(wù)邏輯和用戶的瀏覽習(xí)慣來設(shè)計恰當(dāng)?shù)囊曈X流。好的視覺流應(yīng)該清晰、合理、順暢、天然。

關(guān)聯(lián)：在邏輯上相關(guān)的UI元素應(yīng)具有清晰的視覺關(guān)系。

錯誤：

邏輯上相關(guān)的UI元素在空間上被分隔，且沒有顯明的視覺關(guān)聯(lián)。

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

錯誤：

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

強調(diào)：可以根據(jù)UI元素間的相對主要程度進行強調(diào)。