Webで読まれやすい行間・改行とは?
こんにちは!
ママWEBデザイナーの起業専門
コンサルタントみなです^^
今回から少し、
デザインについてお話しようかな~
と考えていたのですが
メルマガ読者さんより
質問を頂きましたので!
今日はそちらに回答したいと
思います^^
実はこの質問
今の受講生さんからも頂いた質問
でもあるのです。
それは何かというと…
「行間や改行が必要以上に多い文章が
読みづらく感じます。
一般的にはその方が
良いのでしょうか?」
たしかに、私のメルマガは
(※ブログにUPした際もそうですが)
一文あたりの文字数が少ないです。
且つ、一般的な記事に比べると
※もしかしたらあなたが
読まれるような記事に比べると
改行が多い方だと思います。
なぜか?
答えは…
読みやすくするため!
あれ!?
逆効果な感想を頂いているよ!?
と、思われたかもしれません(笑)
実はこの現象、感じ方が
2パターンに分かれるようなんです^^
1つは
「改行・行間が多いと読みにくい!」
と感じられる方。
このように受け止められる方は
普段から活字慣れされている
(書籍をよく読まれる)方
でもあるので、逆に私のメルマガが
「読みにくい!(>_<)」と
感じられる傾向が強いかもしれません。
もう1パターンは
「ボリュームが多いわりに
とっても読みやすい!」
と感じられる方。
改行や行間が多めだと
ボリュームが多いわりには
パラパラとした印象になるので
さくさく読む…というよりは、
スクロールしながら「見る」
ことが出来る
だから読みやすいと感じられる方も
いらっしゃるんですね。
なので、メルマガの感想として
「読みにくいと感じてしまうんです」
というお声も
「とっても読みやすいです!」
というお声も
両方頂いております(笑)
メルマガは特に、Webサイトのように
画像を多めにいれるとか
装飾をこまめに入れるなどが
難しいです。
できなくはないですが…
かなりの時間がかかります(;´Д`)ヾ
見た目にこだわるよりも
早くお届けしたい。
完璧主義を追求してしまうと
さらにお届けが遅くなってしまう…!
では、文字だらけでも
どのように工夫したら
初心者さんでも読みやすくなるか?
これは、Webページを作る上でも
DTPを作る上でも
必ず考えることですね。
ちなみに、Webページでの読みやすい
line-heightは「1.7」とされています。
あなたはこの数字、
どう思いますか?
私は「1.5」でも十分なんじゃないかな~
と感じているので、このメルマガも
HTML版ではline-height: 1.5 ですw
ただ、近年では
活字離れが顕著に進んでいて
行の高さや行間が詰まっていると
それだけで離脱してしまう人が
増えているのだそうです。
なので、テキスト量が多い
読み物系は「line-height: 1.7」が
一般的なよう。
line-height: 1.7 にしてしまうと
今度は段落間の余白も
多めにしなければ
どこで区切りなのかが分からず
読みづらくなってしまいます。
推奨されている段落間の余白は
「1.5~2文字」とされているので
font-size: 16px だった場合は
24~32px、最低でも空けることに
なりますね。
それから、もう1つ
私のこのメルマガの書き方としては
あるモノで読まれる事も想定し
文字の折り返しが、
コントロールしやすいところで
改行していたりします( *´艸`)
これについては、別の機会で
お伝えできることがあれば
お話しますね^^
本日はここまで!
ママWebデザイナーみなでした^^
前の記事:
ステップメールで実績アピール!?
次の記事:
書き方1つでファン層が変わる!?
Fatal error: Uncaught Error: Call to undefined function wp_related_posts() in /home/soramina/mamawebdesigner.jp/public_html/wp-content/themes/mamawebjp/single.php:36 Stack trace: #0 /home/soramina/mamawebdesigner.jp/public_html/wp-includes/template-loader.php(106): include() #1 /home/soramina/mamawebdesigner.jp/public_html/wp-blog-header.php(19): require_once('/home/soramina/...') #2 /home/soramina/mamawebdesigner.jp/public_html/index.php(17): require('/home/soramina/...') #3 {main} thrown in /home/soramina/mamawebdesigner.jp/public_html/wp-content/themes/mamawebjp/single.php on line 36