POLAR BEAR BLOG

カラー・シソーラス

これは時間つぶしに最適、かつ実用的かも。HP の「カラー・シソーラス」だそうです（via Core 77 Design Blog）：

■ An On-Line Color Thesaurus (Mostly color perception)

シソーラスとは「類義語辞典」のこと。カラー・シソーラスなら「色の類義語辞典」ということですが、百聞は一見にしかず、ですね。

画面下に上のような入力欄があるので、ここに色の名前（英語）を入れて "Submit" ボタンを押します。仮に "blue" と入れて実行すると：

このように synonyms （同義語、というより同系色ですね）を4つ、antonyms （反義語）を4つ表示してくれます。さらに表示された色の名前はクリックできるようになっていて、今度はそれの同義/反義も検索できる、という仕組み。例えば上の"ochre"（黄土色）をクリックすると：

こんな感じ。また気づかれたかと思いますが、16進コードも表示してくれるので、ウェブで再現する場合にも使えます。さらに"widely used"（広く使われている）、"less commonly used"（あまり標準的ではない）などのコメントもありますね。

実はHPは20,000以上の「色の名前」を集めたデータベースを所有していて、この機能はそれに基づいて構築されているとのこと。ちなみに色の名前は"Multi-Lingual Color Naming Experiment"というプロジェクトで現在も収集中とのことです。

これ、ぜひ日本語でも検索できるようにして欲しいなあ。「青」や「赤」といった単純な名前から、思いがけない色を見つけたり、伝統的な色の名前を探したりすることができるでしょう。また当てもなくリンクを辿って、インスピレーションを得るのにも使えるかもれませんね。

ラベルは語る

「説明責任」なんて言葉が普通に使われるぐらい、「語る」ということが重要な時代になっていますが、お酒のラベルまで語り始めたようです：

"Tokyo Midtown DESIGN TOUCH"の展示ブースで見つけた、「語る」ボトルラベル。写真でお分かりだと思いますが、富久錦の日本酒です。

このラベル、北川一成さんによる「富久錦ブランディングデザイン」の作品として展示されていました。キャプションによれば、

富久錦は、手づくりで無添加の純米酒だけを造る小さな酒造です。
ひとつひとつのアイテムに富久錦がこだわる日本酒造りへのおもいをありのままに視覚表現することが課題でした。
ボトルラベルには日本酒造りへのおもいを富久錦の職人に書いていただきました。

とのことです。ラベルに書かれていたのはコピーライターの手によるものではなく、職人さんたちご本人の思いなわけですね。

企業が消費者へと「語りかける」ことが重視される時代となっていますが、いざ店頭に並べられるとそんなメッセージはどこかへ行ってしまい、価格や見栄えだけで選ばれてしまいかねません。ならばラベルで語ってしまえ、というのは、奇抜なだけでなく実用性も兼ねているのかも。

せっかくだから、ラベルだけでなくネットの上でも語られれば……と思っていたら、ちゃんとブログがあるのですね：

■ 富久錦のつれづれ純米日誌

ちょっと普通かな。公式サイトの方が頑張られているようなので、よろしければ覗いてみて下さい。

デザインとブログ

昨日に引き続き、Tokyo Midtown DESIGN TOUCH のカンファレンスに出席しています。今日聴きに来たのは「企業とデザイン」という講義。その感想は後ほどとして、ちょっとだけ気づいたことを。

会場に到着し、いつものようにPCを取り出したら、なんとなく違和感が……そう、PCを広げているのは僕しかいないではありませんか。前から3分の1ぐらいのところに座ったので、もしかしたら僕の後ろにはたくさんいたのかもしれませんが、少なくとも見える範囲でPCを使ってる人はゼロ。皆さんノートを広げられて、熱心にメモを取っていられました。キーを叩く音がうるさく感じないかと、ヒヤヒヤしながら講義を聴いた次第です。

最近こうしたイベントというと、IT系やブロガー向けのものばかりに出席していたので、すっかりPCのある風景が普通になってしまっていました。そうか、これはデザインのイベントだったっけと思い直したのですが、はて。WEBサイトを作る人はウェブ「デザイナー」と呼ばれてるし、昨日の「インタラクションデザイン」という分野だってあります。ITとデザインは非常に親和性が高いはずですから、ブロガーがこうしたイベントに紛れ込んでいたっておかしくないと思うのですが、そこんとこどうなんでしょうか。

そう思い、ちょっとテクノラティで検索してみました。以下のグラフは、"DESIGN TOUCH" もしくは「デザインタッチ」で検索した結果（過去30日間、日本語ブログのみ）です：

