[ 前のページ ] [ 次のページ ] [ 目次 ] [ 索引 ]

# 4 色の使用

本章では，色に関する次の内容について説明します。

- 色を使用する理由

- 一般的なガイドラインおよび特記事項

- DECの提供するColor Mixingウィジェット

# 4.1 色を使用する理由

色を使用する第一の理由は，表示をわかりやすくするためです。色を使用することは次の点でユーザの助けとなります。

- 重要事項を強調することができる。

  たとえばスプレッドシートでは，すべての負数，または負数を含むセルを赤色で表示します。

- 相互関係を明らかにすることができる。

  関連する項目ごとに色分けします。たとえば，スプレッドシートでは，1 つのソースからの入力はすべて同一の色に統一し，別のソースからの入力は別の色に統一します。

- 他の項目との相違点を強調することができる。

  インターフェイスの様々な特徴のなかで，色は点滅の次にユーザの注意を引きつけます。 エラー・メッセージなどの重要部分には色を使用してください。

- キーボード・フォーカスを示すことができる。

  たとえばMotif環境では，同時に複数のウィンドウをオープンすることができます。 特定の色のボーダーを使用して入力フォーカスを表示すると， キーボード・フォーカスのあるウィンドウを確実に見つけることができます。

- 特定の専門分野で使用されている慣例に合せることができる。

  たとえば，地図や建築物などの設計者用アプリケーションであれば， 紙上のレンダリングに使用する色と画面上の色とを一致させ，色の持つ意味に一貫性を保つようにすることは重要です。 地図作成者が画面上で測量のアプリケーションを使用して地図を設計する場合には， 海の色は青であることを期待するでしょう。

# 4.2 一般的なガイドラインおよび特記事項

色を使用するのは，あくまでもユーザが操作をしやすくするためです。色が必ずしも必要ではない場合や， 使用できない場合もあります。モノクロ・ インターフェイスでは無効になってしまうようなカラー専用機能をアプリケーションに使用してはいけません。 そのため，最初はモノクロ表示用にアプリケーションを設計してください。 最初に白黒で設計する理由は， 次のとおりです。

- 色盲者に対する配慮。

- アプリケーションはカラー表示およびモノクロ表示の両方で使用される可能性がある。

- カラー・プリンタは高価で一般的ではないため，ユーザの多くはモノクロ・ プリンタで印刷すると考えられる。

## 4.2.1 色を選択する前に

アプリケーションの色を選択する前に，次の点を考慮してください。

- ユーザの視覚的能力の有無

- ユーザの色の好み(国籍，文化，背景，経歴などによって影響を受ける)

- コンピュータを使用する物理的環境(地域，会社，および特定の作業環境を含む)

- ユーザの注意を引きつけたい場所

- 関連するアプリケーションで使用されている色

## 4.2.2 色を選択した後は

使用する色をいくつか選択した後は，次のガイドラインに従ってください。

- 色の数は制限してください。

  - ユーザが対象を識別する際に，色を唯一の手掛かりにはしないでください。 色の他にも，形や強弱などで対象を識別できるようにしてください。 たとえば，アメリカやヨーロッパの多くの国では， 止まれの標識は赤色と八角形で識別されます。

  - 色は控え目に使用してください。変化をつけるためだけに色を使用してはいけません。1 つのウィンドウには4色まで，アプリケーション全体で7 色までとしてください。ユーザ・インターフェイス内で7 色以上の色を使用すると，それらの色を区別するのが難しくなります。

  - 明るく鮮やかな色の使用は最小限にし，注目すべき項目のみに使用します。 多用すると，注意を引きつける効果が低下します。

  - ユーザが長時間見るもの(たとえばテキスト)には白，黒， または灰色の濃淡を使用してください。

  - 微妙な色の変化で重要な情報を伝えようとしてはいけません。 ユーザがその変化に気づかない可能性もあります。

- 各色には目的を与えてください。

  - 赤は警告と負の値を表示するために使用してください(ヨーロッパやアメリカの表示では， 赤は危険を意味します)。赤は最も目立つ色なので， 使用には注意し，鮮やかでない赤の色を選んでください。 真っ赤な色はユーザの目にきつ過ぎることになります。

  - 主要なコーディングの機能として色コードを使用している場合は， 色の比較ができるようにユーザに色キーを提供してください。

  - 色コードは次の場合にのみ使用します。

    - ユーザがすでにその色コードに慣れている場合。

    - ユーザの注意を引く必要がある場合。

    - ユーザが情報のカテゴリを探さなければならない場合。

    - 関連アプリケーションが色コードを使用している場合。

  - 同じ色を異なる2つの意味を表すために使用しないでください。

  - 従来の色コードの慣例に従ってください。たとえば，事務用アプリケーションの場合， 欠損を赤，収益を黒で表します。

  - アプリケーションが他国で使用される場合には，使用している色がその国における色の持つ意味と矛盾しないように気をつけてください。 また，ユーザが色をカスタマイズできるようにしてください。

- 複数の色を使用する場合は注意してください。

  - 画面の端には色を使用しないでください。色の受容器官は主に目の焦点位置にあるので， ユーザは画面の端の色を認識できないことがあります。

  - 色弱のユーザでも見分けられるように，少なくとも三原色( 赤，緑，青)のいずれか2色が隣り合うようにしてください。

  - 緑と赤を使用する際には色以外の手がかりも提供してください。 緑と赤が区別しにくいのが色弱者の典型です。

  - あるオブジェクトに色を使用した場合，その周囲に使用する色に注意してください。 同時対比効果でユーザに情報を誤解させるような色の使用は避けてください。 たとえば，周囲が赤の場合には黄色は緑がかって見え， 周囲が緑の場合には黄色は赤色がかって見えます。

  - 明るい色を使用する場合は背景をくすんだ色に，くすんだ色を使用する場合は背景を明るい色にしてください。 これはコントラストを最大にする方法です。

  - 対象物を不明瞭にして背景に溶け込ませる場合以外は，文字， 線，辺などに青色を使用しないでください。青は見ずらい色です。 辺やテキストに青色を使用すると，その項目はかすんで見えます。

  - 鮮やかな赤と青を隣接して使用しないでください。これらの色は不必要な奥行き効果をもたらします。

  - 鮮やかな赤と緑を隣接して使用しないでください。これらの色は不必要な擬似運動効果を導くことがあります。

    色の使用についての詳しい説明は，付録 C の文献を参照してください。

