見出し画像

デザイン解剖#38

今回はスターバックス コールドブリュ ーのバナーを分析します!

---

使用色

緑(33A08F)白、茶(230100)
ブランドカラーの緑と商品の茶色、プラス差し色の白のみ使用
3色に絞ることで統一感が出る法則にのっとっている

文字周り

・上部文字 -Introducing-は筆記体で、読ませるよりも装飾的な役割
・上部文字は3段組みになっているが、中央の文字サイズを小さくすることでまとまって見える
COLD BREWを商品に合わせて弧にすることでまとまり感
COLD BREWの文字にかすれ感を出すことでウッディな印象
NEWを手書き文字にすることで目線を集めやすいアイコン的存在に
 また、少し斜めにすることで小なれ感が出る
・左下COLD BREW SODAは全て4文字ずつの単語のため左右グリッドが揃っている
・右下注意書きは、必要最低限の文字サイズで、色も白にはせず悪目立ちしないよう配慮されている

装飾/配置周り

・中央商品にシャドウを加えることで立体感が増し背景と混ざらない
・背景をテクスチャなどではなく商品のアップにすることでより詳細なイメージを伝えられる
・背景を上部は明るく下部は暗くすることで安定感が出る

---

背景に困った時&商品をより詳しく見せたい時は、商品のアップを配置すると吉!今回のように上手く文字が際立たない明るい色の場合などは、一枚、不透明度を低くした色ベタを挟むと扱いやすくなる。

励みになりますのでよろしくどうぞ!