將整個導(dǎo)航連同字母方向都翻轉(zhuǎn)90度，這樣的設(shè)計比起漢堡圖標看起來要新鮮得多。這種設(shè)計占用的空間更少，它看起來更像是一條縱向的線，在視覺上，它幾乎和屏幕等高，視覺形式感上也很強，結(jié)構(gòu)緊湊，內(nèi)容也足夠豐富，可以說，它是一種非常符合現(xiàn)代設(shè)計風(fēng)格的一種呈現(xiàn)形式。這種設(shè)計對于絕大多數(shù)的用戶而言，都沒有識別度上的問題，如果說它真有什么缺陷的話，大概就是治好了我多年的頸椎病吧……

VR Sessions 這個網(wǎng)站就選取了這種導(dǎo)航設(shè)計。他們將這種縱向的導(dǎo)航和他們的LOGO排布在了一起，看起來漂亮又精巧。

你剛剛打開 Snake River Interiors 的網(wǎng)站的時候，它的導(dǎo)航看起來相當普通，可是當你向下滾動的時候，整個導(dǎo)航會變成縱向排列的，并且懸浮在屏幕左側(cè)，隨時待命幫你導(dǎo)航，這種設(shè)計思路非常有趣。

2、位于屏幕邊角的菜單

這種設(shè)計明顯不是一個被廣泛使用的解決方案，通常它會用于中心式布局的網(wǎng)頁，這樣用戶會清晰的感知到中心周圍的空間，這種導(dǎo)航就是為此而生的。也許你會認為，在頁面的四個角上做導(dǎo)航已經(jīng)很離奇了，但是接受了這一設(shè)定的設(shè)計師，還有其他的玩法：

Proud & Punch 這個頁面的設(shè)計師將LOGO、社交媒體分享、菜單和關(guān)于我們分別置于四角，這樣的設(shè)計讓整個頁面看起來整潔又不羈，自由而高效的利用空間。而Kygo-Life 這個網(wǎng)站則盡可能將邊邊角角的位置都用了起來，讓網(wǎng)站看起來更加飽滿。

3、超窄滑出式菜單

側(cè)邊欄式的設(shè)計又回歸了。這種回歸并非大張旗鼓，它悄無聲息地出現(xiàn)在了APP和網(wǎng)頁設(shè)計中，它比以往更加輕量級，更加單薄，盡量顯得緊湊而優(yōu)雅。新的側(cè)邊欄設(shè)計通常不會太復(fù)雜，僅包含幾個基本的元素，LOGO、菜單和社交媒體按鈕等幾個基本的元素。和往常一樣，設(shè)計師常常會將這種側(cè)邊欄置于頁面的左側(cè)，絕大多數(shù)時候是隱藏的，在用戶打開的時候或者鼠標移動到其上的時候會顯示。

設(shè)計師 Maison Ullens 的個人作品頁當中，就采用了這樣的超窄側(cè)邊欄。頁面主要的視覺內(nèi)容是右側(cè)大篇幅的內(nèi)容主體，輕量級的側(cè)邊欄以一種低調(diào)的形式置于左側(cè)，當光標移動到上面的時候會有動效提示。主次分明，還不失功能性。

4、垂直導(dǎo)航

和第一種導(dǎo)航設(shè)計不同，這種垂直導(dǎo)航不會讓字母也跟著一同翻轉(zhuǎn)，只是采用了縱向的排版。在漢堡圖標還是潮流的時代，這種設(shè)計也不算多見。這種垂直排版的導(dǎo)航通常會用純色或者透明的背景，這種垂直導(dǎo)航可以和LOGO一起搭配，和現(xiàn)在的極簡設(shè)計風(fēng)可以很好的搭配，優(yōu)雅也富有形式感。

以Linmark 這個頁面為例，設(shè)計團隊將垂直排布的導(dǎo)航置于屏幕右上角，為了保證這一部分的正常顯示，有目的地讓背景的幻燈片每一張都盡量使用淺色，確保對比度。

而Trihorf 這個頁面的設(shè)計則采用了更加穩(wěn)妥的設(shè)計，頁面中垂直導(dǎo)航作為整個頁面的心臟而存在，用戶的注意力只會被導(dǎo)航所吸引。整個頁面設(shè)計得足夠整潔干脆，微妙又如何目前的商業(yè)氛圍。

結(jié)語

細節(jié)決定成敗，作為網(wǎng)站的必須的組成部分，菜單和導(dǎo)航總能夠很好的體現(xiàn)網(wǎng)站的設(shè)計美學(xué)，出人意表又合乎情理的設(shè)計無疑能夠強化用戶體驗。這四種類型的設(shè)計并不復(fù)雜，但是能夠給用戶帶來不一樣的體驗，根據(jù)你的需求，酌情使用吧。