身の回りの色を“観察し、収集し、表現する”ツール「ハンターギャザラー・カラリスト」の実践
竹本香織†

山本雄平‡

小林茂†

鈴木宣也‡

“Hunter-Gatherer Colorist”
Tool of closing-up, gathering, and expressing the colors
K AORI TAKEMOTO†

1.

はじめに

1.1

社会の中の色YUHEI YAMAMOTO‡SHIGERU KOBAYASHI†N OBUYA SUZUKI‡

タル技術による色彩表現のしくみを効果的に活用している。ColorAttendant は、携帯電話のハードウェア特性を生かし、どこでも使える翻訳機の役割を持つ。ま私たちの身の回りには様々な色が使われている。色た、Kuler は従来の物理的な色見本を使用するよりもは見る人に心理的な印象を与え、これをうまく利用しカラーバランスの検討を容易にし、美しい色彩表現をた戦略的なデザインが行われたり、パーソナルカラー素早く行うためのヒントとなっている。

を用いたカラーコーディネートやカラーセラピーが行われたりと各分野で注目されている

1)

しかし、より日常性にもとづいた体験から、色に関。しかし多くする新たな発見を連続的に誘発できるシステムがあれの人にとって、普段の生活で色を意識して見ることはば、より色を意識すると同時に色を構造的に使用する少ない。専門知識を持たない人でも、色彩の効果につことが出来ると考えた。Adobe をはじめとする描画ソ

いて理解することは私たちの生活をより豊かにする可フトウェアは、数値上は 1600 万色以上の色彩を用い能性がある。

た表現を可能とする 4)。しかしこの膨大なパレットは1.2

ものと色に関する先行実践

連続的で捉え辛く、身の回りにある豊富な色彩とは直「カラーハンティング」という実践がある。ファッ感的にリンクしない。こうした観点から、さまざまなションデザイナの三宅一生が、3000 色の色見本（カ素材のものから色を観察・比較し、誰でも容易に色彩ラーチップ）を持ってブラジルへ行き、現地にあるも表現に親しむことが出来るツールを構想した。のの色を調べて表現に応用した例だ。印刷や塗装などの色見本は、製品をデザインする上で必ず使用されるフラットな指標である。

2.

ハンターギャザラー・カラリスト

2.1

概要

複数色の組合せによる色見本を、共有データベースと し て Web 上 に 提供 し てい る の が Adobe 社 の「Kuler」 2) である。写真から抽出した特徴的な色合いや、好みの色の組み合わせなどが世界中のユーザによって公開され、主に Web や DTP のデザインツールとして活用されている。一方、富士通の携帯電話用ア
プリ「 ColorAttendant」 3) は、ユニバーサルデザインの観点から生まれたサービスである。携帯カメラが捉えた色をその場で判定し、色名を表示させることが出来る。Kuler や ColorAttendant のような事例は、デジ† 岐阜県立国際情報科学芸術アカデミー
International Academy of Media Arts and Sciences (IAMAS)‡ 情報科学芸術大学院大学
Institute of Advanced Media Arts and Sciences (IAMAS)

図1 ハンターギャザラー・カラリスト

ハンターギャザラー・カラリスト（図 1）という、身の回りの色を“観察し、収集し、表現する”ためのツールを開発した。狩猟採集民(Hunter-Gatherer)のように直感的な動作で気に入った色を収集し、多くの発見 と出会 うこと で色に まつわ る理 解を深 める（Colorist）ことが目的である。物体を測色するための専用デバイスと、色データを PC に取り込みパレッ情報処理学会 インタラクション 2010

トを作成し、ネットワーク上で共有するシステムを制作した。これら二つを組み合わせて使用することで、一連の色に関する体験が可能となる。図 2 にシステム概要を示す。

図3 「ハンター」の構造

