【webデザイン制作に役立つ】サブページのh1のレイアウト・デザインを調べてみた!

サブページの見出しデザイン

サブページのh1部分って、TOPとはまた違ったレイアウト・デザインにすることができますよね。

とはいえ、統一感を持たせることは重要ですが…!

ただ、色々なパターンに挑戦したいと思ってもマンネリ化してしまいがちなのも現実です。

ということで、今回はこれまでチャレンジしたことのないレイアウト・デザインをピックアップしてみたいと思います!

①背景色と文字

とってもシンプルなのに物足りなさを感じない…このバランスがすごいなといつも感動します。

自分だったらどうしても画像を取りれたくなっってしまう…

とはいえ、画像でどんなページなのかを説明する必要がある場合はこれだけでは伝わりにくいので状況によりますね。

参考にしたサイト

NTTファシリティーズ
新しい未来をつくり、守りつづける 建築×エネルギー×ICT技術力で安心して暮らせる未来を NTTファシリティーズの公式ホームページ。企業情報、ニュースリリース、ソリューション、採用情報、導入事例、ビジネスコラムなどを掲載しています。


②見出しの下に画像

最近見かけるのが、h1の背景には色や画像を入れず、その直下で画像を大きめに入りするレイアウトです。

(こちらのサイトはうっすら背景画像がありますが、邪魔しない程度でいいですね)

新しいレイアウトでいいな〜と気になっていました。

h1部分も背景に何もないことでスッキリしていてなんだかいいですよね。

参考にしたサイト

JPホールディングスグループ リクルートサイト
日本保育サービス、ジェイキッチンなど保育事業を行うJPホールディングスグループの採用サイトです。チーム保育を実現する保育士、栄養士・調理師、学童指導員、看護師、英語教師、体操教師、リトミック講師、本部職員を募集しています。新卒、中途、アルバイト・パート、OB・OG、障害者採用を行っています。あなたにぴったりの保育、探し...


まとめ

今回はサブページのh1の見出しのレイアウトやデザインについて調べてみました。

まだまだ見出しと画像をセットで取り入れているサイトは多いのですが、そんな中で少しアレンジされたサイトを見かけると「おっ!」と見入ってしまいますよね。

色んなサイトを参考にして、新しいレイアウトやデザインに挑戦していきたいですね。

コメント

タイトルとURLをコピーしました