全屏導航菜單的特殊魅力

“隨大流”有時候并不是件好事,尤其是在導航菜單上。

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

 

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

 

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

 

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

 

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

 

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

 

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

 

Beloesuhoe

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

 

Moeko ABE

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

 

Impossible Bureau

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

 

Voisins

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

 

Gianluca Bocchi

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

 

總結

 

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

10

相關文章:

    速卖通赚钱 西部黄金股票股吧 家彩开奖千禧3d试机号 股票融资融券 云南快乐10分推荐网 北京快8开奖结果查询 北京赛车官网 宁夏十一选五走势图宁 黑龙江22选5开走势图 快乐彩12开奖结果 12选5开奖浙江定牛