Clik here to view.
似てる漢字でバランスデザイン
ページ中央のイメージ画像。 その中の左下に表示されている、このお菓子のロゴに注目。 なんだか、「洋」と「和」が組み合わさったかのようなデザインですね。 丸と葉のような形状を多く用いて、花を連想できます。 「茶」と「菓」の感じ下部分の形状を似せてデザインされていたり、 もちろん草冠が同じだったりすることによって、ロゴ全体のバランスも取れています。
View ArticleClik here to view.
薄い茶色で手前へ浮かす
茶色い石のようなテクスチャが全面背景に使われていて、 それより手前に薄い茶色の背景色、さらにその手前にメインコンテンツが配置されています。 薄い茶色背景は、メインコンテンツを20pxほどで囲っている線のように見えます。 テクスチャ背景とメインコンテンツとの間に、薄い茶色が入っていることで、 メインコンテンツが少し浮き立っているように感じられます。...
View ArticleClik here to view.
クラシカルでいてポップ
一瞬にしてトップ背景のカラフルでアート感溢れるイメージに魅かれてしまいます。 いったい何がモチーフになっているのでしょうか。 原色に近い色使いがなんとも独特で、クラシカルな大人の雰囲気を出しつつも、ポップな遊び心が感じられます。 トップのキャッチコピーにある「イメージチェンジ」という言葉にかけて、 オペラブラウザに変えれば、カラフルなように多様なことができるようにイメチェンできるよー...
View ArticleClik here to view.
文字以外の邪魔物排除
文字のみのこのページ。 画像がなく、背景も模様が使われていなく、文字のみのページ構成になっています。 文字というか、言葉をとても活かしたい意思がとても伝わってきます。 画像などの視界に入ってくる他の邪魔物をなるべく排除して、言葉をじっくりと読んでほしい、というデザインですね。
View ArticleClik here to view.
カラフルでジャンルの集結を表現
左上のカラフルなロゴ、太陽のようでいて、真ん中に星が描かれていて…。 様々な色が交わっているところがオリンピックを思わせてくれます。 カラフルな要素ひとつひとつに注目してみると、音符になっているではありませんか。 カラフルにしていることによって、まさに「Sound Olympic」のように、 いろいろなジャンルの音楽が集まってくる、オリンピックの雰囲気が伝わってきますね。
View ArticleClik here to view.
グラデーションの線効果
ページ下部のグローバルメニューのさらに下の部分。 線のようにグラデーションが施されています。 また、その上のメインの白背景部分のボックスは、横に伸びるワイン色の帯状の背景部分に はみ出し、前に重なっているようにデザインされています。 このデザインと、グラデーションといった少しあいまいな線を入れることで 画像のメインコンテンツ部分とグローバルメニューの部分が一つの枠組として、...
View ArticleClik here to view.
グニっと変形は矢印？
左上ロゴのさらに左のところ。 白色の背景がグニっと変形していて、その下の緑色がのぞいています。 アクセントとしてデザインしただけなのかもしれませんが、 なんだか、ロゴ部分を三角形の矢印で指し示しているかのように見えてきます。 「このロゴの商品のことについてのページですよー。」というように。
View ArticleClik here to view.
連動して動く
商品ラインアップのページ。 ディスプレイに並んでいるようなデザインで、お店で商品を選ぶときのようにワクワクしてきます。 各商品をマウスオーバーすると、マウスオーバーしている商品と同じ種類の商品たちも 連動して順番にピョンっと飛び上がります。 まるで商品が生きているかのようで、動きもかわいらしく、おもわず他の商品にも注目してしまいますね。
View ArticleClik here to view.
Clik here to view.
地味で暗いから鮮やか！！
料理の色彩豊かなこのページ。 カラフルで見ていて楽しいし、何よりすんごく美味しそうです。 それぞれの料理の写真に部分的に四角いエリアが設けられ、そこにお店の名前が記載されています。 その四角いエリア、背景色がなんとも地味で暗い色です。 その地味で暗い色使いが、料理の鮮やかな色合いを引き立てているのかもしれません。
View Article
