サイトで頭文字を選ぶ時に使えるナビのデザイン

質問

「a」から「z」、「あ」から「ん」の中から単語の頭文字を選んで次のページに行くようなナビゲーションを使ってます。
次のページには選んだ頭文字から始まる単語を並べています。

今はプルダウンメニューのような感じでナビゲーションを実装していますが、ちょっとかっこ悪いので使いやすくて素敵なデザインを探してます。
なにかいいのがあれば教えて下さい。

また、カレンダーから日付を入力するものをデートピッカーと言ったりしますが、このようなナビゲーションに名前は付いているのでしょうか？

回答No.1

ORUKA1951 · ベストアンサー

＞「a」から「z」、「あ」から「ん」の中から単語の頭文字を選んで次のページに行くようなナビゲーションを使ってます。
＞次のページには選んだ頭文字から始まる単語を並べています。
＞今はプルダウンメニューのような感じでナビゲーションを実装していますが、
　御自身はわかってらっしゃるのでしょうが、さっぱり分かりません。

　プルダウンでしたら、次のページに行かなくてもその場で選択できるでしょうに？？？

＞使いやすくて素敵な
　デザインは、自分のナビゲーションメニューと他人のそれとは異なるので、そのまま移植と言うのは難しいでしょう。判断基準も人様々ですし・・・。イズレニシテモ、本人の美的センスが基本でしょう。その上で、色々なサイトのデザインを手本に自分でデザインしていくしかないです。
　ナビゲーションメニューが、きちんとマークアップさえされていたら、どのようにもデザインできるはずです。
　⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )
　上記で、ブラウザの表示メニュー⇒スタイル(シート)で様々なスタイルを選択すると、言っている事が分かるかも。(Chromeは代替スタイルシートを選択できないので、firefoxか、IE9以降で）