2009-08-11 移転しました
2009-04-22
Carousel : A Cinema 21:9 Production
http://www.cinema.philips.com/?ls=gb_en
トールさんに教えてもらった映像、
こちらが本来の公開サイトっぽいですね。
映像も素晴らしすぎるんですが、
映像の合間に動的にメイキングが見れて、
まさしく映像とウェブ（インタラクティブ性？）の融合だと思います。
映像繋がりで、
こちらの映像もかなり面白い。
2009-04-14
blaubo design
シンプルなインターフェースが好印象です。
技術的な面からも、
flashを用いずに、javascriptで制御しているので、
flashプレイヤーを必要とせず、またhtmlと同じスピード感で扱えます。
マウススクロールにも対応し、
俯瞰的にサイト全体を見渡せるというのは、
けっこう新しい体験ではないでしょうか。
技術＋デザインが高い次元で融合しています。
2009-04-09
NEW LIGHT, NEW LIFE.
http://jp.futureishere.biz/newlight/
これはかなりかっこいい。
堅い説明になりがちな、LED照明の説明を、
しっかりテキストを見せつつも、
必要最小の演出で、キレイに見せています。
まず目につくのが、LED照明の特性（曲がる、薄い）を体現した、
３Dのインターフェースです。
さらに動きも過度な演出を抑えてみせてくれています。
うごきの１つ１つが凝っていて、
見ていて楽しくなります。
動きそのものに意味があると、
そのサイト全体の説得力も上がる気がします。
SE、BGMも近未来的な雰囲気をだしつつ、
違和感がなく、音と動きの連動がすごく気持ちいい。
こういうウェブを作ってみたい！
2009-04-03
UNIQLO INTRODUCTION
http://www.uniqlo.com/jp/introduction/
グリッドの中に、様々なサイズの画像を並べていく、
ユニクロのカタログ？サイト。
Metaphorさんの制作のようです。
並べていく手法自体はツリーマップというのですが、
カタログとツリーマップを組み合わせた上で、
動的に見せていくのが新しいですね。
ただのカタログサイトにはならず、
ユーザーもぼーっと眺めているだけで、
自動的に商品を閲覧できる。
しかも、ちょっとしたモーションが付けられているおかげで、
単調にならないので、この見せ方はすごく面白いと思います。
Adobe Records
http://www.adobe-records.com/index.html
このサイト自体、そんなにボリュームがあるわけではないですが、
CDをクリックした後、
すぐに下階層のトップに行くのではなく、
全体を一瞬なめて見たあとに、
トップへ飛ぶ事で今から見るコンテンツの全体像が掴みやすい。
そのことで、これから見るコンテンツの容量が見えて、
興味を引く事ができると思います。
また、その全体を見る時間も一瞬だからこそ、
ユーザー側も煩わしさがなく、
すっきり見えていると思います。
音楽も楽しく見える要素の一つですね。
2009-03-27
Pearl Jam Ten Game
http://www.pearljamtengame.com/
3Dパズルを解いていくと、
楽曲が１曲ずつ、聞けるようになります。
バリバリの3Dってだけで、引き込まれるのは、
物珍しさ＋僕がflasherっていうのはあると思います。
このパズルがちょっと良いと思った点は、
実は１列ずつ色分けされている、ということが、
進めていくと自然に理解できて、
それを発見すると、パズルを解くのが容易にできるようになる点です。
おそらくこの絵図でパズルヲすると、同じピースが出てきて、
納得できない感じになってしまいがちですが、
色があることで、不条理なく解く事ができます。
2009-03-25
2009-03-19
4D2U Project Website
http://4d2u.nao.ac.jp/top.html
先日行った、DeskTopLive.asで発表していた、
小坂さん（http://www.jun.com/）という方が作ったサイト。
ベクターで作られた３Dの空間を、
デスクトップから銀河の果てまで一瞬のうちに旅することができます。
パワーズ・オブ・テンを思わせる、そのダイナミックな動きは、
それだけでユーザーを惹き付けるのに充分な魅力を持っています。
また、下部のタブから指定した場所にすぐに移動する事ができ、
たとえ移動中でも構わずに途中から操作を変更できるという点は、
ユーザーにストレスを与えない快適な動作を実現していると思います。
技術的な話をすると、線画とは言え、こういった３Dのコンテンツを、
すいすいと動かしてしまう事自体（しかもまだ３Dライブラリもない時代に！）
ものすごい事なのです。
技術とデザインは実は密接に関係していますが、
2009-03-11
Kenjiro Harigai
http://www.kenjiroharigai.com/
まず画面全体を埋め尽くす作品の物量と、
華やかさで圧倒される。
何回かロードしたが、同じ画像が同じ場所にくるということは、
ランダムで配置しているわけではないっぽい。
単純にカラフルなものがたくさん並んでいると楽しい。
その作品画像も左上から徐々にマスクが解除されていく形で、
クールなモーショングラフィックスのよう。
作品画像はマウスオーバーで全体が見えるよう、
可視範囲が拡大し、明るくなる。
次に画像をクリックすると、
突然、全ての画像がバラバラと落ちていく。
この演出も画面全体を使った動きで、
ダイナミックに見せつつ、
重力にとらわれて落ちていく様がはかなげ。
作品詳細の部分のナビゲーションも、
大量の情報を見やすいように、サムネイルとマウスオーバーの関係性も、
整理されている。
マウスオーバー時に、可視範囲が移動し、小さなサムネイルの中で、
スクロールする様は触っているだけで楽しくなる。
こうしたモーションが秀逸だからこそ、
全体が黒で統一されているサイトでも、
クールすぎない、ポップな雰囲気を出せているのだと思う。
