すき。すき。デザイン!

きになるデザインをたくさんアーカイブ。

FlashBlog+Podcast=「TFM Honda Sweet Mission」

2005年10月27日 01時12分10秒 | プロジェクト
こっ、これは!!おもしろい。。Flashを利用したブログ風(このサイトでは、ブログというキーワードは使っていない)のインターフェイスを利用した、世界のOLたちの情報を紹介していくといったサイトです。情報はテキストと音声で発信されていて、タイムラインナビゲーションで、時間軸を移動しながら再生していき、その時間軸上にあるコメントやトラックバック等も、テキスト情報を自動的にコンピュータボイスで発声する仕掛け。。

それも、性別によって声質も変わる芸の細かさ。。。

デザインはとってもシンプル。。とにかくシンプルなのでほかの事に気をとらわれずにレポート情報に集中できます。。今話題のPodcastにも対応していて、流行の要素を詰め込んだサイトに仕上がっています!

■関連情報
TFM Honda Sweet Mission

制作会社「tha ltd.」
制作会社「. s p f d e s i g n」

FlashBlog>丸型FlashBlog発見!「KOUI.net」

2005年07月12日 00時31分20秒 | プロジェクト
眞鍋会なる記事から、コメントをたどっていくとそこには、おしゃれな丸型FlashBlogがありました!真鍋会がなんか楽しげなオーラをかもし出していたので、ついついにおいにつられてコメントなめまくりました。。そこにはブログ等でお知り合いになった、saunamanさんや、muneさんのコメントもありびっくり!

なにかの縁を感じられずにいられませんでした^ー^。
また、muneさんから6/18にmusic batonをもらっていたにもかかわらず、放置状態・・・。
ご勘弁を。。

と、話が横滑りしましたが、こちらのKOUI.netさんのFlashBlogデザイン好きです!
わたしもこんな円のFlashBlog創りたいんですよねぇー。。
アイデアは考えているんですが、実行できないまま・・・。
カタチにできる方は本当に尊敬してしまいます!

現在更新がフリーズしているようですね。^ー^

■関連情報
KOUI.net
A LOT rakeemさん主催「真鍋会」の記事

FlashBlog>付箋紙型FlashBlog!トラックが走るとこ観てみたい!

2005年06月07日 00時24分33秒 | プロジェクト
二匹狼の遠吠えさんのサイトで展開しているFlashBlogです!付箋紙型のスクウェアに日付とタイトル、コメントおよびトラックバックといった最小限の情報が掲載されていて、クリックすると付箋紙が展開し、コメントが読めるといったインターフェイスです。背景にしかれているカテゴリメニューは、コメントが多いほど大きなフォントサイズで表示されていて、視覚的にどのカテゴリの投稿が多いかがわかるようになっているということです。

付箋紙がドラッグ&ドロップできるといいなと感じました。。
※トラックバックしてみました!トラック走るかな?

■関連情報
二匹狼の遠吠えBlog

Flash>映画作品の相関関係のつながりを視覚的に表現する「MOVIE DB」

2005年05月26日 01時17分02秒 | プロジェクト
関心空間サイト内で、Panasonic VIERA と BRUTUS と 関心空間がコラボして掲載している「MOVIE DB」は、名作映画の相関関係のつながりを線と線で結んで視覚的に表現します。インターフェイスはFlashで構築されていて、つながりを表現する線がうねうねと動いたり、映画作品のサムネイルカードが回転したりと、気持ちのよい動きを体験できます。。

この線のうねうねどうやってるのかなぁ~この表現いいなぁ~。。

■関連情報
MOVIE DB
関心空間

FlashBlog>メッセンジャー機能が付いたFlashBlogリーダー「Gush」

2005年05月25日 06時53分34秒 | プロジェクト
GushはFlashのインターフェイスで作られた、メッセンジャー機能が付いたブログリーダーのようなソフトです。MacOSXのようなすばらしいインターフェイスデザインで、使っていて気持ちが良いです。ただ、使っていくうちに動作が少し遅くなり時があります。結構PCに負担がかかっているようです。非力なマシンだとつらいかもしれません。

また、BloglinesのようにRSSを吐き出しているサイトを登録したり削除したりも出来るので、情報集めだけならブラウザを立ち上げなくても「Gush」を立ち上げるだけで情報収集が可能です!※日本語サイトも登録してみましたがしっかり表示されていました。

背景の壁紙などもカスタマイズできますので、自分の好きな画像ファイルを読み込み表示させることも出来るようです。

■関連情報
2Entwine.com | Gush

FlashBlog>Movable Typeをインストールしてみました!

2005年05月21日 00時43分38秒 | プロジェクト
FlashBlogのテスト用に、自分のPCにウェブサーバのApacheとActivePerlをインストールしてサーバをつくり、Movable Typeをインストールしてみました!!いままで、ブログといったらgooブログくらいしかいじったことなかったので、できることに限りがありましたが、Movable Typeをいれてみてびっくり!!ただのブログツールじゃーないですね!!

なんか、わくわくするほどいろいろできそうなので、楽しくなってきます!
FlashBlogで重要な部分でもある、XMLの吐き出しはどうなってるのかなぁーと思って見てみたら、初エントリーしてみたら、勝手に以下のXMLが自動的に吐き出されてました!!


