AFFINGER6で使う装飾は６つだけ【読者に読まれる工夫】

 

こんな疑問を解決します。

 

記事の内容

 

プロフィール

 

よっしー（@yosshiblog）

 

 

結論、使う装飾は５，６個で十分です。

というのも、使える装飾がたくさんあるからと言って使いまくると見づらい記事になってしまうからですね。

 

私がよく使っているボックスは、以下のようになります。

これだけでも十分すぎるくらいですよ。

私も初心者時代は、「ここも読んでもらいたいな」という考えからたくさん装飾を付けていました。

 

ですが、たくさん装飾をしたところで読者に読んでもらうことも無いし、記事執筆の時間がすごくかかってしまいます。

読みやすい記事を作るためには、装飾より先にやらなければならないことがあります。

 

今回は、やってはいけない装飾の例や実際に私が使っている装飾について詳しく紹介していきます。

 

ブログの装飾とは：味付けという考え

 

装飾は、本当に重要な部分や、まとめるときに使います。

ブロガーによってやり方は様々で、たくさん装飾をする人もいますし全くしない人もいます。

 

 

ですが最初に解説した通り、装飾の優先度は低いです。

優先度

このように優先度が低いことが分かりますね。

優先度が低いから全くやらないというわけではありませんが、やりすぎには注意が必要です。

 

装飾のポイント

 

装飾のポイントは、以下のようになります。

順に解説をします。

 

本当に重要な部分を装飾する

 

装飾が多いとあまり良くないので、基本的に重要な部分だけ装飾するようにしましょう。

 

 

結論、ブログ初心者の時は装飾が多くなってしまってもそこまで気にしなくてもいいです。

というのも、初心者はまずブログに慣れることが大事ですので、装飾にこだわらなくてもいいです。

 

ブログに慣れてきたら参考とするブロガーさんを見つけて、装飾の真似をしてみましょう。

自分との違いが一目でわかり、「この表現分かりやすいな」など納得します。

 

吹き出しを使う

 

意外と吹き出しを使っていないブロガーさんがいますが、吹き出しがあると一気に読みやすくなります。

なぜなら、吹き出しは読者の悩みやワンポイントアドバイスをする時に使うことで読者の目に入るからです。

 

吹き出しは会話形式で分かりやすく解説するように使う方が多いんじゃないでしょうか。

ですが、吹き出しを使う一番の理由は、「読者の悩みが一目でわかる」ということです。

 

会話形式でも問題ありませんが、ただの日常会話では読者の悩みではないので読んでもらえません。

NG

 

確かに会話形式で読者の悩みを書くと、共感できる部分があるため見られることもあります。

ですが、「NG例」のように日常会話みたいに書くのならポイントをまとめて書いたほうが良い記事になります。

 

装飾範囲は狭く

 

太文字やマーカをする時に、その文章全部装飾していませんか？

 

本当に伝えたいところだけを装飾するのがポイントです。

なぜなら、その文章全部を装飾してしまってはどこが重要なのか分かりづらいからです。

具体例

 

キーワード選定が一番大事だと伝えたいのに、全部太文字にしてしまっては伝わりづらくなってしまいます。

少なくとも前半の太文字はいらないですね。

 

 

どうでしょうか。先ほどよりはどこが大事なのか一目でわかると思います。

このように装飾する部分を限定することで、大事ことを読者に伝えることが出来ます。

 

文章全体を装飾してしまいがちですが、装飾範囲は狭い方がおすすめです。

 

装飾のルールを決める

 

装飾のルールを決めることで統一性が出て、見やすい記事になります。

なぜなら、装飾のルールがないと重要な部分が伝わりづらくなってしまうからです。

当サイトの場合

 

１サイト単位で装飾ルールを決めると良いでしょう。

また、重要度をたくさんの色で分けていると読者は分かりづらいです。

 

実際に「キーワード選定」を使って、いろいろな装飾をしてみましょう。

 

どの「キーワード選定」が一番重要に見えましたか？私にはすべてが重要に思えました。

このように同じような色を多用すると、どれが重要かわからなくなるので注意が必要です。

 

実際どうやって装飾ルールを決める？

 

結論、自分が読みやすいと思ったブログの装飾を参考にするのがいいでしょう。

というのも、自分が読みやすいと思った記事は他の人も読みやすいと感じるはずなので、装飾方法を真似るだけで読みやすい記事になります。

 

 

ブログの装飾は人それぞれですが、有名ブロガーの意見を見てみましょう。

 

有名ブログーでも意見は分かれていますね。

