
デザイン解剖#40
今回はbaycrew's storeのバナーを分析!
文字まわり
・ペンで書いたようなかすれたフォントを使用
筆記体ながら、カジュアルな雰囲気にまとまっている
・コピーを中央に配置し、タイトルとのジャンプ率を上げている
・内容詳細はフォントサイズ小さく、右下に配置
より内容を知りたい人だけに伝えたい内容であることが分かる
配置・装飾まわり
・手書きのキャッチコピーが斜めに配置されている
それに合わせて(?)人の目の位置が右肩上がりの一直線上に配置されている
・上部に人の顔、下部に場面写真を配置
まず顔で目線を集め、場面写真でシーンを想起させている
・白い文字の可読性を上げるため、下部画像が暗めに加工されている
ピンクみの茶色をオーバーレイで重ねている?
まとめ
文字だけを斜めに配置すると、目線は集められるが周りから浮いてしまうことも。今回の画像は、目線も斜めに配置し、角度を揃えることで統一感が生まれていた。
いいなと思ったら応援しよう!
