信不信由您,側邊欄選單將會是 2022 的一個新趨勢!實際上,選單已經有相當長的一個歷史,開始它只被用在計算機應用程式上,後來逐漸流行到社交媒體網站。現在很多單頁設計的網站選單都非常精美而便利。

來欣賞一些超級棒的側邊欄選單:

Parrot

一個簡潔的充滿有機氛圍的網站。開發者利用垂直視差配合靜態側邊選單欄展示自己的產品。

Michael Ngo

擁有一個非常明亮乾淨的排版。側邊選單直白乾脆。儘管色調單一,但是整體看起來非常純潔。

Create Pilates

該網站強烈依賴於配色。黃色和白色搭配營造積極的氛圍。左邊巨大的選單很好地做到了和多使用者之間的互動,讓人一眼就把精力集中在導航欄上。

Antro

和前面幾個網站配色不同,該網站使用自由而神秘的黑色配色方案,與左邊白色休閒的導航欄結合,給人以強烈的印象。側邊導航欄的優美之處主要表現在空間夠大而自體夠小,大量的空白給導航欄有呼吸的之處。

Wacom

有兩個側邊選單欄。使用傳統的黑白配加上簡單的圖示指示使得網站內容導航一目瞭然。

Wanda Print

網站導航也採用了雙重選單,而且篇幅很廣。選單如此寬廣,排版如此簡潔,加上導航和背景產生的強烈對比,使得整個網站顯得非常微妙而自由。

Black Ram Whisky

擁有獨特的設計。透過神秘的外表和細節的刻畫引起了多使用者的注意。而狹窄的側邊導航則作為一個補充設計,起到了畫龍點睛的效果。

Trask Industries

該網站的設計旨在創造巨大的視覺衝擊力。很多連結都是基於圖片的。左側有一個溫和的小選單,選單是小巧的動態圖示加上簡短的字型導航。

Welcome to the future of football

該網站擁有複雜的互動。設計師使用黃色來提亮要點。儘管側邊選單欄也是黑色的,彷彿融合到網站中,但是黃色的字型導航也不失味道。

Travel Alberta

網站的主體內容是美麗的風景。採用側邊滑出式導航欄,小小的導航透過側滑的方式安排了很多實用的資料。

Mario IGN 

是一個互動網站,主要是為了向這個著名的遊戲致敬。右邊大面積展示著名的場景附加一點介紹。左邊是一個簡潔的導航選單。

Martina Sperl 

有一個基於圖片的著陸頁,利用垂直滾動技術展示藝術品。在這種情況下, 右邊乾淨整潔的一面選單功使得多使用者更加便利地去探索該網站。

Bienville Capital Management

設計師採用傳統的色彩組合展示該網站,動態圖片使得網站不再單調。左邊的選單採用側滑式,既不妨礙多使用者參觀又起到網站指引的作用。

CFYE Magazine

眾多的粉色和白色搭配起來營造出積極的氛圍。側邊磁貼式導航顯得乾淨利落,簡單明瞭。

Tim Brack

選用了乾淨、開放和拋光的線上組合促使多使用者集中注意力於主人的傑作。右邊巨大的導航塊彰顯了網站高貴的氣質。

The Explorations Company

左邊的選單有點兒原始的味道,但這確實就是設計師的目的。網站內容豐富資料繁多,沒有這個導航多使用者將很難探索完整個網站。

World is beautiful

設計師竟然在左邊側滑而出的主選單採用了下拉的二級選單!看起來極了!世界果然是十分漂亮的~~

Animesh Manglik

採用了側邊滑出的選單,看起來很便利。

University of Brighton

布萊頓大學也來耍逼格風~據說右邊的導航很,但是很不幸我點開圖片進入的並不是這個配圖所展示的頁面╮(╯▽╰)╭

Whale Wars by Animal Planet

巨幅圖片華麗麗地展示了網站的磅礴氣勢,而為了 hold 住此氣勢,設計師決定在右邊用做一個溫和的側滑導航欄。剛柔並濟,所向披靡。

Les Enfants

網站採用網格佈局展示各種電影場景。此時左邊的選單顯得很優雅有木有~

小結

導航欄的設計可以是靜態的、動態的、可擴充套件的、雙層展示的,甚至只是隱藏在一個微妙的符號裡面。任何導航在網站裡面都扮演者不可或缺的角色,所以,探索網站採用何種導航方式是很有必要的。