こんがりとした皮と、あんの濃い茶色。今回のサイトは、たい焼きの写真にある色を手がかりに組み立てました。
写真から、色を拾う。
背景は生成り、文字は濃い茶色にしました。写真の外側にも似た色を置くことで、ページの中で料理の写真が浮きすぎないようにしています。
比較用に、淡い青と墨色の案も用意しました。写真と配置は同じです。背景の色だけでも印象が変わるので、切り替えて見てみてください。
架空店舗のデザイン
こはるおしながき ｜ お店のこと
ひと息に、ひとつ。
今日のおやつは、たい焼き。おしながきを見る →
あんこ、たっぷり。
つぶあん・カスタード・抹茶・チョコ
営業時間の表示見本 11:00–18:00生成りと茶色。料理の焼き色につながる配色です。
架空店舗のデザイン
こはるおしながき ｜ お店のこと
ひと息に、ひとつ。
今日のおやつは、たい焼き。おしながきを見る →
あんこ、たっぷり。
つぶあん・カスタード・抹茶・チョコ
営業時間の表示見本 11:00–18:00淡い青と墨色。同じ写真でも、背景の色で印象が変わります。
同じ写真・配置で、背景と文字の色だけを変えた試作です。
写真のまわりに、余白を。
たい焼きの形や焼き色を見せたいので、写真の近くに説明を詰め込みすぎない配置にしました。最初の見出しは短くして、詳しい説明は下へ続けています。
紙やテープの飾りは、作品を紹介するGnrlst側に。お店のデモは、料理とメニューを読みやすく見せる構成にしています。
知りたい情報を、ひと続きに。
写真の次にメニュー、その下にお知らせと店舗情報を置きました。何を扱うお店なのかを知ってから、営業時間やアクセスへ進める順番です。
住所と案内図も、お店の空気に合わせて用意しました。実在のお店に間違われないよう、架空の情報だと分かる表示を添えています。
たい焼き こはるのおしながき
つぶあん・カスタード・抹茶・チョコ。営業時間は11:00–18:00、定休日は毎週水曜日。写真・店舗情報はすべて制作見本です。