用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

淺談網(wǎng)頁設(shè)計中常用的網(wǎng)站導(dǎo)航設(shè)計

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2016/6/2 16:43:49     瀏覽:
網(wǎng)站導(dǎo)航的功能是為了讓用戶更容易地找到用戶所需要的信息,可以對網(wǎng)站的信息架構(gòu)和站內(nèi)搜索進行分析和優(yōu)化,也能對用戶起到很好的引導(dǎo)作用。

  網(wǎng)站導(dǎo)航的功能是為了讓用戶更容易地找到用戶所需要的信息,可以對網(wǎng)站的信息架構(gòu)和站內(nèi)搜索進行分析和優(yōu)化,也能對用戶起到很好的引導(dǎo)作用。一個有吸引力的導(dǎo)航能夠吸引用戶去瀏覽更多的網(wǎng)站內(nèi)容,增加用戶在網(wǎng)站的停留時間。導(dǎo)航在網(wǎng)站設(shè)計中的地位舉足輕重,它引導(dǎo)著用戶進行瀏覽和查找,一個優(yōu)秀的導(dǎo)航系統(tǒng)能讓用戶在離開網(wǎng)站時感覺享受了一次愉快的旅程。

  下面中國設(shè)計網(wǎng)的小編為大家搜集了一些常用的網(wǎng)站導(dǎo)航設(shè)計,以便于大家更為直觀的感受到不同的導(dǎo)航設(shè)計所呈現(xiàn)出來的不同的效果和用戶體驗。

  1、頂部水平欄導(dǎo)航

  頂部水平欄導(dǎo)航是當前兩種最流行的網(wǎng)站導(dǎo)航菜單設(shè)計模式之一。它最常用于網(wǎng)站的主導(dǎo)航菜單,且通常地放在網(wǎng)站所有頁面的網(wǎng)站頭的直接上方或直接下方。頂部水平欄導(dǎo)航對于只需要在主要導(dǎo)航中顯示5-12個導(dǎo)航項的網(wǎng)站來說是非常好的。這也是單列布局的網(wǎng)站的主導(dǎo)航的唯一選擇(除了通常用于二級導(dǎo)航系統(tǒng)的底部導(dǎo)航)。當它與下拉子導(dǎo)航結(jié)合時,這種設(shè)計模式可以支持更多的鏈接。所有重要的信息都會固定在頂部,對于用戶來說這樣使用起來會更簡便舒適。

  2、抽屜式導(dǎo)航

  默認情況下,導(dǎo)航菜單根本就不顯示,只有當觸摸到右上角指定的小圖標時,第一個內(nèi)容層才會打開。當觸摸到其中一個欄目時,第二個內(nèi)容層才會逐漸展開,給用戶一個非常清晰明了的內(nèi)容導(dǎo)航。使用抽屜式導(dǎo)航來組織復(fù)雜內(nèi)容是一個非常方便和流行的方式。通常,復(fù)雜的網(wǎng)站會使用抽屜式的導(dǎo)航來設(shè)計。

  3、固定式側(cè)邊欄導(dǎo)航

  側(cè)邊欄導(dǎo)航菜單可以兼容不同的屏幕尺寸。適合一個非常明亮干凈的排版布局的網(wǎng)站,可以很好地做到了和用戶之間的交互,讓人一眼就把精力集中在導(dǎo)航欄上。側(cè)邊導(dǎo)航欄的優(yōu)美之處主要表現(xiàn)在空間夠大,大量的空白讓用戶感覺整個網(wǎng)站有呼吸之處,顯得非常微妙而自由。通過擁有獨特的設(shè)計,引起用戶的注意。

  4、隱藏式側(cè)邊欄導(dǎo)航

  側(cè)邊導(dǎo)航給人的感覺就像是你在窺視頁面背后或者是掀開了一個玩具盒的蓋子看看里面到底有些什么。在需要的時候?qū)Ш綑趹?yīng)該一直在那里,而當用戶想要專注于某個特定的任務(wù)時,導(dǎo)航欄則應(yīng)該優(yōu)雅的隱藏起來。隱藏式側(cè)邊導(dǎo)航非常方便使用,鼠標懸停在瀏覽器左側(cè)即可出現(xiàn),主體部分即時出現(xiàn)的旋轉(zhuǎn)效果也很帶感,可以很好的引導(dǎo)用戶的注意力。將導(dǎo)航隱藏起來同時也實現(xiàn)了界面的簡潔,使網(wǎng)站的瀏覽體驗非常的愉悅,因為網(wǎng)站并沒有留下太多無用的信息去分散用戶的注意力。

  5、圖標式導(dǎo)航

  圖標式導(dǎo)航的好處是節(jié)省空間,讓界面更簡潔。圖標也可用于細致的分類,提供更明顯的視覺線索,而且圖標具有直觀的語義顯示,每一個圖標代表每一個不同的事件,吸引用戶的注意,從而更好的引導(dǎo)用戶操作。如果再加上優(yōu)秀的動效轉(zhuǎn)換能夠吸引用戶注意,讓用戶迅速找到導(dǎo)航菜單。

  6、選項卡導(dǎo)航

  選項卡導(dǎo)航可以隨意設(shè)計成任何你想要的樣式,從逼真的、有手感的標簽到圓滑的標簽,以及簡單地方邊的標簽等。它存在于各種各樣的網(wǎng)站里,并且可以納入任何視覺效果。選項卡比起其它類別的導(dǎo)航有一個明顯的優(yōu)勢:它們對用戶有積極的心理效應(yīng)。

  總之,網(wǎng)站導(dǎo)航各種各樣的設(shè)計模式都可以用來作為為網(wǎng)站創(chuàng)建有效地信息架構(gòu)的基礎(chǔ)。導(dǎo)航欄的設(shè)計可以是靜態(tài)的、動態(tài)的、可擴展的等多種方式,甚至只是隱藏在一個微妙的符號里面。任何導(dǎo)航在網(wǎng)站里面都扮演者不可或缺的角色,所以,探索網(wǎng)站采用何種導(dǎo)航方式是很有必要的。