全局導(dǎo)航常在頁(yè)面頂部或左邊,在右側(cè)的話會(huì)出現(xiàn)因?yàn)轫?yè)面大小和橫向滾動(dòng)的問(wèn)題。有一種叫做流體布局的能處理這種問(wèn)題虫几,即當(dāng)用戶調(diào)整窗口大小時(shí)元素的大小和位置會(huì)相應(yīng)改變锤灿,適應(yīng)了不同用戶的頁(yè)面不一的情況,讓網(wǎng)頁(yè)成為用戶理想的大小辆脸。
頁(yè)面布局的基礎(chǔ)知識(shí)
一個(gè)是分好層次
要對(duì)內(nèi)容的重要程度進(jìn)行區(qū)分但校,關(guān)鍵詞、大標(biāo)題啡氢、小標(biāo)題状囱、內(nèi)容、附加說(shuō)明等空执。列重點(diǎn)內(nèi)容時(shí)可以從幾個(gè)方面入手:
背景顏色:對(duì)比度大的更顯眼浪箭,黑白是最佳的選擇
大小:大而顯眼的文字即是想要傳遞的第一信息
錯(cuò)開(kāi):空白格是一個(gè)技巧辨绊,很多人寫(xiě)文章時(shí)會(huì)習(xí)慣首行縮進(jìn)奶栖,但其實(shí)這也是突出重點(diǎn)的一個(gè)關(guān)鍵的點(diǎn)。重要的東西向左對(duì)齊抵住頁(yè)面邊门坷,而內(nèi)容則用空白格至于較右的位置宣鄙。
信息架構(gòu)
長(zhǎng)度 分頁(yè) 查找 加載段落
順序 時(shí)間、熱度或名稱順序
分組 層級(jí)分類默蚌,樹(shù)狀結(jié)構(gòu)形成交錯(cuò)層級(jí) 用帶標(biāo)題的區(qū)域
交互設(shè)計(jì) 多樣化地對(duì)界面進(jìn)行布局冻晤,除了能直接讓用戶看到內(nèi)容,還能通過(guò)互動(dòng)讓用戶點(diǎn)擊等進(jìn)行閱讀绸吸。
動(dòng)態(tài) 包括用戶加載時(shí)間和更新內(nèi)容鼻弧,是否為實(shí)時(shí)更新