1、垂直字母縱嚮導航
將整個導航連同字母方向都翻轉90度,這樣的設計比起漢堡圖標看起來要新鮮得多。這種設計佔用的空間更少,它看起來更像是一條縱向的線,在視覺上,它幾乎和屏幕等高,視覺形式感上也很強,結構緊湊,內容也足夠豐富,可以說,它是一種非常符合現代設計風格的一種呈現形式。這種設計對於絕大多數的用戶而言,都沒有識別度上的問題,如果說它真有什麼缺陷的話,大概就是治好了我多年的頸椎病吧……
VR Sessions這個網站就選取了這種導航設計。他們將這種縱向的導航和他們的LOGO排佈在了一起,看起來漂亮又精巧。
你剛剛打開Snake River Interiors的網站的時候,它的導航看起來相當普通,可是當你向下滾動的時候,整個導航會變成縱向排列的,並且懸浮在屏幕左側,隨時待命幫你導航,這種設計思路非常有趣。
2、位於屏幕邊角的菜單
這種設計明顯不是一個被廣泛使用的解決方案,通常它會用於中心式佈局的網頁,這樣用戶會清晰的感知到中心周圍的空間,這種導航就是為此而生的。也許你會認為,在頁面的四個角上做導航已經很離奇了,但是接受了這一設定的設計師,還有其他的玩法:
Proud & Punch這個頁面的設計師將LOGO、社交媒體分享、菜單和關於我們分別置於四角,這樣的設計讓整個頁面看起來整潔又不羈,自由而高效的利用空間。而Kygo-Life這個網站則盡可能將邊邊角角的位置都用了起來,讓網站看起來更加飽滿。
3、超窄滑出式菜單
側邊欄式的設計又回歸了。這種回歸併非大張旗鼓,它悄無聲息地出現在了APP和網頁設計中,它比以往更加輕量級,更加單薄,盡量顯得緊湊而優雅。新的側邊欄設計通常不會太複雜,僅包含幾個基本的元素,LOGO、菜單和社交媒體按鈕等幾個基本的元素。和往常一樣,設計師常常會將這種側邊欄置於頁面的左側,絕大多數時候是隱藏的,在用戶打開的時候或者鼠標移動到其上的時候會顯示。
設計師Maison Ullens的個人作品頁當中,就採用了這樣的超窄側邊欄。頁面主要的視覺內容是右側大篇幅的內容主體,輕量級的側邊欄以一種低調的形式置於左側,當光標移動到上面的時候會有動效提示。主次分明,還不失功能性。
4、垂直導航
結語
細節決定成敗,作為網站的必須的組成部分,菜單和導航總能夠很好的體現網站的設計美學,出人意表又合乎情理的設計無疑能夠強化用戶體驗。這四種類型的設計並不復雜,但是能夠給用戶帶來不一樣的體驗,根據你的需求,酌情使用吧。
原文地址:webdesignerdepot