<rss version="2.0">
<channel>
<title>FlashBlogテスト用</title>
<link>http://localhost/mt/</link>
<description></description>
<language>ja</language>
<copyright>Copyright 2005</copyright>
<lastBuildDate>Sat, 21 May 2005 00:24:42 +0900</lastBuildDate>
<generator>http://www.movabletype.org/?v=3.151-ja</generator>
<docs>http://blogs.law.harvard.edu/tech/rss</docs>

<item>
<title>FlashBlogのテスト用に立ち上げました!</title>
<description>[CDATA[<p>Movable Typeから吐き出されるXMLファイルを、Flashで読み込み表示させる。
まずは、簡単なことからやってみよう!</p>]]</description>
<link>http://localhost/mt/archives/2005/05/flashblog.html</link>
<guid>http://localhost/mt/archives/2005/05/flashblog.html</guid>
<category>FlashBlog</category>
<pubDate>Sat, 21 May 2005 00:24:42 +0900</pubDate>
</item>

</channel>
</rss>


これは、いろいろと楽しめそうです!!

■関連情報
Movable Type
JAPAN APACHE USERS GROUP
ActivePerl

FlashBlog>MT+Flashで構築されたBlog「undefined|blog」発見!

2005年05月16日 23時56分08秒 | プロジェクト
今日たまたま見つけたきれいなデザインのFlashBlogです。月めくりカレンダーのような動きが面白いですね。カテゴリは●のカラーで区別していてマウスを乗せると吹き出しにテキストが表示される形式です。こちらの、サイトはいろいろとプロジェクトを行っていてものすごく参考になります!

ちょくちょくチェックさせていただこうかと思います。

画面キャプチャーの猫や犬たちは、GoPetsのキャラです。。undefinedさんのブログとは関係ありません・・・。結構デスクトップ上で活発に動きまくります・・・だいたい画面上に他国飼い主のペットが2匹ほど遊びに来てますね・・・ペット同士で「IKU」で会話しているのが面白いです。。

ちなみに、わたしのペットは黒猫のジジです・・・

■関連情報
undefined|blog

FlashBlog>Flexの動的生成Flashインターフェイス

2005年05月12日 00時09分49秒 | プロジェクト
macromedia Flexはすばらしい!Flashのインターフェイスを動的に生成するのですが、macromedia独自のmxml(ほぼxml)でそれほど長くないソースで、複雑なグラフを生成されます・・・。

まだまだ、採用されているサイトが少ないのですが、これからこのようなインターフェイスが増えていくのでしょうか。。ページの遷移がなく直感的に操作ができるので、わたし的には好みです。

また、macromediaのFlexのサンプルとして提供されている、FlexStoreは、とても魅力なRIAです。サンプルソースもダウンロードできるので、改造して遊んでいます。。
ただ、やはりJAVAを経験していないと難しいですね・・・

■関連情報
Flex samples Explorer
Flex Dashboard & Product Selector (videos) - merhl.com -

FlashBlog>シンプルデザインのFlashBlog「NMNL BLOGGERS」

2005年05月10日 00時37分30秒 | プロジェクト
NMNLサイトのFlashBlogが公開されたようです。MTをベースにインターフェイスや記事などのすべてをFlashで制作しているようです。主な特徴としては、

・MTをベースにFULL FLASHで実装。
・ベースカラーが10色から選べる!
・しばらく見てると、画面上をNMNL君(仮)が走り回る。
・音声によるコメント入力機能
※blog.tokyoace4.comから引用

フォントも埋め込まれているようで、アンチエイリアスがきいたきれいなフォントで表示されるので、読みやすいです。。また、シンプルなデザインでテキストを中心としているので、コンテンツに集中できるといった感じです。

■関連情報
NMNL BLOGGERS
blog.tokyoace4.com

FlashBlog>Blogレーダーのアイデアを図面化してみました。。

2005年05月03日 00時35分55秒 | プロジェクト
アイデアも出尽くしたようなので、一通りの機能を図面化してみました。手書きで描いたので象形文字のようですが、まだ私の中での抽象的イメージなので、理解できないと思います。。今回、詰め込んでみた機能として以下にあげます。

・レーダー部は、四角で伸縮可能にする。※横軸はカレンダー、縦軸は時間
・RSSを吐き出しているサイトを登録したものだけ、レーダーに表示。
・レーダーには、現在の時間帯が表示される。※上下にスクロールすることで時間の行き来が可能
・入力時に、タイトル、コメント以外に、TAG(分類カテゴリ)、感情設定、信頼性設定、を入力する。※これらは、MTに標準で搭載されていない機能なので別の方法を考えないと・・・
・投稿コメントにメニューを持たせ、情報のソートなどを行えるようにする。 ※例:TAGで「Flash」を選択すると、TAGにFlashと関連付けられている、ほかの投稿記事が吸い寄せられてくる。 ※吸い寄せられたグループに「SBM(ソーシャルブックマーク)」のリンクが表示される
・スパムコメントなどを、攻撃するメニューを設置し、攻撃するごとにそのスパム投稿が透過していく。 ※1回で消えてしまうのは問題あるので、多数決制でみんながスパムと思うものが自然となくなっていく機能をつけたい。

おおまかに、こんな感じですかね。。これ実現できたらおもしろそう! Flashで動きの確認ができる程度のモックアップ版作ってみようかなぁー・・・

■関連情報

コミュニティデータを視覚的に表示する参考サイト
Mmapping the news
a mailing list social visualization
a carnivore client
a snapshot of the global weather
FlickrVerse
MeeyoungKim
castit
NID GALLERY