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

2 min 1,348 views

当ブログでは記事内やヴィジェットに設置しているリンクの一部でアフィリエイト広告とGoogle AdSenseを利用しています。
管理人が得た収益はサーバー代・ドメイン代などにあてております。

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

デザインを公開しているサイト・リンク集を作っているサイトの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/

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

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

JAJAAAN

CSS見出しデザイン参考100選!コピペ可!どこよりも詳しく解説! | JAJAAAN
https://jajaaan.co.jp/css/css-headline/

この記事を作ってから2年後の10月に見つけたサイト。

吹き出し型の見出しを作るために彷徨っていたのですが、吹き出し型以外にも種類が豊富で。
グラデーションの見出しが他より多かったのと、チェック柄などのあまり見かけないデザインがあり
今後利用したいと思い追加しました。

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

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

ferret

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

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

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

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

雪夏

雪夏

名前:真凛 雪夏(まりん せつか)
V系が好きで、千葉ロッテマリーンズとキミ・ライコネンを応援している
それなりの年齢の、趣味:ゲームとブログな人間。

カテゴリー:
関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です