トップ >> 2008/10

顔メーカー

■■Bookmark■■ヤンプー

Turn Your Name Into a Face

脳内メーカー的画像生成の遊べるサイト。
名前をドット絵の顔に変えることができます。
何度でも同じ文章は同じ画像になります。
顔が変わってるのもおもしろいですね。
ネットゲームのキャラクターっを作るときに、この方法でできあがるようなゲームがあると、趣味に偏らない、個性溢れるゲームができそうですね。参考になります('u')

ランダムロード

■■Bookmark■flash■photograph■■ヤンプー

phollage フォ・ラージュ

フォトグラファーのポートフォリオでしょうか。
サムネイルがばーーっと並んでます。ブラウザのサイズにもよると思いますが、1ページに大量に200以上並んでます。ひとつ読み込みが終わったら次…読み込み終わったら次…の繰り返し。しかも順番がバラバラです。こんだけ綺麗な作品がたくさんあったら並べるのが爽快ですね。

おしゃれと女性をカレンダーに

■■Bookmark■flash■blog tool■■ヤンプー

美女暦(BIJO ごよみ)

カレンダー型ナビゲーションをメインにした取材コンテンツ。
1日一人、いろんなカフェや美容院のお店の美人スタッフにインタビュー。
お店のブックマークアーカイブになっています。

 

081030bijyoreki01.jpg

写真がきれい。
毎日更新って…世の中お店も綺麗な人もたくさんいるんですねー。

シンプルデザイン

■■Bookmark■flash■■ヤンプー

アトリエm4

MovableTypeでつくられらた家具工房のサイト。
老舗のようです。
シンプルで、熟練さがでていてまとまっているサイトですよね。
galleryなどクライアントが更新しているのでしょうか。
正方形のサムネイルとかトリミング位置もばらばらです。
トリミングできる更新の仕組みが導入されてるのだろうか?ちょっときになりました。

大量のカードデザインをサクサク閲覧する

■■Bookmark■flash■■ヤンプー

EPOS

ものすごく動きに負荷がないです。AS3でしょうね。
実際に100種のデザインがあるようで、選んで申し込めるようですね。

3Dテクスチャーフェイスと口の動き

■■Bookmark■flash■■ヤンプー

THE SHAKA v1.0 sonicjam Inc.

こちら。ウェブ制作のかたわら、Flashでの3Dをオリジナルエンジンを作っていろいろ研究しているみたいです。
かなりすごい技術がいろいろ研究されているようです。
その実験結果としてのスペシャルコンテンツのひとつがこちら。
最初四角のテクスチャーが次第に顔の輪郭に変化していきます。
マウスのいちで顔の角度が変化するのでインタラクティブ性もあります。なのでただのアニメーションではないですね。
社歌をつくったというストーリのようですが、音声によって口パクが自動で変化する仕組みの実験のようです。
音声から文字へ変換するAPIがあるんですねー。

リアルタイムしりとりコミュニケーション

■■Bookmark■flash■blog tool■■ヤンプー

みんなでしりとりするサイトです。味付けが上手!
しりとりなんてブログのコメントでもつくれちゃいますが、
こちらのサイトプラスαなしっかりし要素がちりばめられています。

リアルタイムにサイトに参加しているユーザーが画面に反映!
だれがみても、参加してる人たちの量とかしりとりで繋がっていく様子が、滑らかな動きでながめることができます。シンプルな脱力系のキャラクターがお酌を交わしてしりとりしていく様子がとてもかわいいですよね。
システム的にはもっとさくさく入力していけるはずですが、このサイトでは時間がゆっくり流れるように感じます。アニメーションの力ですね。
いつみても10人くらいは参加しているようで、かなりはやっているようです。
順番待ちにすることで、サイトを今見ている人がたくさんいることを感じ取れたりしてコミュニケーションしてる!ってちゃんと思えれる企画です。

隣接コンテンツきにならせる仕組み

■■Bookmark■flash■blog tool■■ヤンプー


アセロラドリンク。ブランドチェンジのようです。
横長で、ナビをくりっくすると、選んだコンテンツがふんわり移動してくる。
「恋」がキーワードのようですね。
CMやポスターが欧州風でおしゃれです。
グラフィックデザインのレベルが高くて、それをうまくフラッシュに組み込んでいる感じ。


コミュニティコンテンツとして、格言が投稿できるようコンテンツが用意してあるようです。
62種の格言があってそれらを閲覧できます。それぞれ62種の写真とコピーがあるわけですね。
たくさん格言を募集して、いい格言はそのままパッケージなどでつかわれるそうです。
使うほうも使われるほうもハッピーでいいマッチングですね。

アセロラ=恋というアイデアがすごいですね。
アセロラ→ブラジル→オープンな恋。と落としこんで。
恋やブラジルからアセロラが連想されちゃうような広告企画のようです。
日本のセンスじゃないですね。おしゃれです…。

サムネからズームがスムーズ

■■Bookmark■flash■■ヤンプー

BLACKOPERATOR

ファッションブランドのサイトのようです。
モデルが商品を着ている写真を見せるだけ。シンプルです。コンテンツボリュームもそれほどないサイトですが、サムネイルをクリックすると画面いっぱいになります。


画面いっぱいにすると、上下が見えなくなりますが、マウスを上下するとスクロールができるようになります。サムネイルが一杯並んだ状態から一枚の写真を詳しく見れる状態までの切り替えがスムーズです。

サムネイルの操作感がおもしろい

■■Bookmark■flash■photograph■■ヤンプー

