見やすいホームページのメニューを知りたい

Question

#質問内容
直接ソースコードなどには関係を持たない質問になってしまいますが、それでも良い方はお付き合いくださいm(_ _)m

以前、何度かHTMLテンプレートからテンプレートをダウンロードし、私好みの内容に書き換えていたのですが、ページの項目が増加するに従ってメニューが見辛くなって行きました。
そこで、「このホームページのメニュー、見やすい！」と思うサイトさんや、見やすいと思うメニューのスタイルを教えていただきたいです。

見辛くなったというのは、メニューの項目が増えてしまったおかげで直ぐに求めているページを探すことができなくなってしまった状態です。

#適応先のサイト
複数の異なる内容を含むホームページ

#例
・マウスをメニューに重ねたときに色が変わって選択している部分が分かりやすい。
・縦メニューでスマホでも楽々。
・メニューを選択したときに、画面いっぱいに出てきて簡潔に見える
etc...

#使用言語
HTML5
CSS3

#開発環境
機種：macOS High Sierra
ソフト：Sublime Text3

#スキル
ダウンロードしたHTMLテンプレートのタイトルを書き換えたり、文字色や背景をCSSで変更する等はできます。
marginなど、位置に関するものには苦手意識が強いです。

Comments

[m.ts10806]

個人の感覚にもよるのでetcなどで要件を省略せず具体的に書かれた方が良いです。現在の状態から目指す先、現在の状態がわかる画面キャプチャ、そのコードがあればアドバイスを得やすくなりますよ。

Answer 1

メニュー単体のスタイルとしては

・マウスをメニューに重ねたときに色が変わって選択している部分が分かりやすい。

・縦メニューでスマホでも楽々。
・メニューを選択したときに、画面いっぱいに出てきて簡潔に見える

で十分かと思います

あとは，メニューの置き方ですが，例えば，トップページをポータルサイト風にして，そこで各ジャンルのページの紹介とリンクを載せ，各ジャンルのページでは，そのジャンルに絞ったメニューだけを表示する，というのも手です．

フッターにサイトマップを設置したり，ブログのように，タグ集のようなものを作るというのも，一見使いにくそうにも思えますが，様々なジャンルを扱うサイトの場合，合理的です

あと，見つけやすさ，という点では，メニューが画面のど真ん中にあるタイプも，ユーザフレンドリーで良いですね（※もちろんデザインによります）

そういえば，ハンバーガーアイコンが嫌いな人もいましたね．

• 君たちはそんなにハンバーガーメニューが好きなのかね？

（記事内のgifアニメのリンク切れは修正依頼を出しておきました）

サイトのデザインがスタイリッシュ過ぎて，アイコンが他のものと同化していて，どこにメニューがあるのか分かりづらくなっているサイトも見たことありますし，デザイン優先になり過ぎないよう，注意が必要ですね

Webサイトが対象としている年齢層が普段触れているUI，これを真似てみるのが，無難だと思います

Answer 2

流石に内容がピンポイントではないと思ったので、大手のウェブサイトを参考にすることにしました。
それと並行してソースコードがあって、実際に試したけど何かがおかしいというものを投稿するように心がけます????