見出し画像

デザイン解剖#33

今回はdポイントのバナーを分析します!

---

画像1

使用色

赤(#FE0000)ピンク(#FF137A)白
彩度が同じなので違和感がない!

文字周り


・右側文字のグリッドが左右すべて揃っている=情報が多いが整った印象になっている
・+50%還元 が50を目立たせる目立たせるようになっている
 =%と還元の左右グリッドを合わせ、上下は50におさまるようにすることでまとまり感が出ている
・周囲の色と文字色を揃えることで印象がバラつかない
・目立たせたい、キャンペーンの主要な内容は大きく、
 条件や注意書きは可読性を保って必要最低限に小さく、を守った配置
・バッジ内の文字のみ斜体がかかっていることで動きがある

配置/装飾周り


・左側写真素材の背景をぼかすことで、被写体に視線が集められている
 このキャラクタ=ドコモ、という印象を瞬時に生める

・枠をまたがる形でピンクのバッジを配置することで動きが出ている
・枠外の注意書きも、内枠のグリッドに揃っているので悪目立ちしていない

---

ひとつ(今回ならバッジ)目立つポイントを作ることで場に動きが出る!

いいなと思ったら応援しよう!

AYA@デザイン
励みになりますのでよろしくどうぞ!