スライド&ドロップダウンを活用したナビゲーションメニュー30事例

ウェブデザインも時代・技術革新と共に進化していますが、ナビゲーションメニューに関していえば、ある程度パターンが出揃っている感もあります。もちろんクリエイティブなメニューを新たに考案することもできますが、使いやすさが大事なだけに、ユーザーが迷いかねないナビゲーションの採用は不安もあります。同時に余りに普通でも古く見えてしまうのでは、、、とデザイナーの悩みはつきません。そんなあなたのために、ナビゲーション、特にサブナビゲーションの処理方法を最新のウェブからまとめた記事を。 — SEO Japan

ウェブサイトをクライアント向けに制作する時、毎回迷うことの1つが、ナビゲーションのサブメニューをどうやって表示させるかということだ(1999年のように見えずに)。そこで今回私はネット上から様々なドロップダウンやスライドメニューの表示事例を探し出してきた。

何かの参考になれば幸いだし、気になったことがあればコメントしてほしい。

Carreras Con Futuro ↓

Carreras Con Futuro

Apple Reviews ↓

Apple Reviews

Archer Group ↓

Archer Group

Energy Cell ↓

Energy Cell

Artkasa ↓

Artkasa

Bnet ↓

Bnet

BuySellAds ↓

BuySellAds

Ink’d ↓

Ink'd

Daily RT ↓

Daily RT

Designers Couch ↓

Designers Couch

Design Slurp ↓

Design Slurp

Behance Network ↓

Behance Network

EctoMachine ↓

EctoMachine

Exposition Universelle Des Vins & Spiritueux ↓

Exposition Universelle Des Vins & Spiritueux

Explovent ↓

Explovent

Hungry For Change – Food Inc. Movie ↓

Hungry For Change - Food Inc. Movie

Fuel Your Creativity ↓

Fuel Your Creativity

Freelance Switch ↓

Freelance Switch

Ipix Solutions ↓

Ipix Solutions

Koodoz Design ↓

Koodoz Design

Monash Carpet Services ↓

Monash Carpet Services

Mac Appstorm ↓

Mac Appstorm

Media Temple ↓

Media Temple

Website Temple ↓

Website Temple

Nest Living ↓

Nest Living

Peachpit ↓

Peachpit

Theme Shaper ↓

Theme Shaper

Threadless ↓

Threadless

Vimeo ↓

Vimeo

Washington State Leadership Academy ↓

Washington State Leadership Academy


この記事は、spyrestudiosに掲載された「30 Great Examples Of Drop-Down And Sliding Menus」を翻訳した内容です。

基本的にはどれもパターンとしては似ているものが多いですが、微妙なカラーリングやアクセントの付け方で見え方は大分変わってきますね。次回のメニュー制作のヒントに是非。 — SEO Japan [G+]
Page Top

投稿ナビゲーション