整理しつつ拡がる
ななめに傾いた写真が背景に配置されて、ライブの躍動感がまさに感じられます。 その上にはグローバルメニューやバナー、ボックス要素など四角い形状のものがたくさん配置されています。 メインとなる記事が記載されているボックスを中心に、上にはメニュー、右にはスポンサーバナー、 左には特集リンク、下にはビール紹介が整頓されつつ散りばめられていることがわかります。...
View Article丸窓
ロゴにもメニュー横のアイコンにも多用されている丸。 メインコンテンツの「COORDINATES」のメニューにも使われています。 ページの統一感もとりつつ、丸い窓からまさにモデルさんの顔がのぞいている感じが 楽しい雰囲気を作り出しています。
View Article赤色で元気な女の子
赤色が印象的なこのページ。 ピンク色も用いて、元気な女の子らしさを感じさせてくれます。 写真にも赤色がところどころポイントに入っていて、統一感があります。 左端のアイコンがちょっと見えにくいですが、かわいいですね。
View Article重なりタブ
ページ上部のグローバルメニュー。 タブのようなデザインになっていますが、ただ単にタブ風メニューということではないようです。 メニューボタン一つ一つの形が左側の下角は丸くなっているのに比べ、右側は丸くなっておらず、 シャドウを使って、右側のタブが左側のタブに重なっているようにデザインされています。 リアルなタブの質感を感じさせ、重なり部分をペラペラしたくなってきます。
View Article1種類の線で役割自由変化
3pxほどの線がページ全体のポイントになっているこのページ。 枠になったり仕切りになったり、特定エリアを判別させたりと 線というだけでも、こういった太目の線であれば使い道の幅が広がるようです。 太い線がどこまで太くなれば「線」でなくなるのでしょうか。 こんな疑問もつきつめてみたいですね。
View Article白文字で邪魔しない
ピンク色がとても印象的なこのページ。 メニュー名もタイトル名もロゴも白色だからかもしれません。 バックが有彩色で白文字だと、文字がバックの色のところをくりぬかれているかのように感じます。 だからこそ、白文字という「足す」というよりも「引く」表現によって、 バックの色合い、今回ではピンク色の邪魔をしていないのですね。
View Articleカジュアルでポワっとアクティブに
原色に近い色合いがところどころアクセントカラーになっているこのサイト。 どれも濃いめの色ですが、全体的にうまくまとまっています。 じーっと見ていると、右上のカテゴリのメニューやメインコンテンツの記事のサムネイル部分が ポワっとアイコンが色濃く浮かび上がり、線もポワっと描かれます。 こんな動きのあるサイトだと、カジュアルな色合な上に、さらに動きのあるアクティブな雰囲気が表現されます。
View Article歴史溢れるコラージュ風画像
ページ上部のメインビジュアル、50年間の歴史が溢れてくるような画像です。 コラージュっぽいテイストで、ちょこっと散りばめられた黄色や緑色、赤色の ドット柄もおもちゃ箱から中身が飛び出てきたときの感動の雰囲気を盛り上げさせてくれています。
View Article文字の太さのメリハリ
トップページの真ん中に配置されているキャッチコピーや紹介文の文字。 グローバルメニューの文字。サムネイルのタイトル文字。 2種類の太さの文字を使い分けています。しかも、その太さ・細さの差が激しいです。 やっぱり太い文字に目がすぐにいってしまいますよね。 太さの差やメリハリがあるからこそ、そんなことが実感できるページです。
View Articleクッキングをメインテーマに日本酒へ展開
日本酒を調理用のお酒をテーマに展開しているWebサイトです。 サイトタイトルも「Cooking Magic!」としていて、 「日本酒」という言葉よりも、「クッキング」を全面に出しています。 料理をする女性をターゲットとしていることは、ピンク色をメインカラーとした配色からも一目瞭然。 渋くて、男性っぽい日本酒のイメージを覆すデザインですね。
View Article
More Pages to Explore .....