Facebook 【自主制作】夏季限定ドリンク紹介バナー
Logo

【自主制作】夏季限定ドリンク紹介バナー

クレジット
Avatar
WEBデザイナー
【自主制作】夏季限定ドリンク紹介バナー-1
シェア
制作ノート
制作について

【フォントについて】

・見出し:にくまる
 カフェらしい温かみと落ち着いた印象をキープしつつ、Instagramのタイムライン上でパッと目を惹くインパクトを残すため、曲線が特徴的な太文字の丸ゴシックを採用しました。
・その他:ふい字
 手書き風フォントを取り入れることで、親しみやすく、やさしいカフェの空気感を再現しています。

【配色カラーについて】

・ベースカラー:淡いベージュ(#f7f2eb)
 カフェ店舗が持つ、ナチュラルで落ち着いた空気感を視覚的に伝えるためのベースとして選定しました。
・メインカラー:レモンイエロー(#ffd85c)
 レモンのフレッシュな爽やかさを演出しつつ、全体のトーンと調和するよう少しだけ明るさを抑えた色設計に。爽快感と温かみが共存するカラーに仕上げています。
・フォントカラー:ブラウン(#6b4e3d)
 全体の温かい世界観を壊さないよう、真っ黒ではなく濃いめのブラウンを採用。可読性(読みやすさ)もしっかりと担保しています。

【情報設計とレイアウト】

  ・ロゴの配置 
 見出しとなる「SUMMER LEMONADE」の右上に配置。ユーザーが文字を読んだ後、自然に店名(ロゴ)へ視線が流れるよう、Z型の視線誘導を意識して設計しました。
  ・写真の配置
 画面右側に大きく商品画像を配置することで、スマホ画面のスクロール中でも思わず指が止まるような、アイキャッチ力の高いレイアウトにしています。
・イラストの配置
 背景にサイズ違いのレモンイラストをランダムにあしらうことで、単調な印象を避け、デザインに奥行きと立体感をもたせました。同時に、夏ならではの「爽やかさ」や「わくわく感」を視覚的に表現しています。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
Logo
foriio

あなたのforiioを無料で作成

fori.io/