Quantcast
Channel: Web-DAYsign --毎日語るWebデザイン事例-- »ポップ
Browsing latest articles
Browse All 10 View Live

Image may be NSFW.
Clik here to view.

整理しつつ拡がる

ななめに傾いた写真が背景に配置されて、ライブの躍動感がまさに感じられます。 その上にはグローバルメニューやバナー、ボックス要素など四角い形状のものがたくさん配置されています。 メインとなる記事が記載されているボックスを中心に、上にはメニュー、右にはスポンサーバナー、 左には特集リンク、下にはビール紹介が整頓されつつ散りばめられていることがわかります。...

View Article



Image may be NSFW.
Clik here to view.

丸窓

ロゴにもメニュー横のアイコンにも多用されている丸。 メインコンテンツの「COORDINATES」のメニューにも使われています。 ページの統一感もとりつつ、丸い窓からまさにモデルさんの顔がのぞいている感じが 楽しい雰囲気を作り出しています。

View Article

Image may be NSFW.
Clik here to view.

赤色で元気な女の子

赤色が印象的なこのページ。 ピンク色も用いて、元気な女の子らしさを感じさせてくれます。 写真にも赤色がところどころポイントに入っていて、統一感があります。 左端のアイコンがちょっと見えにくいですが、かわいいですね。

View Article

Image may be NSFW.
Clik here to view.

重なりタブ

ページ上部のグローバルメニュー。 タブのようなデザインになっていますが、ただ単にタブ風メニューということではないようです。 メニューボタン一つ一つの形が左側の下角は丸くなっているのに比べ、右側は丸くなっておらず、 シャドウを使って、右側のタブが左側のタブに重なっているようにデザインされています。 リアルなタブの質感を感じさせ、重なり部分をペラペラしたくなってきます。

View Article

Image may be NSFW.
Clik here to view.

1種類の線で役割自由変化

3pxほどの線がページ全体のポイントになっているこのページ。 枠になったり仕切りになったり、特定エリアを判別させたりと 線というだけでも、こういった太目の線であれば使い道の幅が広がるようです。 太い線がどこまで太くなれば「線」でなくなるのでしょうか。 こんな疑問もつきつめてみたいですね。

View Article


Image may be NSFW.
Clik here to view.

白文字で邪魔しない

ピンク色がとても印象的なこのページ。 メニュー名もタイトル名もロゴも白色だからかもしれません。 バックが有彩色で白文字だと、文字がバックの色のところをくりぬかれているかのように感じます。 だからこそ、白文字という「足す」というよりも「引く」表現によって、 バックの色合い、今回ではピンク色の邪魔をしていないのですね。

View Article

Image may be NSFW.
Clik here to view.

カジュアルでポワっとアクティブに

原色に近い色合いがところどころアクセントカラーになっているこのサイト。 どれも濃いめの色ですが、全体的にうまくまとまっています。 じーっと見ていると、右上のカテゴリのメニューやメインコンテンツの記事のサムネイル部分が ポワっとアイコンが色濃く浮かび上がり、線もポワっと描かれます。 こんな動きのあるサイトだと、カジュアルな色合な上に、さらに動きのあるアクティブな雰囲気が表現されます。

View Article

Image may be NSFW.
Clik here to view.

歴史溢れるコラージュ風画像

ページ上部のメインビジュアル、50年間の歴史が溢れてくるような画像です。 コラージュっぽいテイストで、ちょこっと散りばめられた黄色や緑色、赤色の ドット柄もおもちゃ箱から中身が飛び出てきたときの感動の雰囲気を盛り上げさせてくれています。

View Article


Image may be NSFW.
Clik here to view.

文字の太さのメリハリ

トップページの真ん中に配置されているキャッチコピーや紹介文の文字。 グローバルメニューの文字。サムネイルのタイトル文字。 2種類の太さの文字を使い分けています。しかも、その太さ・細さの差が激しいです。 やっぱり太い文字に目がすぐにいってしまいますよね。 太さの差やメリハリがあるからこそ、そんなことが実感できるページです。

View Article


Image may be NSFW.
Clik here to view.

クッキングをメインテーマに日本酒へ展開

日本酒を調理用のお酒をテーマに展開しているWebサイトです。 サイトタイトルも「Cooking Magic!」としていて、 「日本酒」という言葉よりも、「クッキング」を全面に出しています。 料理をする女性をターゲットとしていることは、ピンク色をメインカラーとした配色からも一目瞭然。 渋くて、男性っぽい日本酒のイメージを覆すデザインですね。

View Article
Browsing latest articles
Browse All 10 View Live




Latest Images