サイトから学ぶ、hタグ(見出し)の使い方とデザイン #2
2021/06/06
- 書いた人:
- futappa_staff
- カテゴリ:
- デザイン
- 3,393 views
実例サイトを例に、各見出しの使い方とデザインを学びましょう!

目次
はじめに
実在するサイトを例に、見出しの使い方とデザインを学びましょう♪
今回もキュレーションサイトで見つけた1サイトを参考例として紹介させていただきます★
部分的にスクショして載せており、全て掲載してる訳ではありません。細かい部分は実際のサイトも見て確認してみてくださいね。
参考サイトのご紹介
「BabySong」という、お子様の声を使って音楽をオーダーメイドする、新しいギフトサービスだそうです。ロゴは子供らしい可愛いロゴですが、サイト内の見出しはゴシックで見やすくデザインされていました。では早速、見出しデザインを見ていきましょう。
h1タグ
h2タグ
「SAMPLE MUSIC」のセクションは、複数のページにありました。
h3タグ
まとめ
いかがでしたか? 全体的にシンプルな見出しを使っているサイトでしたが、文字サイズなどで上手く調整されていると思います。色んなパターンのサイトの見出しに着目するのも勉強になりますね(^^)