|
| 您的位置: 首頁(yè) > 網(wǎng)站資訊 > 如何設(shè)計(jì)有用的網(wǎng)頁(yè)布局結(jié)構(gòu) |
如何設(shè)計(jì)有用的網(wǎng)頁(yè)布局結(jié)構(gòu)發(fā)布日期:2017/5/17
什么是布局? “布局”是指頁(yè)面內(nèi)容的尺寸、間距及位置。有用的布局對(duì)于幫助用戶快速找到他們想要的內(nèi)容至關(guān)主要,并可以在結(jié)構(gòu)外觀上令用戶感到恬逸。 如何設(shè)計(jì)有用的布局? 1.具有清晰的視覺條理。 布局應(yīng)當(dāng)讓頁(yè)面各元素之間的關(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)系。 錯(cuò)誤: 邏輯上相關(guān)的UI元素在空間上被分隔,且沒有顯明的視覺關(guān)聯(lián)。 對(duì)齊:使頁(yè)面工整,信息呈現(xiàn)有序,便于用戶掃視。 錯(cuò)誤: 沒有對(duì)齊影響了頁(yè)面效果且未便于用戶掃視。不要因?yàn)楣δ苄枰蛯?duì)極限情況的顧慮而輕易犧牲掉頁(yè)面的視覺顯現(xiàn)。 強(qiáng)調(diào):可以根據(jù)UI元素間的相對(duì)主要程度進(jìn)行強(qiáng)調(diào)。
|
| 其他相關(guān)文章 |
|
|
|
|
||||||||
| Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 www.whl-chy.com All Rights Reserved |