元メルマガ職人が教える! メールが視覚的に超・読みやすくなるテクニック9選

段落ごとに改行を2つ

こちらは改行を1つだけ挿入した例です。

今度は改行を2つ入れた例。

比較してどうでしょうか? 改行が多いと、文章の密集度が下がって見えます。

文章がキツキツだと、どんなによい文章を書いていても読む気がなくなりますからね!

目立たせたいところには改行を多く

また、目立たせたいところの前後に改行を多めに挿入することで、強調されます。

この例ではヨスとピザの出合いなんて興味がない?の前後に改行を4つ入れました。

見出しにオススメの装飾

見出しに使える装飾には、こちらのようなものがあります。

個人的には上記のような「シンプルな装飾」が好きですが、もう少し派手なものもありますよ。

スマホで読まれることを意識して、装飾のラインは短めに設定するのをお忘れなく。

LINEでしか使わない場合は、自分のスマホで表示の確認をオススメしますよ。

きれいに表示されるものができたら、絶対に単語登録しておきましょう。

わたしが使っている装飾

わたしが主に使っている見出し装飾はこちらです。

上側には太めのライン、下側には点々のラインを使っています。

なぜ上と下で違うラインを使っているのかというと、このような理由があります。

上の線が太い理由

この見出し以降は今までのトピックとは違うトピックになることを強調しているため、太めのラインを使っています。

下の線が点々の理由

見出しの内容については、見出しの下に詳しく書かれます。そのため「見出しと繋がっていること」を演出するために点々のラインで境目をゆるやかにしています。

よかったら、この見出し装飾を使ってみてください。

見出しまわりの余白について

見出しまわりの余白についても注意が必要です。

こちらの例のなかの「見出しまわりの余白」にご注目を!

見出しまわりの余白のポイントはこちらの2つになりますよ。

見出しは、「そこからトピックが変わる」という印なので、上の余白を多めにとるようにしましょう!

「見出し」の先頭には記号を入れよう!

「記号」をぜひとも使ってほしいのは、前述した「見出し」の先頭の部分です。

「1.」のような数字にするよりも、「【1】」のように「隅付き括弧」を使ったほうが目立ちますよね。

見出しで使われる「手順を表す通し番号」は目立ったほうが理解しやすいので、目立つようにしましょう。

おすすめの「目立つ記号」とは?

では、通し番号の使われていない見出しの場合はどうでしょうか?

わたしは「■」が好きですが、これは好みの問題でしょう。

オススメなのは、「☆」のような白い記号ではなく、「★」のような黒い記号です。やはり、目立ちますからね。

見出しは目立ってナンボなので、黒い記号を使いましょう。

見出しだけでなく、箇条書きの印に使うのもいいですね。

「こうじゃなければダメ」というルールはありません。読む人の立場になって工夫しましょう!

【参考】機種依存の文字について

記号の中にはWindowsだと大丈夫だけど、Macでは文字化けする文字、その逆でWindowsだと文字化けする文字があります。

このように、機種によって表示されるかどうかわからない文字のことを「機種依存文字」と呼びます。

それを避けるため、どの媒体で見ても大丈夫な全角の目立つ記号を使うようにしましょう。

以下のものは、どの端末、どのパソコンで見ても絶対に文字化けしません。

☆ ★ ○ ● ◎ ◇ ◆ □ ■ △ ▲ ▽ ▼ ※

メルマガのラインによく使われる記号。

─ │ ┌ ┐ ┘ └ ├ ┬ ┤ ┴ ┼ ━ ┃ ┏ ┓ ┛ ┗ ┣ ┳ ┫ ┻ ╋ ┠ ┯ ┨ ┷ ┿ ┝ ┰ ┥ ┸ ╂ 

そのほかにはこちらの記号も文字化けしません。

、 。 ， ． ・ ： ； ？ ！ ゛ ゜ ´ ｀ ¨ ＾ ￣ ＿ ヽ ヾ ゝ ゞ 〃 仝 々 〆 〇 ー ― ‐ ／ ＼ ～ ∥ ｜ … ‥

お次はカッコ。

‘ ’ “ ” （ ） 〔 〕 ［ ］ ｛ ｝ 〈 〉 《 》 「 」 『 』 【 】 ≪ ≫

こんな単位の記号も化けません。

＋ － ± × ÷ ＝ ≠ ＜ ＞ ≦ ≧ ∞ ° ′ ″ ℃ ￥ ＄ ￠ ￡ ％ ＃ ＆ ＊ ＠ § 〒 → ← ↑ ↓ 〓 ≒ √ ∽ ∝ ∫ ∬ Å ‰ ♯ ♭ ♪

こんなのとかも大丈夫だそうです。

∴ ♂ ♀  ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ￢ ⇒ ⇔ ∀ ∃ ∠ ⊥ ⌒ ∂ ∇ ≡ ∵ † ‡ ¶ ◯ 

以上、紹介したものはスマホでもタブレットでもWindowsでもMacでも何で見ても文字化けしません。

参考: ［ワツニュ］機種依存でない全角記号

URLの左右には半角スペースを!

メールの中にURLを入れるときには、かならず半角スペースを左右に入れましょう。

こんなメール、見たことないですか?

クリックするとエラーページに飛ぶという、イラッとくるやつや!!

URLと文が合体して、文もリンク先URLの一部だと認識されていることが原因です。

これはURLの左右にスペース（半角スペースがオススメ）を入れるだけで解決しますよ。

【参考】TwitterのハッシュタグもURLにできる

Twitterのハッシュタグを最初から挿入するリンクも作れますよ。

この記事が分かりやすかったよ!という方はぜひTwitterで教えてください。

こちらから最初からハッシュタグ「#ヨッセンス」とわたしへのリプライ「@YosBlogger」、さらにこのページURLがついた状態でつぶやけます!

https://twitter.com/intent/tweet?screen_name=YosBlogger&hashtags=ヨッセンス&url=https://yossense.com/text-mail-contrast/

くわしくはリンク先にTwitterの「リプライ」「ハッシュタグ」「文章」を最初から指定する方法をどうぞ。

矢印は「タテ方向」に入れる

これをタテ方向の矢印にすると、さらに見やすくなりますよ!

なぜ見やすいかというと、メールもSNS投稿もスマホという横幅の狭い端末で見ている人がほとんどだからです。

このときも、余白をちゃんと入れて見やすくしましょうね!

「三角」を矢印に使う方法

わたしは「矢印」として「三角マーク」を使っています。

たとえば、URLを紹介するときなんかでも活躍します。

白い部分が多いテキストのなかでは、「↓」よりも黒みの多い「▼」のほうが目立ってメリハリがあるからですね。