見出しデザインを考える時に利用しているお役立ちサイト

使いたくなるサイトはたくさんあるので、その中から絞るために
実際に使ったことのあるサイトを載せています。

デザインを公開しているサイト・リンク集を作っているサイトの3種類、
リンク先には該当ページを載せています。

見出しデザインを公開しておられるサイト

サルワカ

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選|サルワカ
https://saruwakakun.com/html-css/reference/h-design

見出しに悩んで調べていた時、
こちらのサイトを必ず見かけました。

テーマによってはちょっと改変が必要になりますが、
こちらを見れば基本のデザインはだいたいあるので
とても参考になります。

第0版

CSSコピペで出来るシンプル可愛い見出しデザイン【女性向け】 | 第0版
https://0edition.net/archives/1448

可愛い系の見出しを探す時には、こちらのサイトを必ず見ます。

使われている見出しが可愛くて、シンプルで見やすい作りです。
私がここではないブログの1つで使っているテーマがLuxeritasなので
カスタマイズしたいと思った時にも読みに行っています。

NxWorld

シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld
https://www.nxworld.net/tips/50-css-heading-styling.html

シンプルな見出しがたくさん揃っているサイトです。

色替えやアレンジもしやすく、扱いやすいので
Font Awesomeをうまく見出しに入れられない間はとても重宝していますし
入れることができてからも利用すると思います。

webclips

CSSで簡単に作れるおしゃれな見出しデザイン20選 | webclips
https://design.webclips.jp/css-midashi-ribon/

シンプルだけど、使いやすいデザインが揃っているサイトです。

この記事を書いたあとに見つけたサイトですが
他のサイトではあまり見ないデザインがあったので追加しました。

リンク集として役立つサイト

ここから下は、見出しデザインを載せているサイトのまとめです。
なかなかピンとくる見出しがなくて困った時に見ます。

ferret

CSSで簡単に作れる見出しデザイン40選|オシャレ装飾で見出しに存在感を
ferrethttps://ferret-plus.com/6821

見出しデザインを扱っている記事40個へのリンクがある、リンク集的な記事です。

ここから「これだ!」と思える見出しのあるサイトを探せるので
google検索で探し回るよりも早く、気に入る見出しを見つけることができます。

リンク集になっているページは複数ありますが、
私がよく見ているのはこちらのページで
上で書いたサイトでぴったりなデザインが見つからなかった時によく利用しています。

コメントを残す