マガジンのカバー画像

デザイン解剖

70
webデザイン/バナーの分析記事をまとめたマガジンです。週に1回更新していきます!
運営しているクリエイター

#バナーデザイン

デザイン解剖#33

デザイン解剖#33

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

---

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

文字周り
・右側文字のグリッドが左右すべて揃っている=情報が多いが整った印象になっている
・+50%還元 が50を目立たせる目立たせるようになっている
 =%と還元の左右グリッドを合わせ、上下は50におさまるようにすることでまとまり感が出ている
・周囲の色と文

もっとみる
デザイン解剖#32

デザイン解剖#32

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

---

使用色
ピンク(E34570)水色(02AECA)差し色紺(253D57)
鮮やかながらレトロな色でまとめることで強すぎない

文字周り
・「買う」「キント」の文字サイズが最も大きく配置されており、僅かに斜体がかけられている
・「あなたはどっち?」を右上に向かって斜めに配置することでワンポイントになっている
・中央「VS」を1文字ずつ左右の色を使うこ

もっとみる
デザイン解剖#31

デザイン解剖#31

今回はトリンプさんのバナーを解剖します!

使用色背景赤(aa1018)、差し色ゴールド(c2aa7a)、文字色白
赤、ゴールド、白というクリスマスを想起させる色合い

文字まわり
・CHRISTMASは中抜け、campaignは筆記体にすることで無駄な装飾なしにロゴ感が出る
・タイトル上にコピーをおき、タイトル下を線で区切ることでバランスが取れている
・CHRISTMASを弧を描かせ、campa

もっとみる
デザイン解剖#29

デザイン解剖#29

今回はマクドナルドのバナーを解剖!

---

黒寄りの紺(101116)彩度の高いピンク(FE1ECA)灰色(B1B1AF)
ほぼ黒寄りの紺と強いピンクのコントラストが強く、目に飛び込んでくる
使っている色が例外の灰色を除くと3色のため、賑やかになりすぎていない
完全な黒にしていないので、程よい柔らかさもある

文字まわり・タイトルフォントはデザインフォントを使っており、強い印象
 ポップさもあ

もっとみる
デザイン解剖#28

デザイン解剖#28

今回はCAFE BASEのバナーを分析!

使用色オレンジ(F8A023)緑(52B548)文字色黒

文字まわり・フォントは手書き風でゆるい印象
・緑部分は左揃え、オレンジ部分は右揃えで対比を表してる
・タイトル部分は中央揃えになっており、「おうちで簡単」がタイトル内に収まっている
・「300」が中央に大きく配置することで目線が集まる
・「300」の上下グリッドと「いい道具で愉しむ冬じたくセット

もっとみる
デザイン解剖#27

デザイン解剖#27

今回はオロナミンCのバナーを分析します!

---

使用色赤(FE0000)黄色(FAD223)オレンジ(FF7B00)、文字色白

文字まわり・フォントはオロナミンCの商品ロゴと同じものが使われている
・中央のテキストはわずかにドロップシャドウがかかっており、光量が強い印象を濃くしている
・中央文字二段組み部分は両橋のグリッドが揃っていることで整った印象
・「キャンペーン」の上部グリッドよりも

もっとみる