
デザイン解剖#10
記念すべき10回目はまるまるマルシェさんのバナーを解剖!
---
使われている色は3色+α!
灰色(CACACA)黒(000000)白(FFFFFF)+緑(099DA0)
・彩度の低い色がメインで使われているので落ち着いた印象。
・灰色/白の背景に文字だけ緑色が使われていることですぐに目に入る
タイトル×あしらいの扱いが上手い!
・「〇〇」部分は明度の高い灰色を使うことで、背景として成立している
・そこに手書き文字で「薬草」と入れることで目立つ
・唯一の手書き文字/緑色が左上にくることで、何の内容なのか伝わりやすい
タイトルの右側に大きく日付を入れている
・「2017.10.1」をタイトルの次に大きなフォントサイズにすることでいつ開催なのかが一瞬で伝わる
・数字にはDINを使うことでスタイリッシュな印象に
文字の揃え方が特徴的!
・日付の横、曜日
・時間と「雨天決行」
・PLACE STOREの横
を上辺揃えにしている。
この揃え方は初めて見たかも...?!単調にならない効果があるかも。
細かなあしらいがシンプルで良い!
・「PART01」と「薬草マルシェ」の間の「|」
・↑と「ハーブ、薬草のある暮らし」の間の「ー」
・「PLACE」「STORE」の横の「.」
要素の区切りや繋がりははっきり、大きくしないと、伝わらないと思ってしまいがちだが、案外、細い線や小さな点でも関係を伝えることはできる。
「マルシェ」の名の通り、白い座布団部分をお店のテントの形にしている遊び心も良いな〜と思いました!
---
#デザイン解剖 は継続的に気になった #webサイト / #バナー を解説していきます。よければフォローお願いします♪
いいなと思ったら応援しよう!