Photographer 筒井義昭 Tsutsui, Yoshiaki

写真家のポートフォリオサイト。
フォントもかっこいいです。
カテゴリを選ぶと、サムネイルをだすことができるんですが…


並んだサムネイルひとつにマウスを持っていくと、ちょっとだけズームしていろんなトリミングで見ることができます。
シンプルなサイトだけに、こういうギミックが光って見えますね。

会社の方向性を伝えるサイト

■■Bookmark■flash■■ヤンプー

hakuhodo brand design

博報堂の自社PRサイトでしょうか?ブランドを作る会社のブランドを見せるサイトですね。
リクルートサイトのようなつくりですが、その先の導線がないので、入社希望者、社内スタッフ、クライアント、ブレーンスタッフへ向けた、会社の考えかたを伝えるためのサイトなんでしょうか。3つのカードをドラッグして、ひとつのイメージにしてキャッチコピーで伝えるインタラクティブコンテンツのようです。


ひとつのカードどとに、左に来た場合・真ん中に来た場合・右に来た場合のワードを定義しておいて文章をくみたてているようです。占いみたいで楽しいですね。


カードのマウスオーバーアクションが凝っています。
マウスがふれたときのマウスの移動角度から、4つ角のどこがめくれるかを変化させているようです。
こまかいですねー。

HTMLっぽいけどフラッシュにするメリット

■■Bookmark■flash■■ヤンプー

ブルースタジオ:blue studio

家づくりの会社のサイトのようです。
キャッチをみて、最初の印象はいろいろインテリア家具とか作る会社?って印象でしたが。
よくみてみると、新築・売買物件・賃貸物件ってなってました。家作りの会社なんですね。
HTMLみたいなつくりのサイトですが、フルフラッシュ。
サービス紹介コンテンツなんかはフラッシュじゃなくてもイイっぽいつくりですが、シンプルなサイトだけあって、フラッシュにすることで軽快に閲覧できるようになってますね。
メインの「作る・買う・借りる」のコンテンツは、検索機能が充実いています。こっちはフラッシュで作ることで画面いっぱいサムネイルが並び、画面幅に合わせてテーブル方の並び列の数を自動判断して調整しています。絞込みをした際の切り替わり方も軽快。


リビング・キッチン・バスのサムネイル切り替えがかなり便利です。
参考になります('u')

BGMがカッコイイ!

■■Bookmark■flash■■ヤンプー

RaNa extractive, inc.

実績のスクロールの操作感があたらしいです。
センスが必要な実績をたくさんこなしている会社さんのようです。

ハイクオリティーなポートフォリオ

■■Bookmark■graphical■■ヤンプー

Working Empire ©2008

名刺とかシンプルでオシャレ('u')

ハートがナビ

■■Bookmark■flash■■ヤンプー

British Heart Foundation - Annual Review 2008

ハートをかたどったタイポグラフィーがナビゲーションになっています。
コンテンツは深くないようですが、おもしろいです。

FICCの良いウェブサイトアーカイブ

■■Bookmark■design archive■■ヤンプー

AnotherBookmark™

かっちりしたふつうのデザインアーカイブサイトかと思ったら、フルフラッシュのサイトでした。
ブログパーツがカッコイイ。

食材や調理法をアーカイブ化した料理サイト

■■Bookmark■■ヤンプー

Kusudama

料理のサイト。パスタをゆでているかなにか、ぐつぐつしたイメージをバックグラウンド映像にした、オシャレインパクト系のフルフラッシュサイト。料理サイトの場合使いやすさ探しやすさを考えると、やっぱりCMSでフラッシュを使わないほうが無難なきがしますが、イメージ先行のサイトのようです。このぐつぐつ映像は料理が好きな人にはけっこういい効果じゃないかなと思います。料理をしていて幸せに感じるヒトコマをうまくトリミングした映像なのではないでしょうか。
肉・野菜・ごはんなどの食材。和食・中華などのジャンル。焼く・煮る・揚げるなどの調理法。いろんな角度からレシピを探すことができます。さらに、旬の食材から選ぶ場合、もっと細かい食材を選び、その食材が使われているレシピを探すことができます。


最新レシピは自動スクロール型で見せているようです。今晩どうしようか考えてる間、操作せずに眺めてておけるのがいいのかもしれませんね。


細かいカテゴリからレシピを選ぶ画面。
白抜きのレシピタイトルと同じサイズにトリミングしたサムネイルを並べた構成になっています。
レシピのタイトルって結構タイトルだけで内容がわかるので、インデックス画面は作りやすそう。


細かいカテゴリからレシピを選ぶ画面には、他にも写真を大きくして見せたり、カテゴリなどを一覧で見れるように表にして見れたりするようです。表はソートができるので実用的です。


旬の食材からレシピを選ぶ画面。食材の旬の月データ化されてそうです。


読みものコンテンツもあり、レシピ以外のコンテンツも充実していこうとしているようです。

ロゴ作りの参考に

■■Bookmark■graphical■■ヤンプー

30 Brilliant Vector Logo Designs, Deconstructed - VECTORTUTS

バランスがとてもいいマイナーなロゴデザインがけっこうあったので、めも。

背景がグラフィカルでフル動画

■■Bookmark■flash■graphical■■ヤンプー

Sixstation Workshop

墨を水にたらして、水の中に広がっていく様子を撮影した動画が、サイト全体のイメージとしてバックグラウンドで再生されています。背景との間にドットをしくことで、前面においてある文字が見えやすいようになっているみたいです。


カッコイイ実績も沢山あるみたいです。