眾譽(yù)美學(xué):杭州網(wǎng)站建設(shè)中常見的導(dǎo)航模式有哪幾種
時(shí)間:2023-09-13 16:36:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-09-13 16:36:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
眾譽(yù)美學(xué):杭州網(wǎng)站建設(shè)中常見的導(dǎo)航模式有哪幾種: 在用戶登錄網(wǎng)頁(yè)的時(shí)候,第一直觀就是網(wǎng)站導(dǎo)航,所以網(wǎng)站導(dǎo)航在網(wǎng)站呈現(xiàn)中的作用是非常重大的。它是指引用戶瀏覽網(wǎng)站信息最好的幫手,能夠幫助用戶對(duì)網(wǎng)站的基本層次結(jié)構(gòu)有個(gè)大致的了解。在網(wǎng)站建設(shè)過(guò)程中,不同類型網(wǎng)站所采用的網(wǎng)站導(dǎo)航布局有一定的區(qū)別,
眾譽(yù)美學(xué)小編帶大家來(lái)看下網(wǎng)站建設(shè)中常見的導(dǎo)航模式有哪些吧!
一、隱藏和彈出式導(dǎo)航
漢堡圖標(biāo)的流行讓隱藏式導(dǎo)航模式大行其道,而隱藏式的設(shè)計(jì)所帶來(lái)的另外一個(gè)結(jié)果就是彈出式導(dǎo)航。嚴(yán)格意義上來(lái)說(shuō),隱藏/彈出式導(dǎo)航算不上是非常實(shí)驗(yàn)性的設(shè)計(jì),但是可以設(shè)計(jì)出很多不同的花樣,可能對(duì)于部分用戶而言,漢堡圖標(biāo)并不是那么直觀,也不夠熟悉。所以,設(shè)計(jì)師可以在彈出效果、樣式和位置甚至圖標(biāo)樣式上,多思考一些與眾不同的設(shè)計(jì)。
二、豎直/側(cè)邊欄導(dǎo)航
側(cè)邊欄導(dǎo)航的導(dǎo)航項(xiàng)被排列在一個(gè)單列,一項(xiàng)在一項(xiàng)的上面,它出現(xiàn)在綜合類交易買賣網(wǎng)站的頻率很高,幾乎隨處可見。這有可能是因?yàn)樨Q直導(dǎo)航是當(dāng)前最通用的模式之一,可以適應(yīng)數(shù)量很多的鏈接,可以與子導(dǎo)航菜單一起使用,也可以單獨(dú)使用,可以集成在幾乎任何種類的多列布局中。側(cè)邊欄導(dǎo)航的一般特征:文字鏈接作為導(dǎo)航項(xiàng)很普遍,很少使用選項(xiàng)卡,豎直導(dǎo)航菜單經(jīng)常含有很多鏈接。
三、側(cè)滑導(dǎo)航
側(cè)滑導(dǎo)航之所以流行完全是依靠于Facebook的大力推廣,之所以叫抽屜源于它的交互動(dòng)效。當(dāng)點(diǎn)擊菜單按鈕后,導(dǎo)航模塊會(huì)像抽屜一樣從頁(yè)面邊緣滑動(dòng)出現(xiàn)。側(cè)滑導(dǎo)航最大的有點(diǎn)在于它空間的充裕:因?yàn)閺倪吘壔?,這些內(nèi)容被理解為在底層或屏幕外的無(wú)限區(qū)域內(nèi) 好看:簡(jiǎn)潔就是美,而且動(dòng)畫效果驚艷。
四、面包屑導(dǎo)航
面包屑導(dǎo)航的名字來(lái)源于Hansel和Gretel的故事,他們?cè)谘赝静ト雒姘家杂脕?lái)找到回家的路。在網(wǎng)站中的左右是告訴用戶目前所在網(wǎng)站的位置,這是二級(jí)導(dǎo)航輔助網(wǎng)站主導(dǎo)航系統(tǒng)的一種形式。面包屑對(duì)于多級(jí)別具有層次結(jié)構(gòu)的網(wǎng)站非常實(shí)用,它可以幫助訪客了解到當(dāng)前自己在整站中所處的位置。如果訪客希望返回到某一級(jí),只需要點(diǎn)擊相應(yīng)的面包屑導(dǎo)航項(xiàng)即可,也是一種用戶的良好體驗(yàn)。
五、水平滾動(dòng)
當(dāng)用戶第一次瀏覽采用水平滾動(dòng)導(dǎo)航的網(wǎng)站時(shí),體驗(yàn)程度會(huì)覺得非常的奇怪。首先它的物理和視覺運(yùn)動(dòng)方向和常規(guī)的縱向滾動(dòng)不同,而且當(dāng)使用鼠標(biāo)滾輪滾動(dòng)的時(shí)候,這種交互的錯(cuò)位感會(huì)極其強(qiáng)烈。其實(shí),想要解決這個(gè)問題,需要設(shè)計(jì)師加入視覺線索來(lái)幫助用戶導(dǎo)航,強(qiáng)化瀏覽邏輯和體驗(yàn)即可。
六、標(biāo)簽導(dǎo)航
標(biāo)簽導(dǎo)航設(shè)計(jì)經(jīng)常會(huì)被用于博客和新聞?lì)惖木W(wǎng)站,它們往往會(huì)被組織成為一個(gè)標(biāo)簽云,導(dǎo)航項(xiàng)可能按字母順序排列,或者按流行程度排列。一般情況下,標(biāo)簽云通常出現(xiàn)在邊欄或底部,如果沒有標(biāo)簽云,標(biāo)簽則通常包括于文章頂部或底部的元信息中,這種設(shè)計(jì)讓用戶更容易找到相似的內(nèi)容。
以上的這些導(dǎo)航模式可以說(shuō)是目前企業(yè)中出現(xiàn)最頻繁的,眾譽(yù)美學(xué)小編所知,目前很多的設(shè)計(jì)師都相對(duì)比較愿意遵循傳統(tǒng)的設(shè)計(jì),其實(shí)隨著互聯(lián)網(wǎng)的發(fā)展,設(shè)計(jì)師不妨嘗試一些新的設(shè)計(jì)在杭州網(wǎng)站建設(shè)中,也并不代表我們認(rèn)為現(xiàn)在的導(dǎo)航設(shè)計(jì)不好,而是覺得作為設(shè)計(jì)師,應(yīng)該由自主創(chuàng)新的精神,不能重視原地踏步。
關(guān)鍵詞:模式,導(dǎo)航,中常,美學(xué),杭州,建設(shè)