萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

2014 網頁選單新趨勢:側邊欄導航的 18 種創意演繹

側邊欄選單正成為 2014 年網頁設計的新寵。從早期桌面應用延伸至社交媒體,如今在單頁式網站中大放異彩。以下精選 18 個優秀案例,展示側邊導航的多樣面貌:靜態、動態、雙欄、側滑、磁貼、下拉二級選單等,靈感滿滿。

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

巨幅影像展現磅礡氣勢,右側溫和側滑導航剛柔並濟,穩住全場。

Les Enfants

網格佈局展示電影場景,左側優雅選單完美平衡視覺重心。

小結:導航形式可以是靜態、動態、可擴展、雙層、甚至隱藏於微妙符號中。無論何種形式,導航都是網站不可或缺的靈魂,深入探索適合專案的導航模式,至關重要。

copyright © 萬盛學電腦網 all rights reserved