Interface
http://kurelife.jp/ これはヤバい。 イメージソースの知り合いが関わってるみたいなんですが、 動画をつなげてクレラップのCMを作っちゃおう、というサイト。 それだけなら今までもいくつかあったのですが、 一番驚いたのは動画の最後に、 自分の好きな言葉…
http://www.moma.org/exhibitions/2008/elasticmind/ MoMAの企画展サイト。 中村勇吾さんの会社で作っています。 文章を選ぶと作品同士のつながりが線で結ばれて可視化されます。 システム＋ビジュアルとして、 とてもthaっぽいサイトだと思います。 見せ方…
http://www.suit-men.com/ 背景のダイナミックな動きに目を奪われます。 実は背景の円は、現在このページへアクセスしている人たちの、 現在地を示しているのです。 ビジュアル＋モーション＋情報 一見なにげないビジュアルですが、 バックに密かに情報と密…
http://www.oamos.com/ 百式からですが、 ウェブ上の画像とか、動画とか音楽とかを、 ごちゃまぜで検索してくれるサイト。 適当に言葉を入れると検索してくれます。 検索結果が非常にカオスって表示されています。 こういうウェブの持ち味、カオスっぽさ、ご…
http://www.globalincidentmap.com/ 世界でおきているテロ事件をリアルタイムにマッピングしていくツール。 すごいのはこれを普通の人が作ったところ。 911で衝撃を受け、自分になにかできないかと、 これを作ったそうです。 今度、MoMA（ニューヨーク近代美…
http://www.louisvuitton.com/ ヤスさん大好きヴィトンのウェブサイト。 日本語を選択して→ゴルバチョフとめぐるモスクワの旅、を見てみてください。 さらに「ゴルバチョフとめぐるモスクワの旅」を選択すると、 写真のスライドショー一覧が出てきます。 ス…
http://www.anotherbookmark.com/
http://tenbyten.org/世界のニュースサイトのRSSから，最も重要な100の言葉を自動的に選び，それに関連したイメージを，リアルタイムに10×10のグリッド上に配置して一覧できる作品．（引用ここまで） 膨大な情報の中から、ロジックを用いて重要な言葉を自動…
http://www.nekogames.com/ 僕が大学生のころハマってたサイト。 shockwaveが入ってないとできないゲームが多いのですが、 原則クリック一つでできるゲームを作っていて、 いつもいつもそのアイデアに驚かされました。 クリック一つだけでこんなに色んなアク…
http://www.baqueratta.com/ 建築設計事務所バケラッタ建築事務所なのに、家を壊してしまうというコンテンツ。 そもそも社名からふざけた（面白そうな）雰囲気がプンプンします。 ついつい色んな乗り物を使いたくなるのもキーポイント。 あと、物件の写真に…
http://www.d-o-e-s.com/collection/cyborg/ 飛び出す絵本式のインタラクションが、 物体感をもって表現されていて、 色んな所を触ってみたくなります。 物体感、現実感に説得力をもたせることによって、 ユーザに発見する楽しさを見つけさせていると思いま…
http://www.smashingmagazine.com/2008/01/14/monday-inspiration-data-visualization-and-infographics/ ちょっと見つけたので。 データをグラフィック的に表現するサンプルが載っています。 難しいものを面白そうに見えるようにするのは、 非常に興味深い…
http://spaceinfo.jaxa.jp/ 宇宙情報センターのウェブ 情報ごとのリンクが縦横無尽に張り巡らされているので、 それぞれの関係性がわかりやすいです。 見た目というより、構造が面白いウェブ
http://www.hanneswettstein.com/ 超シンプルな感じなのに、 オシャレな雰囲気のあるサイト。 見せ方もシンプルで落ち着きがあります。 仕組みも見え方もかっっこいい。
http://sango.goo.ne.jp/ gooホームプロジェクト。 ログイン登録しないと、制作できないのですが、 珊瑚のインターフェースが面白くて、見てるだけでもいい感じです。自分が将来何がしたいかは、最近自問自答しているのですが、 ネット＋現実につながるコミ…
http://www.dentsutec.co.jp/techp/recruit/katachi/index.html みなさんご存知の電通テックの採用サイト。 なかなかオシャレです。 学生さんなんか、これ見てすごくわくわくしちゃうんじゃないかと思います。 社内でつくってるのかな？
http://cycle.free.fr/ ことばで説明しづらいんですが、かっこいい！ モーショングラフィックというか、 たまにこういう自由な表現がしたくなります。
http://www.haunchofvenison.com/en/ フラッシュサイトですが、 きれいに整理されてて、文句ないです。 おそらく読み込みデータも外で管理し、 更新も簡単に行えるようになっているはず。 ページ間の移動も滑らかで凝っていて、 なおかつflashページなのに移…
http://newsmap.blogspot.com/2007/11/help-me-save-newsmap.html リンク先の画像を見てもらうと表示されてますが、 Newsmapという作品で、そろえぞれ表示している四角の大きさで、 そのニュース記事がネット上でどれくらい扱われているかを、 視覚的に表現…
http://direct.motorola.com/hellomoto/razr2/razr2makingof/ 海外のモトローラのサイト ミシェルゴンドリーがプロデュースしていて、 サイトの見せ方としても面白いです。 最近は、マウスで動かせる快適な３D空間の見渡し方みたいな表現方法が いくつか出て…
http://www.walkman.sony.co.jp/advertising/ad_walkman.html 音楽はノイズ系ぽかったり、パフォーマンスですが、 やっていることはすごくロックで、先進的で、先鋭的だと思います。 新しい技術を使って、新しい表現をするということは、 ともするとすぐに陳…
http://www.colorhunter.com/ 配色の参考にできるウェブ 写真から配色をとってきて、 使えるウェブ。 写真を元にしているので、バランスの取れた配色が考えられると思います。 こういうのを見ながら配色バランスを考えるのもいいかもしれません。
http://amaznode.fladdict.net/about_ja.html アマゾンの買い物で、一つの商品から、 関連したおススメ商品とかでてくると思うのですが、 それをグラフとして可視化できるサイト。 テキストベースのウェブを、 わかりやすいようにグラフ化するのも、 デザイ…
http://sodaplay.com/play ソーダプレイ 昔から有名なキネティックプログラミング？のサイト。 ログインすると、自分で好きな形を作って、 重力、振動、固さなどを好きにいじって遊べます。 人が作ったのを触るのはログインしなくても可能。
http://glaceau.com/ 飲料水のサイト。 インターフェースが細かい所まで水をモチーフに作られていて、 表現として非常に統一がとれてます。 シンプルに１方向に表現することは簡単そうに見えて実は難しいものなので、 見習いたいです。
http://www.great-inter.com/ 目がチカチカ。 仕事はficc!http://www.ficc.jp/
http://lab.mathieu-badimon.com/ 海外でも有名なサイト。 flashを使って物理演算を行い、 ３D表現されていて、僕も作りたい！と思わせます。 ２Dにはない立体感とflashのノッペリ感が合わさっている感覚は、 まだまだこれから研究の余地ありだと思います！
http://www.hbovoyeur.com/ こちらはものすごいクオリティのドラマ？サイトです。 発想自体は群像劇をインタラクティブに見せるという基本的なところですが、 それをストレートに恐らく大金を掛けてつくってて驚かされます。
http://www.dark-i.com/archive.aspx 色べつにサイトを検索できます。 使われている色を複数選べます． 英語ですが。
http://www.jeep-japan.com/patriot/special/ ジープのサイト。 デザインもスッキしていてかっこいいです。
