ユーザーフレンドリーな優れたナビゲーション集
Post on:2009年2月5日
Smashing Magazineのエントリー「50のユーザーフレンドリーで美しいナビゲーション集」から、有用的で優れたナビゲーションをいくつか紹介します。
50 Beautiful And User-Friendly Navigation Menus
有用性のポイントやその効果については「ウェブデザインにおける効果的なコミュニケーションの取り方」を参照ください。
CSSベースのナビゲーション
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-01.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-02.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-03.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-04.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-05.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-06.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-07.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-08.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-09.png)
JavaScriptを使用したナビゲーション
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-10.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-11.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-12.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-13.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-14.png)
Flashを使用したナビゲーション
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-15.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-16.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-17.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-18.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-19.png)
高い有用性を持つナビゲーション
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-20.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-21.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-22.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-23.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-24.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-25.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-26.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-27.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-28.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-29.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-30.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-31.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-32.png)
垂直レイアウトを利用したナビゲーション
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-33.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-34.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-35.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-36.png)
サイドバーに配置したナビゲーション
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-37.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-38.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-39.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-40.png)
![ナビゲーションのキャプチャ](/wp-content/uploads/2009020503-41.png)
sponsors