THE THOR(ザ・トール)見出しデザイン一覧

THE THOR 記事一覧

THE THORの見出しデザインは選択肢が多くあります。

プレビュー画面で確認しながら設定するのはストレスだったので今後のため【見出しデザイン一覧】をつくりました。

 

カラーの設定はしていません。

デザインによってはカラー設定でだいぶ印象が変わると思いますでの脳内補完してください。

サンプルはH2となっていますが、どのサイズの見出しにも適用できます。

画像だらけ不便ですが、目次を使ってもらえると多少は見やすいかと思います。

見出し【基本】

基本のデザイン。

thor 見出しデザイン基本

見出し【下線】

シンプルな下線。ストライプは色の使い方しだいで良さそう。矢印はあまり見たことがない気がします。

thor 見出しデザイン下線

見出し【左線】

左側に縦線一本。わりとよく見る人気のデザイン。

 

thor 見出しデザイン左線

見出し【左下線】

左側の縦線から伸びる下線デザイン。画像はわかりづらいですが点線バージョンもあり。

thor 見出しデザイン左下線

見出し【背景】

使い勝手の良い背景デザイン。色の組み合わせは慎重に。下の2つは囲み罫バージョン。

thor 見出しデザイン背景

見出し【グラデ】

背景にグラデーションひいたデザイン。色つけのセンスが問われます。

thor 見出しデザイングラデ

見出し【ランドマーク】

タイトル前にワンポイント入ったデザイン。ちょっと珍しいかな?

thor 見出しデザインランドマーク

見出し【丸マーク】

タイトル前に丸いマークの入ったデザイン。丸マークでワンクッションおく感じ。

thor 見出しデザイン丸マーク

見出し【先頭大】

タイトルの先頭文字が大きくなるデザイン。カラー設定がない状態では見づらいので適切なカラーを設定しましょう。

先頭大

あとがき

豊富な見出しデザインを一覧にしてみました。

基本的なデザインはそれほど多くないですが派生バージョンが多いです。

一覧は自分がわかりやすくするために作りましたが何かの役に立てば幸いです。

THE THOR 記事一覧

呟くのよ・・・私の棒ストが