デザイン解剖#15

今回はメルペイ×TSUTAYAさんのバナーを解読します！

使用されている色

背景：ピンク(F21396)文字：黄色(FFFA00)
コントラストが強いことでとにかく目立つ組み合わせ！

文字周り

・50を最大限に大きくすることで否応なしに目線を集めている
・数字フォントはコンデンス体を使うことで、文字サイズを大きくしても幅を取らない工夫をしている
・文字サイズは50→%→還元→ポイント→メルペイフィーバー中→日付→条件となっており、伝えたい順に文字サイズが下がっていることが分かる
・メルペイフィーバー中！！！を飾り文字にすることで特徴づけている
・！！！を斜体にすることで全体のリズムを少し崩している

配置

・上辺に白帯を敷くことで別枠感を出している
・%の丸部分に最大のタグをくくりつける演出で、イラストが無い画像内で唯一のポイントになっている
・50の上下グリッドに揃え、右端もグリッドを揃えた完全な長方形におさめている
・メルペイフィーバー中の半分に%、残りにポイント還元が収まるように配置されている
・日付部分は曜日を英字に、サイズを小さくすることでメリハリがつく
・注意事項など、最低限の可読性を保てば良いものは可能な限り小さくする

---

・目立たせたい部分は限界まで大きく！
・必ずではないが、文字のグリッドを上下・左右揃えることで情報量が多くても整った印象になる！