顔メーカー
■■Bookmark:■■ヤンプー
Turn Your Name Into a Face
脳内メーカー的画像生成の遊べるサイト。
名前をドット絵の顔に変えることができます。
何度でも同じ文章は同じ画像になります。
顔が変わってるのもおもしろいですね。
ネットゲームのキャラクターっを作るときに、この方法でできあがるようなゲームがあると、趣味に偏らない、個性溢れるゲームができそうですね。参考になります('u')
トップ >> 2008/10
Turn Your Name Into a Face
脳内メーカー的画像生成の遊べるサイト。
名前をドット絵の顔に変えることができます。
何度でも同じ文章は同じ画像になります。
顔が変わってるのもおもしろいですね。
ネットゲームのキャラクターっを作るときに、この方法でできあがるようなゲームがあると、趣味に偏らない、個性溢れるゲームができそうですね。参考になります('u')
phollage フォ・ラージュ
フォトグラファーのポートフォリオでしょうか。
サムネイルがばーーっと並んでます。ブラウザのサイズにもよると思いますが、1ページに大量に200以上並んでます。ひとつ読み込みが終わったら次…読み込み終わったら次…の繰り返し。しかも順番がバラバラです。こんだけ綺麗な作品がたくさんあったら並べるのが爽快ですね。
美女暦(BIJO ごよみ)
カレンダー型ナビゲーションをメインにした取材コンテンツ。
1日一人、いろんなカフェや美容院のお店の美人スタッフにインタビュー。
お店のブックマークアーカイブになっています。

写真がきれい。
毎日更新って…世の中お店も綺麗な人もたくさんいるんですねー。
アトリエm4
MovableTypeでつくられらた家具工房のサイト。
老舗のようです。
シンプルで、熟練さがでていてまとまっているサイトですよね。
galleryなどクライアントが更新しているのでしょうか。
正方形のサムネイルとかトリミング位置もばらばらです。
トリミングできる更新の仕組みが導入されてるのだろうか?ちょっときになりました。
EPOS
ものすごく動きに負荷がないです。AS3でしょうね。
実際に100種のデザインがあるようで、選んで申し込めるようですね。
THE SHAKA v1.0 sonicjam Inc.
こちら。ウェブ制作のかたわら、Flashでの3Dをオリジナルエンジンを作っていろいろ研究しているみたいです。
かなりすごい技術がいろいろ研究されているようです。
その実験結果としてのスペシャルコンテンツのひとつがこちら。
最初四角のテクスチャーが次第に顔の輪郭に変化していきます。
マウスのいちで顔の角度が変化するのでインタラクティブ性もあります。なのでただのアニメーションではないですね。
社歌をつくったというストーリのようですが、音声によって口パクが自動で変化する仕組みの実験のようです。
音声から文字へ変換するAPIがあるんですねー。
みんなでしりとりするサイトです。味付けが上手!
しりとりなんてブログのコメントでもつくれちゃいますが、
こちらのサイトプラスαなしっかりし要素がちりばめられています。
リアルタイムにサイトに参加しているユーザーが画面に反映!
だれがみても、参加してる人たちの量とかしりとりで繋がっていく様子が、滑らかな動きでながめることができます。シンプルな脱力系のキャラクターがお酌を交わしてしりとりしていく様子がとてもかわいいですよね。
システム的にはもっとさくさく入力していけるはずですが、このサイトでは時間がゆっくり流れるように感じます。アニメーションの力ですね。
いつみても10人くらいは参加しているようで、かなりはやっているようです。
順番待ちにすることで、サイトを今見ている人がたくさんいることを感じ取れたりしてコミュニケーションしてる!ってちゃんと思えれる企画です。

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

コミュニティコンテンツとして、格言が投稿できるようコンテンツが用意してあるようです。
62種の格言があってそれらを閲覧できます。それぞれ62種の写真とコピーがあるわけですね。
たくさん格言を募集して、いい格言はそのままパッケージなどでつかわれるそうです。
使うほうも使われるほうもハッピーでいいマッチングですね。
アセロラ=恋というアイデアがすごいですね。
アセロラ→ブラジル→オープンな恋。と落としこんで。
恋やブラジルからアセロラが連想されちゃうような広告企画のようです。
日本のセンスじゃないですね。おしゃれです…。
BLACKOPERATOR
ファッションブランドのサイトのようです。
モデルが商品を着ている写真を見せるだけ。シンプルです。コンテンツボリュームもそれほどないサイトですが、サムネイルをクリックすると画面いっぱいになります。

画面いっぱいにすると、上下が見えなくなりますが、マウスを上下するとスクロールができるようになります。サムネイルが一杯並んだ状態から一枚の写真を詳しく見れる状態までの切り替えがスムーズです。
Photographer 筒井義昭 Tsutsui, Yoshiaki
写真家のポートフォリオサイト。
フォントもかっこいいです。
カテゴリを選ぶと、サムネイルをだすことができるんですが…

並んだサムネイルひとつにマウスを持っていくと、ちょっとだけズームしていろんなトリミングで見ることができます。
シンプルなサイトだけに、こういうギミックが光って見えますね。
hakuhodo brand design
博報堂の自社PRサイトでしょうか?ブランドを作る会社のブランドを見せるサイトですね。
リクルートサイトのようなつくりですが、その先の導線がないので、入社希望者、社内スタッフ、クライアント、ブレーンスタッフへ向けた、会社の考えかたを伝えるためのサイトなんでしょうか。3つのカードをドラッグして、ひとつのイメージにしてキャッチコピーで伝えるインタラクティブコンテンツのようです。

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

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

リビング・キッチン・バスのサムネイル切り替えがかなり便利です。
参考になります('u')
RaNa extractive, inc.
実績のスクロールの操作感があたらしいです。
センスが必要な実績をたくさんこなしている会社さんのようです。
British Heart Foundation - Annual Review 2008
ハートをかたどったタイポグラフィーがナビゲーションになっています。
コンテンツは深くないようですが、おもしろいです。
AnotherBookmark™
かっちりしたふつうのデザインアーカイブサイトかと思ったら、フルフラッシュのサイトでした。
ブログパーツがカッコイイ。
Kusudama
料理のサイト。パスタをゆでているかなにか、ぐつぐつしたイメージをバックグラウンド映像にした、オシャレインパクト系のフルフラッシュサイト。料理サイトの場合使いやすさ探しやすさを考えると、やっぱりCMSでフラッシュを使わないほうが無難なきがしますが、イメージ先行のサイトのようです。このぐつぐつ映像は料理が好きな人にはけっこういい効果じゃないかなと思います。料理をしていて幸せに感じるヒトコマをうまくトリミングした映像なのではないでしょうか。
肉・野菜・ごはんなどの食材。和食・中華などのジャンル。焼く・煮る・揚げるなどの調理法。いろんな角度からレシピを探すことができます。さらに、旬の食材から選ぶ場合、もっと細かい食材を選び、その食材が使われているレシピを探すことができます。

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

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

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

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

読みものコンテンツもあり、レシピ以外のコンテンツも充実していこうとしているようです。
30 Brilliant Vector Logo Designs, Deconstructed - VECTORTUTS
バランスがとてもいいマイナーなロゴデザインがけっこうあったので、めも。
Sixstation Workshop
墨を水にたらして、水の中に広がっていく様子を撮影した動画が、サイト全体のイメージとしてバックグラウンドで再生されています。背景との間にドットをしくことで、前面においてある文字が見えやすいようになっているみたいです。

カッコイイ実績も沢山あるみたいです。
| SUN | MON | TUE | WED | THU | FRI | SAT |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 |