デザイン解剖#49

今回はACTUSのバナーを分析！

使用色

明るい青(0094F6)：枠、文字

文字・配置について

・中央揃えで、上下：日本語、英語でほぼ同じ内容を書いている
「さわやか」「春」という言葉にふさわしい、柔らかい優しげな丸いフォントを使用

文字間も広めなので余裕のある軽やかな雰囲気

・上部文字と枠の間のマージンを文字間3つ分ほど広めにとることで余白が生まれ、「BREEZY」な雰囲気を醸し出している

・対して下部の英文は文字と枠の間がそこまで広くない
下部は土台としての役割があるため、あまりスペースがありすぎると不安定に見えるから？

・「窓辺」という言葉も入っていることから、窓枠をイメージした四角枠だと分かる
5pxほどの線を使用しており、しっかりと存在感のある枠になっている

＝背景の写真素材に溶けてしまっていない

まとめ

写真素材の上にグラフィックを重ねる時は、同系色で少し明るめor暗めを選ぶと締まりやすいかも。

もう少し立体感や現実感を出したい場合は、植物など、重なった部分のみマスクで手前に見せてしまっても良いかもしれない