6章 デザイン 1-4.講義編 文字

6章 デザイン編

文字の読みやすさ

これが一番重要

文字が読みやすいというのは、
デザインを主張させすぎないという事

ここで思い出す必要があるのは、
デザインの役割

コピーを読んでもらう
というのが一番重要

黄金比にするよりも、
コピーを読んでもらう事の方が重要

これを絶対に忘れない。

その上で文字の読みやすさが重要になる。

というのも、文字が読みにくかったら、
コピーを読んでもらうという
デザインの本来の役割の
根本が揺らいでしまうから。

デザインの問題で文字が読みにくい原因

逆に、デザインにおいて
文字が読みづらくなる原因は何なのか。

これを知って
読みづらくなる原因を潰しておけば、
逆説的に考えると
読みやすいデザインであると言える。

デザインの問題上から
読みにくい原因は主に4つ。

  1. 使う色の問題
  2. 文字の大きさ
  3. 文字の間隔や改行
  4. 目的意識の欠如

使う色の問題

使う色というのは極めて重要

基本的には赤と黄色と黒を使い、
権威性を出す所に関しては
紺色を使う方が良い。

一方で、白背景に灰色だったり、
赤背景にベージュ色で文字を書いても、
当然見にくい。

背景の色に殺されて、読ませたい文字は、
全く頭に入って来ない。

使う色を間違えちゃいけないという事

背景と文字は、できるだけ
対比する色を使うのがベスト

デザイン上、
黒背景に黒っぽい文字を入れる場合などは、
文字を白い枠で囲うなどの考慮が必要

ここは売れているセールレターを参考にすると、
分かりやすい。

ポイント

とにかく、背景やグラフィックなどで、
文字を殺していないかどうか。

ここは本当に強く気を付ける。

文字の大きさ

これは文字が小さかったら
単純に読みづらくて、
スッと頭に入って来ないのはダメという話

「そんな事、言われなくても流石に分かる」

と思うかもしれないが、
プロで有るデザイナーしかり、
この間違いをしてる人達が驚くほど多い。

いくらコピーテンプレを使って、
最高のコピーを書き上げられたとしても、
文字が小さくて読めなければ無意味

最低でも、すぐに読めるレベル

コピーテンプレ内の

  • キャッチコピーのブロック
  • 一番大切なメッセージ

は目立つ様に、
文字サイズを大きめに設定する。

文字の大きさも重要なので意識する。

文字の間隔や改行

これも結構ある。

文字の間隔、
そしてどこで改行を入れたら良いのか
これも極めて重要

文字の間隔

例えば、文字の間隔というのは
通常横並びの文字と文字の間隔

通常これは0になっている。

これを例えば、
-10・-25・-50などにしたりする。

平仮名と平仮名の文字間隔や
促音そくおん(小さい)は空きやすかったりする。

そういうのを1個ずつ文字間隔を変える。

下記のレベルまで考える。

ex

文字

という漢字の間隔は-25が読みやすい。

読みやすい

平仮名の部分は-15が読みやすい。

改行

デザインにおいて
文字が読みづらくなる原因

改行部分が

デザインに
おいて文字が読みづらくなる原因

だとしたら結構読みにくい。

そういう風にどこで改行を入れるのか
どこの改行だったら読みやすいのか。

これはコピーライティングにも繋がるけど、
デザインとしても繋がる部分

全ては連動している。

デザインとコピーライティング
どちらでも重要

目的意識の欠如

デザインの役割は、
コピーを読みやすくする為であって、
かっこ良く・可愛くする為ではない。

特に無形商品、
情報商材・情報教材と言われる
ジャンルにおいては
デザインだけで買うという
ジャケ買い的な事は基本的に無い。

目的意識を決して忘れない様にする。

事例

言葉では分かりにくいので、
以下の2つを間違い探しの様に確認する。

↑タップで拡大可能

上の図は一般的に言えば、読みにくい。

文字色

↑タップで拡大可能

赤背景に赤文字は
読めないと言っても過言ではない。

文字間と改行

極めて悪い。

文字と文字の間がすごい離れている。

「あっという間に -5.3kg」の改行も
いまいちピンと来ない。

どんくさい感じがする。

インパクトが無い

↑タップで拡大可能

一番重要なキャッチとして刺さるような
「あっという間に -5.3kg」に
インパクトが全く無い。

文字が小さ過ぎる

文字が小さ過ぎて読めない。

もはや読ませたくないのかな
と思うぐらいの文字の小ささ

結構あるあるの事例

これはかなり極端にしているけど

  • セールスレターを作っている人達
  • インフォトップの販売者さん達

にも、この悪い例にかなり近い形の
セールスレターが相当多い。

冗談抜きで80%以上こういう感じ。

良い例

↑タップで拡大可能

悪い事例と比べて極めて文字が見やすい。

デザインが綺麗とかは置いておいて
デザインよりも、
文字を読みやすくする為に
こういう風にデザインしている。

これには基本的には画像とかは一切使っていない。

ただ、セールスレターにするなら、
before・afterとか
瘦せてる人の写真入れた方が
イメージが湧きやすかったりする。

基本的には一番大切なのは
文字が読みやすいという事なので
文字だけでも改善できる。

再度比較してみる。

↑タップで拡大可能

8割方の人達は皆
デザインなんか必要ないと思って
読みにくいままにしている。

これを見てデザインが必要ないとは
絶対に思えないはず。

なので文字を読みやすくする為に
デザインはどういう風にした方が良いのか。

実際に売れてる所のセールスレターや
スライドを見ても良い。

そんなに凝る必要はない。

結構大手さんで、スクロールすると
かっこ良いエフェクトが
出て来たりする物もある。

ただ、これはビジュアル面なので必要ない。

見てもらう為の問題を
解決するという面もあるが、
同じ販売者としては真似する必要はない。

文字を読みやすくする。

これを第一優先事項とおいて
色んなデザインを見てみる。

今までリサーチしてきたコピーにプラスして
次はデザインを見る。

コメント