導航菜單相當于網站的骨架，它可以將零散的內容和功能按照產品的信息架構圖進行連接，并組織成一個完整的、有結構的系統，以便讓用戶能夠快速在各個模塊之間進行切換。眾所周知，一個好的導航菜單不僅可以提升網站的顏值，還能有效減少用戶操作成本，因此，我們在建站前必須要先想一下：網站中有哪些內容是最重要的？又有哪些功能是可以幫助到用戶的？

事實上，早在2018年及2019年，我們就曾探討和總結過一系列導航菜單的創意設計▼

網頁設計：滑出式側邊導航欄

網頁設計：10個網站導航設計的新點子

網頁設計：嘗試各種新導航條布局

除了以上這些文章中所提到的側面導航菜單、垂直導航菜單等設計方式以外，全屏導航菜單也頗受設計師們的歡迎。它可以整潔地排布文字與多媒體內容，有效提升用戶體驗。雖然這有時會使得主頁又多了一層點擊，但只要設計得足夠合理、美觀，用戶是不會過分計較這一點的。

下面，我們就著重來看一下5個新穎絕妙的全屏導航菜單設計案例。

Beloesuhoe

該網站的導航菜單采用了與實物圖片相結合的設計方式，酷炫巧妙且獨具一格，同時，還帶有一絲虛擬現實的味道。當用戶打開網站后，首先感受到的，就是一股強烈的視覺沖擊——隨著背景由動態逐漸過渡到靜態，菜單旁的紅點逐漸顯現并規律地跳動著，暗示用戶進行點擊。這種設計跳出了無趣的平鋪直敘，而是利用簡單的交互效果，引導用戶前往自己所需要的頁面，趣味性十足。

Moeko ABE

該網站主要用于展示攝影師的作品集。用戶進入網站首頁后，點擊左上角的漢堡式按鈕后，即可進入全屏導航菜單頁，該頁面運用了圖片+文字的方式，為藝術家高調代言，整個設計簡約個性，與內容協調統一。

Impossible Bureau

該網站的導航菜單將頁面劃分為4列，當鼠標放置在任意一列時，即可觸發背景換色，使得整體不至于過分陰沉暗淡。而中間兩列（Work、News）的內容更為豐富，用戶可通過上下滑動，以查看其他內容。

Voisins

該網站的主頁是個龐大的導航體系，主要由兩種形式的導航菜單組成。其中之一就是網頁設計中較為常見的漢堡式導航菜單，而另一個則是全屏導航菜單，這種組合式的菜單，可以更加高效便捷地處理各種板塊內容。

Gianluca Bocchi

該網站使用極簡、莊嚴的全屏導航菜單巧妙含蓄地將著陸頁分成3部分，即使沒有什么特別的裝飾去輔助、襯托，但整個網站依然充滿了典雅、精美的藝術氣息。

總結

網頁設計的最終目的不是為了達到“好看”這一浮于表面的視覺性標準，而是能夠提升用戶轉化率。想要做到這一點，除了要在網站內容上下功夫以外，在設計上也要有更好的創新性。這里所說的創新并不是指追隨潮流，畢竟，“隨大流”有時候并不是件好事，尤其是在導航菜單上。總而言之，還是那句話：適合的才是最好的。