Facebook 【自主制作】カフェの週末限定モーニングメニュー紹介バナー
Logo

【自主制作】カフェの週末限定モーニングメニュー紹介バナー

クレジット
Avatar
WEBデザイナー
【自主制作】カフェの週末限定モーニングメニュー紹介バナー-1
シェア
制作ノート
制作について

【フォントについて】

・キャッチ・サブコピー:Zen Maru Gothic
 カフェの温かみのある世界観に調和させつつ、スマートフォン上での「読みやすさ(可読性)」を両立するために丸ゴシックを採用しました。
・英字:Amsteram Three
 バナーの主役となる「特別感」を演出するため、流麗な筆記体を採用。温かみを残しつつ、デザイン全体のアイキャッチ(視線誘導)として機能させています。
・メニュー名:Noto Sans JP
 小さな文字サイズでも潰れず、瞬時にメニュー内容が伝わるよう、最も可読性が高く視認性に優れたスタンダードなゴシック体を採用しました。

【配色カラーについて】

・ベースカラー:淡いベージュ(#f7f2ec)
 カフェの落ち着いた温かみを表現しつつ、主役である写真や文字を引き立てるために採用しました。
・メインカラー:淡いオレンジ(#f4b183)
 背景の格子模様に用いることで、全体の温和なトーンを保ちつつ、画面に程よいメリハリ(コントラスト)を与えています。
・フォントカラー:濃いブラウン(#5c4433)
 黒を避けて濃いブラウンにすることで、世界観の統一(優しい雰囲気)とスマホ画面上での高い視認性を両立させました。

【情報設計】

・ロゴの配置
 アイキャッチとなる英字「Morning」の右上に配置し、ユーザーの視線が自然に店名(ロゴ)へ流れるよう設計しました。
・キャッチコピーの配置
 「特別メニュー」のコピーは、魅力的な写真を見た後の“最後の一押し”となるよう、視線の終着点(下部)にあえて配置しています。

シェア
岩﨑 せりなの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【自主制作】カフェの週末限定モーニングメニュー紹介バナー-1
岩﨑 せりなの他の作品
foriio

あなたのforiioを無料で作成

fori.io/