導(dǎo)航菜單必須固定在網(wǎng)站設(shè)計(jì)的頂部的想法早已不復(fù)存在。盡管許多設(shè)計(jì)師選擇使用無襯線字體的屏幕頂部導(dǎo)航，但更多的設(shè)計(jì)正在擺脫這種模式。
如果導(dǎo)航足夠直觀，讓用戶能夠合理快速地理解，則實(shí)驗(yàn)新的導(dǎo)航模式可能會(huì)有更好的效果。不同的導(dǎo)航風(fēng)格可以增加對(duì)小型網(wǎng)站的興趣，沒有太多內(nèi)容或希望用戶以特定方式游覽。
雖然實(shí)驗(yàn)導(dǎo)航并非針對(duì)每一種設(shè)計(jì)，但對(duì)于正確的項(xiàng)目來說，它可能是一種有趣的選擇。
側(cè)面導(dǎo)航
有很多方法可以做側(cè)面導(dǎo)航。比如意派Coolsite360 可以編輯是靜態(tài)或動(dòng)態(tài)的，可以是任何寬度的導(dǎo)航條。
雖然從頂部到側(cè)面移動(dòng)導(dǎo)航似乎并不是所有的實(shí)驗(yàn)，但它可以將相當(dāng)?shù)陌馐滞度氲侥脑O(shè)計(jì)中，因?yàn)樗鼤?huì)改變畫布的縱橫比。
然后你必須考慮這個(gè)經(jīng)常瘦的導(dǎo)航欄在其他屏幕尺寸上的顯示效果。如果導(dǎo)航菜單包含長詞（你不想讓導(dǎo)航欄填充連字符），你會(huì)怎么做？
有很多事情要考慮。
最好的側(cè)面導(dǎo)航很簡(jiǎn)單，用簡(jiǎn)短的文字和固定的空間。導(dǎo)航欄中的滾動(dòng)過多令人不安，難以理解。上面Sanctum的例子很簡(jiǎn)單，很干凈。隨著用戶滾動(dòng)，導(dǎo)航菜單保持在一個(gè)位置，隨著背景的變化，文本只能從淺到深調(diào)整。
這個(gè)例子的好處在于，垂直導(dǎo)航模式鼓勵(lì)用戶首先查看名稱和徽標(biāo)，然后沿著屏幕直線向下移動(dòng)，以查看可用的導(dǎo)航選項(xiàng)。它設(shè)計(jì)精良，功能齊全。
隱藏并彈出
從大量使用圖片遮蓋和其他隱藏的圖標(biāo)的導(dǎo)航就是彈出式菜單。
點(diǎn)擊或點(diǎn)擊該按鈕，導(dǎo)航會(huì)跳出部分或全部屏幕（通常取決于屏幕尺寸）。
這本身并不是真正的案例。但事實(shí)是，許多設(shè)計(jì)師在做這么多種不同的方式。盡管用戶可能會(huì)不習(xí)慣，但這些模式仍然有些陌生。隨著設(shè)計(jì)師使用不同的圖標(biāo)類型，這里也有一些挑戰(zhàn)。
不過，上面的Caava Design中的彈出式風(fēng)格很有趣。鑒于大多數(shù)設(shè)計(jì)師正在使用平坦，簡(jiǎn)單的彈出式變化，該設(shè)計(jì)可幫助用戶找到最重要的導(dǎo)航部分，以引導(dǎo)他們完成設(shè)計(jì)。
水平滾動(dòng)
第一次你訪問水平滾動(dòng)網(wǎng)站可能會(huì)有點(diǎn)奇怪。由于物理和視覺運(yùn)動(dòng)的奇異差異，這種流動(dòng)需要特定的設(shè)計(jì)才能感覺正確。
為了最大限度地利用水平滾動(dòng)導(dǎo)航，設(shè)計(jì)師應(yīng)該使用視覺提示來幫助用戶更舒適地使用該想法。箭頭或其他方向工具可能會(huì)有所幫助。
上面的Norgram也使用局部圖像作為視覺提示，在屏幕側(cè)面有更多的內(nèi)容，并具有固定的上下外觀。內(nèi)容的結(jié)構(gòu)使得水平移動(dòng)看起來更自然，因?yàn)樘峁┝艘曈X提示。
沒有導(dǎo)航
一些網(wǎng)站完全消除了導(dǎo)航，并選擇了屏幕上的所有內(nèi)容。它肯定是一個(gè)棘手的模式。用戶是否知道要點(diǎn)擊什么以及要采取什么操作？
“無導(dǎo)航”導(dǎo)航模式最適合指導(dǎo)用戶完成一件事的超級(jí)小網(wǎng)站。它可以用于即將推出的頁面或感謝/回顧式網(wǎng)站，例如上面的評(píng)論頁面。只需幾個(gè)可點(diǎn)擊的項(xiàng)目和一個(gè)簡(jiǎn)短的滾動(dòng)條，就很容易理解。
設(shè)計(jì)中的簡(jiǎn)單動(dòng)畫也有幫助。（你可以把它稱為導(dǎo)航，因?yàn)樗膭?lì)用戶移動(dòng)）。至少可以說這是一個(gè)棘手的模式。
帶標(biāo)記的單頁
許多正在使用的實(shí)驗(yàn)導(dǎo)航模式正在部署在單頁網(wǎng)站上。有充分的理由：用戶在單頁格式中迷失方向要困難得多。
為了提供指導(dǎo)并幫助用戶感覺他們正在設(shè)計(jì)中取得進(jìn)步，這些單頁導(dǎo)航模式中的很多都依賴于標(biāo)記。就像使用點(diǎn)或條注意進(jìn)度的傳統(tǒng)滑塊格式一樣，此導(dǎo)航樣式使用相同的概念。
上面的Socius使用頁面右側(cè)的標(biāo)記做了很好的工作，包括懸停文本，告訴用戶每個(gè)點(diǎn)代表什么。（這是這種導(dǎo)航方式經(jīng)常缺乏的功能。）用戶可以使用懸停效果和點(diǎn)來跳轉(zhuǎn)到特定信息或滾動(dòng)瀏覽七個(gè)“屏幕”。
這種設(shè)計(jì)風(fēng)格的訣竅就是讓所有事情都變得快捷。如本例所示，滑動(dòng)滾動(dòng)效果和可消化設(shè)計(jì)可幫助指導(dǎo)用戶瀏覽內(nèi)容。
微妙的邊緣導(dǎo)航
一些設(shè)計(jì)師正在將導(dǎo)航轉(zhuǎn)向90度并將其錨定到頁面的右側(cè)邊緣。這是一個(gè)微妙的技巧，主要針對(duì)小型或投資組合風(fēng)格的網(wǎng)站，這些網(wǎng)站更常出現(xiàn)。
這種風(fēng)格的導(dǎo)航元素往往只是文本，只包括一些項(xiàng)目，一般很小。根據(jù)屏幕上的其他元素，旋轉(zhuǎn)后的導(dǎo)航文本可以指向或不在設(shè)計(jì)中。
就像垂直導(dǎo)航一樣，這個(gè)想法可以改變?cè)O(shè)計(jì)的整體高寬比，因?yàn)閺膫?cè)面切割條子進(jìn)行導(dǎo)航。對(duì)這種風(fēng)格的擔(dān)憂是導(dǎo)航元素微妙而小巧，使他們很容易錯(cuò)過。
結(jié)論
當(dāng)談到導(dǎo)航時(shí)，你是更多愿意尊重傳統(tǒng)設(shè)計(jì)？還是你愿意嘗試一些與眾不同的東西？這些另類導(dǎo)航模式或許越來越吸引人的趨勢(shì)之一。