グラフィックデザイン制作時のチェックリストです。自分用メモだけど、参考になれば！📝
組む時のTips
文字周り
コピーが長い
クライアントから提供されたコピーが長い時は、区切る。そして別の要素として扱う。
例えば「〇〇な方へ」「□□ではありませんか」「△△をプレゼント」に分けて、
「〇〇な方へ」はリボンにしてメインの要素の上に避ける、など。
文字の可読性UP
素材が写真で文字が読みにくい、文字が目立たないときの対策↓
- 文字の背後に帯（座布団）を敷く
- 文字の背景にオブジェクトを置く（文字部分に写真が来ないように全体のレイアウトを変える）
- 文字のアピアランスで「ドロップシャドウ」「光彩(外側)」つけて可読性UP
- クリエイティブ全体にシャドウをつける（暗くする場合は灰色で乗算かける）
フォントどうする
クライアントごとに鉄板フォントを見つけておくと楽！
組み合わせは、基本同じフォントで統一。
ただし、クセ強フォントには、クセの少ないフォントを合わせる。クセ強同士だと喧嘩する🥊
カジュアル、高級志向、サイバーパンク感、かっちりした印象など、ターゲットからブレないように！
素材周り
要素を隠さない
写真素材の場合、伝えたいメッセージを隠さないように注意！
- 人物、建物、カップ・本・PC・内装など
- 全体に暗くしすぎない
（文字の可読性のために背景を暗くしたら、写真素材の視認性が下がる。塩梅大事）
使う箇所は最適？
AI生成画像の場合、人物をアップしすぎてAI感が前面に出るのも避けたい⚠️
組んだ後のチェック
全体の印象
まとまりがいいか
意図せずに目立ってしまっている要素がないかチェック。
- 要素の配置
中央揃え、左揃え、右揃え、それで違和感ない？（右揃えにしたら左に変な空間が開いてるように見えてないか、とか）
素材との兼ね合いでズレて見えない？ - 各要素の幅、端
目に引っかからないように、幅を揃える、端を揃える。
※最終的には「見た目」で揃えるべし！（斜めにした要素などは目の錯覚が起こるので）
息苦しくないか
- 座布団しきすぎ
文字の可読性を高めるために敷いた帯（座布団）が多いと、全体に息苦しい印象になる。 - グラデーションしすぎ
ベタ塗りより抜け感が出るグラデーションだが、多用するとツギハギっぽく見える。
狙った部分に視線がいくか
目が滑る？
- 幅が同じすぎる
縦長のクリエイティブの場合、すべての要素の幅を揃えると収まりがいいが、着地点がわからないかも。
CTAの幅を30%くらい狭めると、自然に視線が流れてCTAが目に入る👀 - ジャンプ率が低い
思い切ってジャンプ率を上げてみるべし！思っているより、緩急で視線誘導できる。 - 視線の始まりが不明
はじめに見て欲しい部分の上にポイント装飾（マークなど）を置いてみる。
セーフティゾーン
要素が切れないか
Meta広告などは、表示される時に勝手に端が切り落とされる。セーフティゾーンは要確認！
寂しい？
セーフティゾーンが無地だと寂しい場合も。素材も要素もないときは、
- グラデでわずかな立体感を出す
- 無料素材の装飾などを活用して空間をさりげなく彩る
- テクスチャを追加する（紙っぽさとか）
細かい部分
文字周り
- フォントの印象はターゲットと目的に合ってる？（高級志向/カジュアル、IT感など）
- フォントの組み合わせは違和感ない？（ゴシック/明朝、クセ強度）
- カーニング、変になってない？（個人的に漢字周りはあまりいじらない方が良さそう…）
- 改行位置、助詞が先頭にならないように！
- 強弱/緩急は最適？もっとつけれる？
- スマホで見た時に読みやすい？可読性を実機でチェック！
- アルファベット、漢字、カナの大きさ調整(同じサイズでも大きさが違う)
- 斜体、傾斜はつけるなら5~10度。中途半端につけないべし。
素材・あしらい周り
- チェックボックス☑️などの要素のデザインは、フォントと合ってる？（丸み/角など）
- 線が複数ある場合、線の太さは統一されてるか？（バラバラの太さだと違和感）
- 要素（座布団・文字など）の端が写真素材の線（地平線や窓枠など）と重なってないか？
- 枠や装飾はコンセプトに沿ってる？（高級志向にチープな装飾などNG）
書き出しTips
「スクリーン用に書き出し」で書き出すのが楽。
アートボードの位置（X,Y軸）が小数点になっていたらズレるので注意⚠️
さいごに
水をよく飲んで、肩回して、ファイティン〜！
コメント