うーん、直近になってさすがに数が伸びていますが、平均では1日3件がいいところでしょうか。ちなみにヒットしたエントリ数の合計は71。 東京ミッドタウンあげてのイベントとしては少し寂しいところです。

もちろん有名なデザイナーの方がブログを開設されている例もありますし、デザインをテーマとしたブログが希少な存在というわけではありません。単に「Tokyo Midtown DESIGN TOUCH」がブロガー相手のプロモーションに力を入れなかった結果、とも考えられます。しかし海外では"Design-Feed"（英語のデザイン系ブログを集めたポータルサイト、現在参加ブログ数286）や"The Deck"（デザイン系ブログを対象とした広告ネットワーク）のような例があることを思えば、日本でももうちょっと盛り上がってもおかしくないんじゃないかな、と思います。

もしかしたら、これがよく言われる「これから『アルファブロガー』を目指すのに狙い目の分野」の1つなのかも。まぁアルファブロガーじゃなくてもいいだろって意味で『』を付けましたが、とにかく「デザインの日本語ブログ」をもっと読みたいと思った次第でした。

締めに個人的なオススメを1つだけ：

■ PingMag - 東京発「デザイン＆ものづくり」マガジン

半分リアル、半分バーチャル

まずはこちらのビデオをどうぞ（YouTube のメンテが終わったら、YouTube 版に切り替えます）：

Click To Play

これは Wii で発売される新しいマリオゲームで、ご覧の通り、現実世界でふたりのプレーヤーの間に発生したアクションが、仮想世界にも反映されるようになっています。スゴイですねー。

……というのはウソで、実は東京ミッドタウンで行われている「Tokyo Midtown DESIGN TOUCH」というイベントを覗きに来ています。 詳しくは別のブログで書くつもりなのですが、「デザインの街を体感する5日間」ということで、今日から11月4日（日）までの開催となります。

今日のお目当ては、"DESIGN TOUCH Conference"というセミナーシリーズの一環として行われた「インタラクションデザインを先導するメディアアート」という講義。九州大学大学院芸術工学研究院の富松潔教授らが講師をされ、＜インタラクションデザイン＞＜メディアアート＞という概念の解説と共に、ポストGUIのインタラクションデザインを考えるという内容でした。

で、その中でのヒトコマを撮影したのが冒頭のビデオ。ご覧の通り、コントローラーという入力デバイスを使うのではなく、現実世界でのアクションが仮想世界にも反映されます。と書くと「いまの Wii でも普通に実現してる（コントローラーを振ったり、動かしたりすることで操作できる）じゃん」と言われてしまうので、正確には「現実世界で人間の間に発生したアクションが」という表現になりますが。

ここでのポイントは「学習しなくても使い方が分かる」という点。つまりこれまでなら、「同時にプレイしているプレーヤーのキャラクターを高くジャンプさせるには、十字キーの『上』を押しながらBボタンを叩く」といったような操作方法を学ばなければならなかったのが、「相手のプレーヤーを押す（叩く）」という直感的な操作が可能になっているわけですね。バーチャルのキャラクターは叩けません（タッチスクリーンに表示されているのなら別ですが）ので、実際に叩くのは現実にいるプレーヤーになる、というわけです。

この「学習しなくても使い方が分かる」ということが、富松教授が仰られていた「ポストGUI」のポイントの1つ。そのためにリアルの世界での動き（つまり既に学習済みの動き）がバーチャルの世界に影響を及ぼすという、「ミックスドリアリティ（MR、複合現実感）」が実現されているわけです。「ミックスドリアリティ」のもう1つの例として、ナチュラルマッピングという3次元お絵かきツールが紹介されていたのですが、こちらは現実世界での入力デバイスに装着されたインクボトル（のダミー）の色を変えると、画面上に出力される色も変化するという仕掛けが。これなら、小さな子供でも入力方法を学ばずに遊べますね。

こうした半分リアル、半分バーチャルな世界を構築して、そこでインタラクションを発生させるというアイデアは、既に Wii や iPhone （iPod Touch）、Microsoft Surface などで実現されています。今後は単に触れたり・振ったりという動きを反映するだけでなく、上記のように、リアルな物体の間（ヒト and ヒト、ヒト and モノなど）に発生するインタラクションの取り込みや、リアルとバーチャルがミックスする領域（インクボトルを変えると色が変わる、など）の拡大が行われていくのでしょうね。

ちなみに東京ミッドタウン・デザインハブの中にある、九州大学・芸術工学東京サイトにて、ビデオでご紹介したゲームや他の研究結果の実機を体験できるとのこと。僕が行ったときは残念ながら閉まっていたので、実機は触れられなかったのですが、お時間のある方はぜひどうぞ（研究結果のいくつかは、ソニーで商品化されるそうですよ！）。

