怎樣設(shè)計(jì)出有吸引力的網(wǎng)站?
導(dǎo)航的功能是為了讓用戶更容易地找到必要的信息,可以對網(wǎng)站的信息架構(gòu)和站內(nèi)搜索進(jìn)行分析和優(yōu)化,也能對用戶起到很好的指導(dǎo)作用。一個(gè)有吸引力的導(dǎo)航能夠吸引用戶去欣賞更多的網(wǎng)站內(nèi)容,增長用戶在網(wǎng)站的停頓時(shí)間。導(dǎo)航在網(wǎng)站設(shè)計(jì)中的地位舉足輕重,它指導(dǎo)著用戶進(jìn)行欣賞和查找,一個(gè)優(yōu)秀的導(dǎo)航體系能讓用戶在脫離網(wǎng)站時(shí)感覺享受了一次興奮的旅程。
1.頂部水平欄導(dǎo)航
頂部水平欄導(dǎo)航是當(dāng)前兩種最流行的網(wǎng)站導(dǎo)航菜單設(shè)計(jì)模式之一。它最常用于網(wǎng)站的主導(dǎo)航菜單,且通常地放在網(wǎng)站所有頁面的網(wǎng)站頭的直接上方或直接下方。頂部水平欄導(dǎo)航對于只必要在重要導(dǎo)航中表現(xiàn)5-12個(gè)導(dǎo)航項(xiàng)的網(wǎng)站來說是特別很是好的。這也是單列布局的網(wǎng)站的主導(dǎo)航的唯一選擇(除了通常用于二級導(dǎo)航體系的底部導(dǎo)航)。當(dāng)它與下拉子導(dǎo)航結(jié)應(yīng)時(shí),這種設(shè)計(jì)模式可以支持更多的鏈接。所有緊張的信息都會(huì)固定在頂部,對于用戶來說如許使用起來會(huì)更簡便舒適。
2.抽屜式導(dǎo)航設(shè)計(jì)
默認(rèn)情況下,導(dǎo)航菜單根本就不表現(xiàn),只有當(dāng)觸摸到右上角指定的小圖標(biāo)時(shí),第一個(gè)內(nèi)容層才會(huì)打開。當(dāng)觸摸到其中一個(gè)欄目時(shí),第二個(gè)內(nèi)容層才會(huì)漸漸睜開,給用戶一個(gè)特別很是清晰明了的內(nèi)容導(dǎo)航。使用抽屜式導(dǎo)航來組織復(fù)雜內(nèi)容是一個(gè)特別很是方便和流行的體例。通常,復(fù)雜的網(wǎng)站會(huì)使用抽屜式的導(dǎo)航來設(shè)計(jì)。
3.固定式側(cè)邊欄導(dǎo)航
側(cè)邊欄導(dǎo)航菜單可以兼容不同的屏幕尺寸。適合一個(gè)特別很是通亮干凈的排版布局
本文地址:http://www.likemindfilms.com/tutorial/di136.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