![見出し画像](https://assets.st-note.com/production/uploads/images/140596119/rectangle_large_type_2_bd56d53740ce483bf7f84053fd982811.png?width=800)
マンネリ防止!見出しデザイン一覧
見出しデザインの備忘録です。
私が今までに使用した見出しのデザインをまとめます。
随時追加する予定です。
白抜き
![](https://assets.st-note.com/img/1715674775232-py1R0402G4.png)
写真や動画に重ねて配置しても、可読性を維持できる優れもの。
インスタグラムでもよく目にするので、イマドキっぽい印象です。
背景色で個性を出し、文字色はホワイトかブラックが定番です。
あえて角丸にしない、あえてドロップシャドウを入れない、その無骨さがカッコいい。
ドロップシャドウ
![](https://assets.st-note.com/img/1715674800654-KHRHbzcuOL.png?width=800)
ちょっとだけ目立たせたい、可読性を良くしたい、という時に使います。
じっくり観察しないと気付かないぐらい、ほんのり入れるのがコツです。
写真に重ねて配置する時なんか、特に効果的です。
![](https://assets.st-note.com/img/1715675489776-JZji3MtPp9.png?width=800)
枠線
![](https://assets.st-note.com/img/1715674881186-llTPUs87YA.png?width=800)
ブログ記事の王道。
「ここで文章が一区切りされる」ことがハッキリ伝わるデザインです。
長文記事におけるゴールテープのような存在だなと感じます。
横線
![](https://assets.st-note.com/img/1715674943309-aHTPvM6Hwm.png?width=800)
なんでもこなせるオールマイティなデザインです。
画像はフォントの影響でスポーティーな印象ですが、丸っこいフォントに変えればフェミニンな印象に早変わりします。
下線
![](https://assets.st-note.com/img/1715674989312-hUdSfjPgcU.png?width=800)
こちらも、オールマイティなデザインです。
画像は●とフォントで大人の女性な印象です。
下線の太さ、線の配色次第で、どの方向にも化けられるあしらいです。
頭文字強調
![](https://assets.st-note.com/img/1715675020510-vyxPJI3F3n.png)
雑誌、特にインタビュー記事でよく見られる表現だと思います。
使いどころを間違えると一気に可読性が落ちます。
余白が充分に確保できるか、可読性が落ちるリスクを負ってまで使うべき理由があるのか、よく吟味してから使います。
※随時更新予定
この記事が気に入ったらサポートをしてみませんか?