2.2.2 採取と保存センサが読み取る色は、ハンターに設けた有機 ELディスプレイ(OLED)にリアルタイムに表示される。
表面の滑らかな板と毛足の長い布などでは測定距離に差があり、物体の色と測色値が一致しないことがある。
そのため、ユーザの目で OLED と物体の色を確認しながら微調整することが出来るよう、カラーセンサ付
近に感圧センサを設置した。「ハンター」を物体に押し当てる強さで測色値の明度を変更する。
色が一致したら側面のボタンを押し、色を採取する。
採取した色はツール内のメモリに最大 24 色保存され、図 4 のように取りためた色を一覧できる。
図2 システム概要

2.2

測色ツール「ハンター」の実装

ユーザはまず、色を採取するツール「ハンター」を持ち、物体の色を測定する。測定には光学式カラーセンサが有用だが、現在使われている光学式測色器の主な用途は工場生産時の品質管理等であるため高価で移図4 ツールの GUI動性が低い。また、携帯型カメラなどによる色の採取は環境光が影響するため、定量的な色の採取が出来な

2.2.3 形状い。そこで日常生活での利用に応じた専用デバイスを「ハンター」は、小型で持ち運び可能なことを条件製作する必要があった。スタンドアロンで動作させるとして設定した。さまざまなものに接近して観察するため、以下の各機能は Funnel I/O によって制御した 5) 。というイメージから、当初はプレパラートの形をした

2.2.1 測色

透明な板状のツールを構想した。しかしプロトタイプ「ハンター」には小型の光学式カラーセンサモジュを製作するにあたり、そのままの形状では携帯電話やールを搭載し、物体の表面にセンサを近づけて色を測コンパクトデジタルカメラを連想させる汎用的なもの定する。センサの測定値は、物体との距離だけでなく、となってしまった。単機能デバイスの特性を意識しな周囲の明るさや光源色などの環境に大きく左右される。

がら小型化を試みた結果、現像写真の細部を確認する

そのため、センサ周囲の光を遮断したうえで白色時などに使用されるルーペをモチーフとした形状となLED 光を照射し、物体からの反射光を測色した。こった。サイ ズは、幅 87mm、 高さ 46mm、 奥 行きれにより測定条件を一様にすることができた。

39mm である。ABS 樹脂でできた本体の一部が透明ア身の回りの色を“観察し、収集し、表現する”ツール「ハンターギャザラー・カラリスト」の実践

クリルで三角形に切り出され、カラーセンサの位置をは「Photoshop のようなカラースポイトを現実化して視認しやすくした。

ほしい」という意見も多く、色を採取する体験自体を2.3

保存システムの実装新鮮に感じてもらえた。

採取した色は無線モジュール XBee を介して PC に

測色ツールに関しては、機能に対して十分に小型化取り込み、サーバに送信する。ユーザは、送信されたされていることで評価が得られ、使用シーンをより現色の中から３～４色を選び、その組み合わせに対して実的に想像させる一助となった。一方、形状に関して名前を付ける。これを一つの単位とした「パレット」

は「外観のイメージが硬く、精密機器のような印象をが保存される。データは XML ファイルに蓄積され、与える」「より持ち運びに適したタフな印象になると一覧して比較することが出来る。これら一連のシステ良い」といった感想があった。また、測色結果が全体

ムは Processing6)で実装した。（図 5）

的に元の物体の色より暗く、「実用化には精度の向上が必要」という意見も得られた。

