網(wǎng)站運(yùn)營指導(dǎo)

什么是布局？ “布局”是指頁面內(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)楣δ苄枰蛯O限情況的顧慮而輕易犧牲掉頁面的視覺展現(xiàn)。 強(qiáng)調(diào)：可以根據(jù)UI元素間的相對重要程度進(jìn)行強(qiáng)調(diào)。 2.針對用戶的閱讀模式來設(shè)計(jì)布局。 大部分人的閱讀習(xí)慣是從左向右，至上而下。 閱讀分為沉浸式閱讀（immersive reading）和掃視（scanning），前者的目的在于理解，后者在于定位。