１人を参考にしてもいいし、いろいろなブログを参考にしてみてもいいです。

 

私は、スマホ画面基準で考えて装飾をしています。

パソコンで十分だと思っていた装飾がスマホ画面だと少なく感じてしまいます。

 

なのでスマホ画面基準で装飾をしています。

スマホの１画面で必ず１つ装飾をするのが重要です。

PCの場合

画像準備中

スマホの場合

画像準備中

 

２つを比べると明確な差が出ます。

パソコンで十分だと思っていた装飾がスマホで確認をしてみると、装飾が１つもなく見づらい記事になっていることは良くあります。

 

最初はプレビューで確認しながら装飾を付けていきますが、慣れてきたらスマホ画面の感覚が分かってくるのでぜひ試してみてください。

 

質問：スマホ画面いっぱいに装飾してもいい？

結論、あまり良くありません。

というのも、スマホ画面いっぱいに装飾してしまうと何が重要なのか分からなくなってしまうからです。

 

 

私がよく使っているAFFINGERの装飾

 

私がよく使っているAFFINGERの装飾は以下のようになります。

他にも使っているものはありますが、よく使っている装飾を順に紹介します。

 

装飾①：太文字

 

ただ文字を太くするだけですが、ちょっとしたポイントだったり「この部分意外と重要かも」という場面で使います。

当サイトの使用例

 

 

当サイトでは、赤色や青色で引くであろう部分もまとめて太字を使っています。

まとめて使うことで、変に装飾が増えることなく本当に重要な部分が読者に伝わるからです。

 

例えば、マイナス面を青のマーカーで引いても良いでしょう。

青マーカーで引くことで読者は、「ここはマイナスポイントが書かれているんだな」と装飾の色でなんとなく理解することが出来ます。

 

当サイトでは、統一感を目指しているため使用していませんが一目でわかる装飾ですのでお勧めです。

装飾②：赤文字

 

当サイトでは、重要な部分を赤文字で装飾しています。

読者に伝えたいところは一番目立させたいですからね。

 

良く赤文字にしているのは、「結論～～～」という部分です。

読者が知りたいのは結論ですので、赤文字を使用しています。

 

装飾③：グレーボックス

 

数あるボックスの中で、よく使っているのがグレーボックスです。

 

AFFINGERのスタイルから選んでいるボックスです。

 

 

 

当サイトの使用例

吹き出しと内容は被りますが、グレーボックスのほうが圧倒的に使用しています。

これこそ本当に味付けみたいなものでボックス１つに統一したかったのですが、装飾が少なくなってしまうのでグレーボックスも採用しました。

 

ボックスは目に留まりやすい装飾ですので、入れすぎには注意が必要です。

 

装飾④：ブルーボックス

 

当サイトで使っているブルーボックスは、AFFINGER特有の装飾です。

「タグ→ボックスデザイン→マイボックス→しかく（枠）」

他のテーマでも良くあるボックスですが、AFFINGER流にアレンジして使っています。

当サイトの使用例

 

 

青で統一しているボックスですが、リストをチェックマークと数字に変換して使い分けることによって読みやすさが変わります。

統一感を目指している当ブログでは、うってつけの装飾になりますね。

 

装飾⑤：吹き出し

 

吹き出しは主に２人分を使っています。

 

 

 

吹き出しを使うタイミングは、以下の通り。

正直吹き出しは、リード文に入れるだけで十分ですが、本文にちょこちょこ入れることで読みやすさが変わります。

また、当サイトでは会話形式で吹き出しを使っておらず単体で使うことが多いです。

 

吹き出しのルールを決めておくことで統一感が出るのでお勧めです。

装飾⑥：チェックマーク

 

チェックマークを使う場面は、以下の通り。

 

チェックマークを使うことで読者の目に入りやすく、統一感を出すことが出来ます。

 

当サイトでは、統一感を出すため見出し３までしか使用しておりません。

見出し３までに限定すると、「ここのポイントを段階に分けて解説したいな～」という場面がありますが、そういう時に便利なのがチェックマークです。

 

チェックマークはCSSコードとHTMLコードを使用しております。

 

まとめ：装飾ルールを決めてやりすぎに注意

 

今回は、「当サイトでの装飾」を紹介してみました。

ぶっちゃけ装飾は適当にやっています笑

 

ブログの装飾は、優先度が低いので初心者の方はあまり気にしなくてもいいですが、見やすい記事を作るためには必要なことです。

装飾ルールを自分の中で決めて、ある程度の装飾をするだけで見やすい記事となるのでぜひ参考にしてください。