図6 展示風景図5 保存システムの遷移図作成されたパレットは、インターネット上(http://huntergatherercolorist.net/)に公開されており誰でも見ることが出来る。パレットを比較することで、色彩に関する他人の視点を確認することができる。

3.

展示

六本木の AXIS ギャラリーにて、15 日間のプロト

図7 作成されたパレットの一部

3.2

パレットの作成について展示期間に、130 パターンのカラーパレットが作成タイプ展示を行った。来場者は、「ツールで色を採取された。（図 7）色の組み合わせを作成して保存するする」、「PC に取り込んでパレットを作成する」、「今ことに関しては様々な感想が得られ、「単色でも気にまで作成されたパレットと見比べる」という三つの段入った色を保存したい」「組み合わせを作るという制階を一連のシステムとして体験できるよう展示した。

限があることで、パズルのように楽しめる」「難しい（図 6）が、色々試していくとセンスを磨けそう」などの感想3.1があった。また、日常を記録する用途で使う場合「写色の採取について展示会場内で来場者はツールを自由に持ち歩き、個真の公開と比べて情報が抽象化されるのが面白い」

人の衣服や持ち物、事前に用意したカラーサンプル、「ミニブログのような感覚で楽しめそう」などの感想会場設備などの色の採取を体験した。生活の中でどのがあった。

ように色の観察ができるかを想像しながら体験しても3.3

パレットの共有についてらい、「実際に携帯して使ってみたい」という感想が他の来場者が作成したパレットを会期中、自由に閲多く得られた。描画ソフトウェアを使用する体験者に覧してもらった。自分のつけたパレット名と同じパレ情報処理学会 インタラクション 2010

ットでも、まったく違う色合いのパレットが出来る場

短い文で記述すると、それぞれが色を採取した際の合や、似た色同士を選んでいるのに全然違うインスピテーマや焦点がシンプルに表れ、データが蓄積されたレーションで名前が付けられる場合がある。

際に比較しやすいという利点もあった。

色の組み合わせとパレットの名前との関連に共感す

こうした表現を見比べる中で、自分にない感性を発る感想や、「これは思いつかなかった」など意外性な見する面白さを引き出せるインタラクションとなるよ

どのコメントが得られた。Kuler との関連を挙げる人う改善したい。

もおり、「パレットを評価し合えるシステムが追加さ4.2れると良い」という意見もあった。

生活の中でどのように利用することが出来るか、サ4.

考察と今後の展開

4.1

考察

今後の展開

ンプルを増やしながら実践して考察したい。ツールの数を増やし、実際に外で体験してみるようにしたい。
また実際にネットワークでの実装をして、取った色が今回のプロトタイプ発表によって、ものから色を抽リアルタイムに蓄積されていくページを作成する。日出するというインタラクションの持つ可能性を感じた。

常生活の中で、色彩表現について体験的に知ることのデジタル表現と実際に身の回りにあるものとの距離感できるツールを目指している。に変化を与えるにあたっては、各セクションの機能についての検討の余地が多く残されている。
4.1.1 ツールの検討
ツールの操作について、今よりさらに自然な動作で色の採取ができるよう改善する必要性を感じた。ツールの形状や操作に関しては、センサの測色精度向上にむけた設計と大きくかかわる部分であるため、双方にとって有用性が向上するよう検討をしていくことになる。また、測色の精度を向上させることも重要である。
現在の時点では、物体の色とツール内 OLED ディスプレイによる色、PC に取り込んだ際の液晶表示の色のずれが気になる。それぞれ発光方法等が異なるため、視覚的に最も自然にインターフェースがリンクする感覚が得られるよう、細かな調整が必要である。
4.1.2 パレットの相関作成されたカラーパレット同士の関連性を示すインタラクションを、さらに使いやすいものへと変更する。
違うパレット同士にある類似色から別のパレットへのリンクを付加することや、パレットの名前から検索をするなど、データを見比べる際の工夫が必要であると感じた。サンプルが増えることで、自分が今まで気に留めていなかった色に気づくことが出来る機会が増えると同時に、システムのコミュニケーション性も向上すると思われる。
4.1.3 パレットに名前を付ける
作成したパレットに名前を付ける際、その観点は自由で幅広い可能性をもつ。まず予想されるのは、その日に出掛けた場所や観察した対象が何であったかという、記録の役割である。反対に、集めた色の特徴から元の物体とは全く別のものを連想する、インスピレーション（アイデア）のメモにもなり得る。

参考文献

1) 篠田博之，藤枝一郎：色彩工学入門(2007)．
2) http://kuler.adobe.com/
3) http://jp.fujitsu.com/about/design/ud/ca/4) 藤幡正樹：カラー・アズ・ア・コンセプト―デジタル時代の色彩論(1997)．
5) http://funnel.cc/6) http://processing.org/
7) Tomoyuki Shigeta, Takanori Endo:cocktail ofcolors(2002).
8) Kimiko Ryokai, Stefan Marti, Hiroshi Ishii:I/OBrush: Drawing with Everyday Objects as Ink(2004).