8/8より火曜日担当はちふねこさん
2023年10月3日 いろんなデザインで使える「余白」の意外な役割3つ ちふねこさん
ポイント
1⃣強調させる
2⃣読みやすくする
3⃣視線誘導
1⃣強調させる
✅一般的に目立たせたい文字は大きくするのが一般的だが、
→ 文字を小さくしたたままでも、周りにたっぷり余白をとると自然とその文字が目立つ
✅余白のいいところ
→ 上品さや落ち着いた印象を保ちながら、しっかり強調ができる
（文字が大きい場合は、印象を壊してしまうことがある）
→ 自分が作りたいデザインの雰囲気により、強調の仕方は余白を使った方がいい場合がある
✅【例】いいちこのポスター
景色の中にさらっとキャッチコピーがあったり、お酒の瓶が小さく砂浜に立っていたりする
キャッチコピーの周り、お酒（商品）の画像の周りにたっぷり余白を取ってるだけの
すごくシンプルな作品だが、すごい目を引く
2⃣読みやすくする
✅文章の文字と文字の間、行と行の間、この２つの余白を調整する事で読みやすい文章になる
✅余白が少なすぎて、文字と文字が窮屈になっていると文章は読みづらい
✅文の終わりまで読んで次の文頭に戻るときに、同じ文章の文頭に戻ったり、
一行、文章飛ばして読んで起こる原因は、行間が狭いから
✅余白を取ってあげるだけ、1行取るだけで、分かりやすくなる
✅適度な行間は、文字の高さ「１」だとすると、0.5から0.7くらい
（文字の高さの半分以上から少し大きいくらいがおススメ）
✅文字と文字の間の余白も読みやすさに影響
→ 自分の作りたい印象で加減すればいい
✅文字と文字の余白が大きいとゆったりした印象になるので、じっくり読ませたい
キャッチコピーなどは、そういう印象付けができる。
✅文字と文字を空けるときの注意点
空けすぎると1行の文章の塊として認識しづらくなるので、
隣同士の文字が、関連していると分かるくらいの距離感を保つのが大事
3⃣視線誘導
【例】○○の手順4ステップ
１，２，３，４。イラストと文字の一塊が1ステップで、どうしても改行が必要な場合
１，２と並んだ後に、３，４は2段目に入れたいが、
１，２，３，４の塊の余白が、上下左右を均等にすると分かりづらいデザインになる
✅なぜ、分かりづらい？
左上の１を見た後に、２にいくのか、３にいくのか、数字を見れば分かるが、
自然と流れが作れていない
→ 余白を使う
→ １と２の左右の余白は少し狭めにして、１と３の余白は広げる
→ １と２と自然に視線が流れて、その次にその下の３、４に流れていく。
→ 左右を狭めて上下を広くすることによって、１，２の下に見えない罫線がうまれるので、
自然に、１，２，３，４という流れが作れる
✅余白を上下左右、均等ではなくて、それぞれ変えることにより、
見えない線が生まれて、視線の流れを作る事が出来る
まとめ
1⃣強調させる
→ 余白を取ることによって、要素が小さくても目立ちますよ
2⃣読みやすくする
→ 文字と文字と間、行と行の間、余白を調整する事で文章が読みやすくなりますよ
3⃣視線誘導
→ 要素の上下左右の余白を近づけるのか、離すのか、余白の作り方で、見えない線を作って自然の流れも作れますよ
「余白」の力すごいですね！
「いいちこ」のポスターを調べたら、衝撃でした。
余白素晴らしい、キャッチコピーも素晴らしい。
1984年からほぼ毎月ポスターのデザインがあり、全部見てしまいました。
なんか40年以上の歴史、すごいです。趣深いです。感動でした。
当然ですが、「読みやすい」って大事ですよね。
「余白によって、見えない線がうまれる」という表現がとても分かりやすかったですー。
余白、意識してみます！
ありがとうございました！
よろしければ、
「フリ校ボイシー火曜日まとめ」もどうぞー