什么是布局?

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

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

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

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

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

視覺流：指用戶關(guān)注區(qū)域的順序�？梢愿鶕�(jù)義務(wù)邏輯和用戶的瀏覽習(xí)慣來設(shè)計(jì)恰當(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)有序，便于用戶掃視。

錯誤：

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

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