發(fā)布人:admin , 瀏覽次數(shù):81 , 發(fā)布時(shí)間:2018-01-24 09:06
下面是幾種可見性較強(qiáng)的導(dǎo)航菜單樣式:
1. 標(biāo)簽式導(dǎo)航
如果你網(wǎng)站的導(dǎo)航菜單項(xiàng)數(shù)量相對(duì)不多,且比較常用,這時(shí)你可以選擇標(biāo)簽式導(dǎo)航。不管你準(zhǔn)備將這個(gè)標(biāo)簽式導(dǎo)航放在頁面上方還是下方,一定要確保用戶能一眼就看見它,確保菜單內(nèi)容是一目了然的。雖然標(biāo)簽式菜單算是導(dǎo)航菜單設(shè)計(jì)中最簡單的一種樣式了,但在網(wǎng)頁中使用這種形式的菜單時(shí)還是要注意以下幾點(diǎn):
使用標(biāo)簽式導(dǎo)航時(shí),菜單項(xiàng)最好不超過5個(gè);
標(biāo)簽式導(dǎo)航在使用時(shí),至少應(yīng)有一個(gè)標(biāo)簽始終處于活動(dòng)狀態(tài),且通過色彩對(duì)比,將活動(dòng)狀態(tài)的標(biāo)簽突出顯示出來;
通常第一個(gè)標(biāo)簽應(yīng)設(shè)置為主頁,標(biāo)簽欄順序按照用戶使用的優(yōu)先級(jí)來排列;(青島微信營銷)
在導(dǎo)航標(biāo)簽當(dāng)中,最好使用"圖標(biāo)+文本"的方式來呈現(xiàn),而諸如搜索應(yīng)用中的搜索按鈕這樣常用且用戶熟知的操作,則只需要通過圖標(biāo)來展示;
為了節(jié)省空間,導(dǎo)航欄可以在滾動(dòng)翻頁過程中隱藏,而當(dāng)頁面靜止的時(shí)候顯現(xiàn);
2. 標(biāo)簽欄+"更多"選項(xiàng)
如果你的導(dǎo)航菜單項(xiàng)數(shù)量比較多,你可以選擇"標(biāo)簽欄+更多"的菜單設(shè)計(jì)方式:將4個(gè)比較主要的菜單項(xiàng)以標(biāo)簽樣式展示出來,剩下的菜單項(xiàng)則出現(xiàn)在"更多"選項(xiàng)中。這種設(shè)計(jì)方式的原理其實(shí)和標(biāo)簽式導(dǎo)航?jīng)]有多大區(qū)別,只是多了一個(gè)"更多"選項(xiàng)。不過,這種導(dǎo)航菜單樣式比隱藏式菜單更加優(yōu)秀,一方面,雖然它同樣隱藏了內(nèi)容,但是絕大多數(shù)的重要選項(xiàng)已經(jīng)被展示出來了,可見性還是比較強(qiáng)的。另一方面,"更多"選項(xiàng)按鈕既可以出現(xiàn)下拉菜單,也可以鏈接到獨(dú)立的菜單頁面,具體的設(shè)計(jì)策略能夠根據(jù)網(wǎng)站實(shí)際狀況靈活處理。
3. 漸進(jìn)收縮式導(dǎo)航
漸進(jìn)收縮式導(dǎo)航菜單,也被稱為"優(yōu)先級(jí)+"菜單,是一種符合響應(yīng)式設(shè)計(jì)規(guī)則的菜單設(shè)計(jì),它會(huì)根據(jù)屏幕寬度和大小,盡可能多的顯示優(yōu)先級(jí)菜單項(xiàng),而那些無法顯示出來的菜單項(xiàng)則會(huì)被收納到"更多"按鈕中,當(dāng)然"更多"按鈕中能夠菜單項(xiàng)的多少也取決于屏幕的寬度。這種設(shè)計(jì)方案比靜態(tài)的標(biāo)簽式+更多的按鈕更加靈活自然,更能給用戶提供較好的體驗(yàn),當(dāng)然在設(shè)計(jì)方面也要復(fù)雜不少。
4. 滾動(dòng)式導(dǎo)航菜單
和前兩種設(shè)計(jì)方案一樣,滾動(dòng)式菜單也是針對(duì)較多菜單項(xiàng)的一種解決方法。如果你的網(wǎng)站有許多菜單項(xiàng),且菜單項(xiàng)之間沒有優(yōu)先級(jí)順序,你可以將所有的條目列在可滾動(dòng)查看的范圍內(nèi),讓用戶自行查看。不過滾動(dòng)式菜單的弊端在于當(dāng)頁面沒被滾動(dòng)時(shí),只有主菜單呈現(xiàn),剩下的菜單項(xiàng)都是難以看見的。
5. 全屏導(dǎo)航
前面的4種設(shè)計(jì)方案的基本思路,都是盡可能的少占據(jù)屏幕空間,而全屏式導(dǎo)航則采用了完全相反的策略。這種設(shè)計(jì)方法,直接將主頁做成導(dǎo)航,用戶打開首頁之后,可以上下滾動(dòng)瀏覽導(dǎo)航類目,根據(jù)需求來點(diǎn)擊不同的導(dǎo)航,尋找自己想要的內(nèi)容。
這種設(shè)計(jì)模式通常適用于目標(biāo)任務(wù)比較明確的網(wǎng)站,尤其適合于那種用戶任務(wù)會(huì)固定在特定的類別當(dāng)中的應(yīng)用和網(wǎng)站。這種結(jié)構(gòu)明確的網(wǎng)站,對(duì)于他們的固定用戶而言,是非常的清晰、明確的,一方面可以讓網(wǎng)站的設(shè)計(jì)和優(yōu)化更加便捷,另一方面對(duì)用戶而言更加好用,更容易集中注意力。Yelp網(wǎng)站就使用全屏導(dǎo)航讓設(shè)計(jì)以更加一致的方式來組織導(dǎo)航內(nèi)容,更有針對(duì)性的展示信息。
青島微信營銷,就找青島卓信網(wǎng)絡(luò)技術(shù)有限公司!