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

Image may be NSFW.
Clik here to view.

迫力あるキャラクターたち

昨日紹介したWebサイトのフランス版がこちら。 なんとも!日本版との違いの差がすごいですね! こちらはラグビーのチームの協賛らしく、それを前面に出しているようです。 このページのポイントは、なんといってもキャラクター。 かっこいいんだか、気持ち悪いんだか…(笑)でもインパクトはめちゃくちゃありますよね!...

View Article



Image may be NSFW.
Clik here to view.

土エフェクトで臨場感

このページで注目したいのは、左上のロゴ。 NIKEBASEBALLというだけあって、野球を意識したロゴの描写になっています。 ホームベースを連想させる五角形でお馴染みのナイキのロゴを囲っています。 さらに、野球場の土を思わせるようなエフェクトも加わって、 ホームベースがまさに今使われていて、土がかかっているかのように感じられ、より臨場感が出ています。

View Article

Image may be NSFW.
Clik here to view.

区切りで臨場感アップ

ヘッダーの大きなイメージ画像からとっても迫力が感じられるこのページ。 しかし、その迫力ある画像を前面に出すのではなく、 その上にコンテンツのボックスがかぶってコンテンツ要素を区切っているかのようなデザインになっています。 ただ、上にかぶっているように見えて、実は背景画像が濃くより鮮明になっているだけのようです。 それによって、風景の一部をカメラのファインダー越しに見ているように感じられ、...

View Article

Image may be NSFW.
Clik here to view.

アナログの雰囲気を大切にする

まるで英字新聞の一面のようです。 特にフッター(と言っていいのか?)部分のTwitterやFacebookへのリンク。 それぞれのWebサービスの雰囲気は出ていませんが、このサイト事態の雰囲気にはとてもマッチして、 このデザインの範囲内で印象を少しずつ変えていることがわかります。 Webサイトでありながら、アナログ感を大切にした遊び心が伝わってきますね。

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.

明暗で際立たせる

ページ下部分のところ、車の前面部分の写真がアイコンになっているメニューが並んでいます。 ここ、どれかをマウスオーバーすると、マウスオーバーしたアイコンは明るくなり、 下部分のアイコンは若干暗くなるというか、黒色のフィルターがかかったようになります。 これによって、視線をよりマウスオーバーしたアイコンに向けさせ、他に目がうつらないような効果が生まれるようです。

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.

歴史の振り返りも車に乗って…

左側にある赤色の車。スクロールすると、車が発車するんです。 ページも終わりに近づくと、車がさらに先を走っていって最後には見えなくなります。 歴史を高速にさかのぼっていく感覚を表現しているようです。

View Article
Browsing latest articles
Browse All 10 View Live




Latest Images