作るのは数字だけじゃない / デジタルハリウッド
作るのは数字だけじゃない / デジタルハリウッド
2016.02.09
#3
デザインのトレンド

デザインの参考にしたい!今っぽい見出しデザインまとめ18選

藤田

こんにちは、デザイナーの藤田です。
デザインをやっていると、見出しのデザインに悩むことって結構ありますよね!

自分のデザインストックを増やすためにも、今回のブログでは今っぽい見出しデザインをタイプ別にまとめてみました!

▼目次

ジャンプ率パターン

ミニマムなデザインでは見出しに過度な装飾を加えずに、本文に対し見出しの文字サイズを大きくすることで見出しを目立たせるサイトが近年多いですね。
以下でご紹介するのは、見出し周りの余白感やジャンプ率の比率がきれいだなと感じたサイトです。

1. 角館伝四郎 DENSHIRO

名称未設定-19
http://denshiro.jp/

見出し周りの余白を広めにとることで、高級感が感じられるデザインになっています。

2. ヤフー株式会社|採用情報

名称未設定-18
http://hr.yahoo.co.jp/

ここまでジャンプ率を付けると潔いですね!

3. Tens Sunglasses:Filter Your World

名称未設定-17
http://www.tenslife.com/

見出しのフォントの種類が本文のフォントと大きく変わると目が行きますね。

罫線パターン

個人的な感想ですが、最近一番見かける見出しパターンが、見出し周りをシンプルな罫線で装飾するパターンだと感じております。
罫線の太さや長さ、見出しや本文との余白のバランスがきれいだと素敵なデザインになりますね!

4. 株式会社オバケ|ovaqe inc

名称未設定-16
http://ovq.jp/

カナ文字のデバイスフォントを使って見出しをきれいにレイアウトしているのが、参考になります。

5. Pasco|MY BAGEL(マイベーグル)

名称未設定-15
http://www.pasconet.co.jp/mybagel-special/

罫線にちょっとしたあしらいを加えると、オシャレな雰囲気になりますね!

6. Hair & Life Design TREE

名称未設定-14
http://treehair.com/

罫線をギザギザや波型にするとまた違った印象に!