迫力あるキャラクターたち
昨日紹介したWebサイトのフランス版がこちら。 なんとも!日本版との違いの差がすごいですね! こちらはラグビーのチームの協賛らしく、それを前面に出しているようです。 このページのポイントは、なんといってもキャラクター。 かっこいいんだか、気持ち悪いんだか…(笑)でもインパクトはめちゃくちゃありますよね!...
View Article土エフェクトで臨場感
このページで注目したいのは、左上のロゴ。 NIKEBASEBALLというだけあって、野球を意識したロゴの描写になっています。 ホームベースを連想させる五角形でお馴染みのナイキのロゴを囲っています。 さらに、野球場の土を思わせるようなエフェクトも加わって、 ホームベースがまさに今使われていて、土がかかっているかのように感じられ、より臨場感が出ています。
View Article区切りで臨場感アップ
ヘッダーの大きなイメージ画像からとっても迫力が感じられるこのページ。 しかし、その迫力ある画像を前面に出すのではなく、 その上にコンテンツのボックスがかぶってコンテンツ要素を区切っているかのようなデザインになっています。 ただ、上にかぶっているように見えて、実は背景画像が濃くより鮮明になっているだけのようです。 それによって、風景の一部をカメラのファインダー越しに見ているように感じられ、...
View Articleアナログの雰囲気を大切にする
まるで英字新聞の一面のようです。 特にフッター(と言っていいのか?)部分のTwitterやFacebookへのリンク。 それぞれのWebサービスの雰囲気は出ていませんが、このサイト事態の雰囲気にはとてもマッチして、 このデザインの範囲内で印象を少しずつ変えていることがわかります。 Webサイトでありながら、アナログ感を大切にした遊び心が伝わってきますね。
View Article後押し黒線
ページの多くを占めているメインビジュアルのイメージ。 その下に「線」と言っては太すぎるかもしれないけれど、黒い線が引かれています。 この太い黒線、このページの印象をだいぶ決定づけていると思いませんか? メインビジュアルでも下側のバナーイメージでも、基本的に暗めの写真が使われています。 それに合わせ…いや、合わせるどころかさらに黒の男性的な渋い印象を徹底的に後押ししているようです。...
View Article宝の地図描写でワクワク
このサイトの背景画像、ゴルフコースがまるで宝の地図のような描写の イラストが使われています。 まさにこのサイトの「楽しみながら上達する」がデザインにも活かされていますね。 宝の地図って、やっぱワクワクしちゃいますよね。 内容はしっかりして真面目にビシっときめているからこそ、 遊び心のある背景画像やイラストが軽するようには感じないのかもしれません。
View Article明暗で際立たせる
ページ下部分のところ、車の前面部分の写真がアイコンになっているメニューが並んでいます。 ここ、どれかをマウスオーバーすると、マウスオーバーしたアイコンは明るくなり、 下部分のアイコンは若干暗くなるというか、黒色のフィルターがかかったようになります。 これによって、視線をよりマウスオーバーしたアイコンに向けさせ、他に目がうつらないような効果が生まれるようです。
View Article東と京
ページ左上のロゴ。「東京」という文字をもとにロゴにしているようですが、 なんだか見入ってしまいませんか。 「東京」と書いてあるかと思いきや、「あれ?」と感じさせてくれるロゴです。 「東」と「京」の文字の似通った点をうまく活かして、まるでひとつの文字のようにしてしまっています。 新しい記号のようなのに、不思議と読めてしまうんですね。
View Article半透明のアイコン
右側の飛行機の羽根が写った写真。 写真中央に飛行機のアイコンが配置されています。 写真が暗めの空を中心とした画角になっているため、余計に半透明のアイコンが活きています。 シンプルなシルエットでありつつも、アイコン右下の星のマークがかわいらしさを付け足しています。 かわいらしさとかっこよさが組み合わさった雰囲気が感じられます。
View Article歴史の振り返りも車に乗って…
左側にある赤色の車。スクロールすると、車が発車するんです。 ページも終わりに近づくと、車がさらに先を走っていって最後には見えなくなります。 歴史を高速にさかのぼっていく感覚を表現しているようです。
View Article
More Pages to Explore .....