特記事項

ダイアログ・ボックス，メニュー，ポインタに使用する色に関するいくつかのガイドラインを示します。

- ダイアログ・ボックス

  ダイアログ・ボックスは，モノクロ表示用に設計します。作図または描画用のアプリケーションなどのカラー選択用ダイアログ・ ボックス以外は， ダイアログ・ボックスに色を使用する必要はほとんどありません。

- メニュー

  ダイアログ・ボックス同様，メニューもモノクロ表示用に設計します。 メニューで色を使用する必要があるのは，主に色を選択するメニューを作成する場合です。 ただし，「重要」などと表示されるメニュー項目に赤文字を使用する場合など， メニューでも色を使用した方が良い場合もあります。

- ポインタ

  ポインタは画面のどこにあっても目につきやすいように設計してください。 カラー表示の場合でも，黒を使用して枠を白くするのが最も安全な選択でしょう。

# 4.3 Color Mixingウィジェットの使用

DECの提供するColor Mixingウィジェットを使用すると，アプリケーションで使用している色をユーザが変更できるようになります。 たとえば，アプリケーションに円グラフなどの図形が含まれている場合， 変更メニューの項目を選択してColor Mixing ウィジェットにアクセスすることによって円グラフの色を定義することができます。

Color Mixingウィジェットを使用すると設定した色がすぐに表示されます。 また，使用したい色の保管や色の比較ができるようなスクラッチ・パッド( 色保管)機能もあります。

省略時の設定では，Color Mixingウィジェットは5種類のカラー・モデルをサポートします。Color Mixing ウィジェットをカスタマイズして，その他のカラー・ モデルをサポートすることもできます。

カラー・モデルとは，ユーザが特定の色を選択するために抽象化した概念です。Color Mixing ウィジェットは，次のようなカラー・モデルをサポートします。

- 色選択カラー・モデル

  色選択カラー・モデルは，カラー・システムにおけるColor Mixingウィジェットの省略時のカラー・ モデルです。非カラー・システムまたはリソースの極めて少ないシステムでは， 色選択カラー・モデルは表示されません。 色選択カラー・モデルを使用して，静的カラー・スペクトル( または別のカラー・モデル)から色を取り出し，その色をそのまま使用したり， 希望の色に塗り変えたりすることができます。また， スペクトルから複数の色を取り出し，それらを互いに混ぜ合わせて希望する色を作成することもできます。

  図 4-1は，色選択カラー・ モデルを使用したColor Mixing ウィジェットの構成要素を示したものです。

  ### 図 4-1 色選択カラー・モデル

- HLS(色調，明度，彩度)配合カラー・モデル

  HLS配合カラー・モデルでは，色調，明度，彩度の3種類の特性によって色を指定します。 色調とは色あいのことです。明度とは色の強さ， すなわち色の量を表すものです。彩度とは色の純度，すなわちその色がどの程度白で薄められているかを表すものです。

  HLS配合カラー・モデルでは，円形パターンで配列した連続スペクトルの値として色調を表します。 すなわち，赤色は0度(あるいは360度)， 赤紫色(マゼンタ)は60度，青色は120度，青緑色(シアン)は180度，緑色は240 度，黄色は300度で表します。HLS配合カラー・モデルでは色の明度を0 から100パーセントまでの割合で表します。明度が100パーセントになると白，0 パーセントでは黒になります。

- RGB(赤緑青)配合カラー・モデル

  RGB配合カラー・モデルとは，モノクロ・システムにおけるColor Mixingウィジェットの省略時のカラー・モデルです。

  RGB配合カラー・モデルでは，強さの異なる赤，緑，および青の混合として色を指定します。 赤，緑，青の強さは，0から65，535までの値で指定することができます。 最低の強さは0です。3つの色の強さをすべて0 に指定すると黒になり，すべて100パーセント指定すると白になります。

- 色名指定カラー・モデル

  色名指定カラー・モデルは，X11で命名した色のリストを表示するウィンドウです。 ウィンドウ内の各ボタンは，X11の色の名前を表示します。 リソースが十分に利用できる場合は，背景がその色に設定されます。 ユーザはこのカラー・リストをスクロールすることができます。 MB1でこのカラー・リストをクリックすると，カラー表示サブ・ウィジェットがその色になります。

- グレー・スケール・ミキサ

  グレー・スケール・ミキサを使用すると，黒から白までの範囲で灰色の濃淡を指定することができます。 グレー・スケール・ミキサを選択すると， 現在の新しい色は適当なグレーの色調に変換され，これをスケールを使って調整することができます。

Color Mixingウィジェットについての詳しい説明は，『日本語VMS DECwindows Motifアプリケーション開発の手引き』(日本語)，『VMS DECwindows Motif Guide to Application Programming』(英語)および『日本語DECwindows Motif for OpenVMS拡張機能説明書』(日本語)，『DECwindows Extensions to Motif』(英語)を参照してください。

[ 前のページ ] [ 次のページ ] [ 目次 ] [ 索引 ]