160億ピクセルの超高精細版「最後の晩餐」

今夜はもう1つだけネタを。もはや「最近」でもないですが、小説『ダ・ヴィンチ・コード』でも話題になったダヴィンチの傑作「最後の晩餐」が、160億ピクセルという超精細画像で閲覧可能になったというニュース：

■ ダ・ビンチの「最後の晩餐」、デジタル版がネットに （Reuters）

紹介されているのは"Haltadefinizione"というサイト。イタリアのデジタル画像処理会社のサイトで、アクセスするとこんな感じで「最後の晩餐」画像が掲載されています（なぜかBGM付き）：

ご覧の通り、いきなり画像ファイルが「ドン」と置かれているのではなくて、専用のビューワで閲覧することができます。説明不要だと思いますが、真ん中のスライダーで拡大/縮小ができるわけですね。拡大したい部分をクリックするだけでも、どんどん大きくしていくことが可能です。

ちなみに以下は、よく論争になる「ナイフを持つ手」の部分：

当然ですが、もっと手の部分に近寄って、壁のひび割れまで確認することが可能です。実物ではこんな近付くことは不可能ですから、デジタルならではの価値ですね：

 

ロイターの記事では

ネット上に掲載されることで「最後の晩餐」は自宅のパソコンから見られるようになり、芸術愛好家だけでなく、いろいろな解釈を唱える人たちの注目も集めることになりそうだ。

とコメントされていますが、確かにこれで様々な「自己流研究」が進められそうですね。ネットを通じて不特定多数の人々が知恵を出し合うことについては、ビジネスの世界では様々な成功例が出始めているわけですが、美術の世界でも同じようなことが期待できるかもしれません。そのためにも、もっと多くの作品がこうやって公開されるようになって欲しいなぁ。

自分の国旗を創ろう！

週末なので軽いネタで。時間つぶしにちょうどいいネタかも。実際にある国旗をベースに、マッシュアップ（？）して自分だけの国旗がつくれるというサービス（via information aesthetics）：

■ we are multicolored

• where is your home? （あなたの出身国は？）
• what other country has affected you? （他に影響を受けた国は？）
• where have you dreamed of going? （行ってみたい国は？）

の3つの質問に答えると、次のような画面が表示されます。

選択した3つの国（上から「出身国」「影響を受けた国」「行ってみたい国」）の国旗が表示されています。実はこの画像、それぞれのパーツ（日本なら赤丸、アメリカなら赤のストライプと青い四角形、星の集合など）に分解することができて、それぞれドラッグ＆ドロップで中央の白いスペースに並べることができます。右側のメニューには「回転させる」「手前/奥に移動する」などお馴染みの機能があるので、あとはこれを駆使して自分の国旗をデザインすればOK。ちなみに僕が創ったのはこんな感じ：

……まあ、これはともかくとして。子供騙しみたいですが、やってみるとけっこう楽しいですよ。見慣れている国旗でも、パーツに分解してみると意外な発見があって面白いです。

また右サイドの下部には、それぞれの国旗のデザインに関する説明文が表示されます（以下はヨルダンの説明）：

と、このように楽しみながら国旗の勉強もできちゃいます（キャッチセールスの歌い文句みたいですが）。また"symbolism"というコーナーからは、世界の国旗を使われている色や形状、込められた意味から検索できます。子供の社会科の授業にもいいかもしれませんね。

ちなみに他の人が創った国旗も、このように一覧することができます。ちゃんと色や使われた国旗（の国名）で検索することも可能。いや、他の方々はクリエイティビティーを発揮されて、面白いデザインを創り出してます……。

広告は必要ない、だから宣伝っぽいものは無視される

そう言われればその通りの話なんですが、「宣伝っぽいコンテンツは無視される」ということが実証されたそうです：

