テンプレートを替えてみたのに、文字も色もまとまりません。最初に何を直せばいいですか？
PORT編集部いくつも同時に直すと迷いますよね。まず主役、文字、位置、余白、色の五つに絞りましょう。一枚の画像を仕上げるための点検方法を紹介します。
初心者のデザインは、主役、文字の強弱、揃え方、余白、色とフォントの5つから確認します。まず一番伝えたい言葉を決め、装飾を足す前に読める配置へ整えましょう。
主役とは？
主役とは、最初に読んでほしい中心の情報のことです。例えば、講座の案内なら、まず講座名を一番目立つ見出しにします。
フォントとは？
フォントとは、一定の文字デザインを表示するための一式のことです。例えば、同じ書体の標準と太字を使い、説明と見出しを分けます。
余白とは？
余白とは、文字や画像の間、画面の端に残す空きのことです。例えば、日時と申込方法の間を空けて、話題を区切ります。
全部を強く見せる前に、読む順番を決める。
参加無料
主役、説明、日時、申込に役割を分ける。
1. 最初に見せる言葉を一つ選ぶ
最初に「誰に、何を伝え、どんな行動をしてほしいか」を1文で決めます。主役が複数あると、見る人はどこから読めばよいか迷います。最重要の見出しや写真を一つ決め、それ以外は支える役割にしましょう。
2. 見出しを大きく、説明は小さく
すべてを同じ大きさ・太さにすると重要度が伝わりません。タイトル、補足、詳細の順にサイズや太さを変えます。遠目で見たときに最初に読ませたい言葉が目に入るか確認してください。
3. 文字と写真の左端を揃える
講座名が先に見え、日時も読めるか。
左端がそろい、文字が端へ詰まっていないか。
同じ役割の見た目が共通になっているか。
文字や写真の左端、中央、間隔をそろえると、内容が同じグループとして伝わります。配置に迷ったら、まず左ぞろえを基準にし、見えない一本の線を意識しましょう。
4. 文字を端から離す
余白は空きではなく、情報を読みやすく分けるための要素です。関連するもの同士は近づけ、別の話題との間は広く取ります。窮屈に感じたら、装飾を足す前に文字量や要素を減らしてみましょう。
5. 色と書体を増やしすぎない
説明
開催情報
優先順位が弱い。
主役と区切りが見えるか確認する。
色はメイン、アクセント、背景の3色程度、フォントは見出しと本文の2種類程度が目安です。本文は背景とのコントラストを十分に取り、アクセント色は本当に見せたい場所だけに使います。
講座名と日時に差をつける
デザイン講座
10月5日｜駅前会場
10月5日｜駅前会場
完成前のチェックリスト
- 最初に読む場所がすぐわかる
- 端や中央がそろっている
- 文字が小さすぎない
- 余白に一貫性がある
- 色とフォントを増やしすぎていない
- スマホ表示でも読める
一カ所だけ変え、前後を比べる
気に入ったデザインをそのまま眺めるだけでなく、「何が一番大きいか」「どこがそろっているか」「色は何色か」を言葉にしてみましょう。その上で、自分の制作物を一つのルールだけ変えて比較すると効果がわかります。
まずは主役、優先順位、整列、余白、色とフォントの5つを守るだけで、伝わり方は大きく変わります。
よくある疑問
まとめ｜最初の一つを完成させる
主役→文字→整列→余白→色と書体の順に一枚を点検します。全てを一度に変えず、変更前後を比べて、読む人に伝わるか確かめましょう。