■ Fancy Formatting, Fancy Words = Looks Like a Promotion = Ignored (Jakob Nielsen's Alertbox)

タイトルを訳すと「フォーマットに凝る＝宣伝に見える＝無視される」という記事。「U.S. Census Bureau （国勢調査局）のホームページにアクセスして、アメリカ合衆国の現在の人口を確認して」とお願いしたところ、なんと86%の人々が情報を見つけられなかったそうです。そんなに見つけにくい位置にあったのか、と思いきや……

この画像、Census Bureau のトップページなのですが、ご覧の通り画面右上にデカデカと書かれています（Data Finders 欄の"Population Clocks"という部分）。しかも赤い文字で。

"Population Clocks"というラベルの付け方もどうなのだろう、とネイティブスピーカーではない日本人は考えてしまうのですが、こんなに派手に掲載されている情報が見つけられなかったのは「広告に見えたからだ」と解説されています。根拠となるのは、アイトラッキングのデータ。以下は Jakob Nielsen's Alertbox の記事から転載してしまったものですが、ご覧の通り、"Population Clocks"の部分を視線が素通りしています。"U.S. 301..."の部分が目に入っているにもかかわらず、視線は横に動いていません。

確かに3カラムのデザインの場合、左サイドにナビゲーションが置かれ、右サイドには広告が置かれていることが多いですよね。ちなみに以下は某氏のブログですが、見事に「最上部にバナー広告、左サイドにナビゲーション、中央にコンテンツ、右サイドに広告＋ナビゲーション」という構成になっています：

この画面を見て「年収・転職診断」の部分がブロガーの書いた記事だと思う人は少ないでしょう。結果、たとえこの部分に視線が動いたとしても、目に入ったものは無視されてしまうわけです。

重要なのは、U.S. Census Bureau のように「情報を目立たせよう」と凝ったレイアウトにしても、逆に宣伝と受け取られてしまうという部分ではないでしょうか。「画面のこの部分には広告が表示されることが多い」という先入観があると、ちょっと目を引くもの（赤で表示された数字とか）は「広告！」と判断されてしまうのかもしれません。いやぁ、僕も右サイドバーにレビュー・ポスターで作った『シロクマ日報』の最新エントリ紹介や、Buzzurl でのブクマ一覧を掲載しているのですが、全て無視されてしまっているのかも？

ちなみに Jakob Nielsen's Alertbox では、「Census Bureau のサイトは以下のガイドラインを破っている」と指摘しています。逆に以下のガイドラインを守ることで、「宣伝っぽく見えて無視されてしまう」現象を避けることができるかもしれません。

1. 気の利いたフレーズやマーケティング用語などを使わない
2. フォントのタイプやテキストのフォーマット方法に、複数の種類を用いない
3. 広告のような表示をしない

とりあえず必ず見て欲しいコンテンツは、一般的に広告が表示されている部分には置くな、ということですね。

無理やり測れ、パート2

以前「ウェストが（イヤでも）毎日測れるベルト」というものがあることをご紹介しましたが、今日はこの「無理やり測れ！」シリーズ（？）のパート2。寝ているだけで、奥さん/彼女との距離が測れるベッド、とのこと（via swissmiss）

■ Couple (DESIGNWISE by Experimenta)

ちょっと分かりにくいかもしれませんが、枕の下の位置に目盛りがついています。ちょうど中心部分、枕と枕の間に「ゼロ」があり、そこから両サイドに向かって「10cm、20cm ……」と数字がついているわけですね。これなら、文字通りパートナーとの「距離」が測れます。ご丁寧に、数字が大きくなる（＝ふたりの距離が離れる）と、数字の色が暖色系から寒色系になっていきます。うーん、愛の熱さが一目瞭然だ。

もしくはこのベッド、「ゼロの位置からこっちに入って来ないでよね！」「昨日オレの領土に20cmも侵入してただろ！」のようなケンカの道具として使えるかもしれませんね。と冗談はさておき、この「いろんなものに目盛りをつけてしまう」というアイデア、他にどんな場面に応用できるでしょうか？「体重計と一体化していて、座るたびに体重が計測されてしまうオフィスの椅子」……なんてのがあったら、怖くて会社に来るのがイヤになりそうですが。

zune を逆さまにすると・・・

ネタです。以前「iPod!」逆さまにしても「iPod!」になる！というネタがありました（参考：すごい事に気付いてしまった・・・）。一方、iPod のライバルの座を狙うマイクロソフトの Zune はというと……：

■ Zune Spelled Backwards (That's Right)

百聞は一見にしかず、ということで、実際に並べてみましょう。まずは普通のロゴ：

これを逆さまにする（というより「鏡に映す」ですね）と……：

……これでは iPod を追い落とす日は遠そうです。ちなみにこの単語の意味を書いてしまうと、Polar Bear Blog の品格が落ちてしまいますので、以下のページをご参照下さいませ：

■ "anus"の検索結果 （英辞郎 on the Web）

そう思って見ると、ロゴマークもそんな感じに見えてしまうから不思議（笑）

夏なのに太ってしまった人、に。

はい、夏なのに太ってしまいました。これが一番必要なのは、僕かもしれません（via swissmiss）：

■ Ceinture de surveillance (ecal)

問答無用。一目瞭然ですね。こんなベルトだったら、毎日イヤでも自分の体形を思い知らされるという……怖ろしい。

実際こんなデザインじゃ会社には行けませんが、数字部分を裏側にしてしまえば良いかもしれませんね。普段使うもので、見たくないものを無理やり計測。うーん、こんなアイデアを参考にはしたくないですが、参考にできるかも。