パソコンを触るたびに毎日目にするソフトウェアのアイコンって、いったい誰が、どんなふうにデザインしているんだろう？って思ったことはありませんか？今月は様々なアイコンの見本を眺めながら、その手法からWeb上のイラストにも通じるワザを学んでみたいと思います。

例えばMicrosoft社のWindows XP。立体的なアイコンが、新しいOSにWindows2000とはまったく違った印象を与えていますよね。このアイコンを作成した会社、design@iconfactory.comのサイトで、彼らの作品をのぞいてみましょう。画面右側のMac OS XまたはWindowsXPと書いてある画像をクリックすると、それぞれのOS向けに作られたアイコンの数々を見ることができます。

ずらりと並んだアイコンを見て、それぞれの意味の伝わりやすさに感心してしまいます。見本の画像にはそれぜぞれには「何のためのアイコンか」という説明は書かれていないのですが、たとえ触ったことのないソフトウェアのアイコンでも、 だいたいその用途は想像がつくと思います。イラストはどれも、元の素材を簡略化しつつ、すっきりとした線とグラデーションを使って立体感を表現しているので、一目で何の形をあらわしているのかが分かるはずです。

続いて、iconbase.comのデザインを見てみましょう。 Yellow Icon Studioのアイコン素材販売部門としての役割を果たすこのサイトでは、完成済みのアイコンをパッケージ販売しています（Previewのボタンをクリックすると、さらにたくさんの見本が見られます）。こちらで気づくのは、MAC OSXとWindowsXP用のアイコンにそれぞれ特徴があるということです。OSX用のものは、つるつるした質感やグレーを多用したデザイン。WindowsXP用には、実際にOSの基本テーマに使われている色と彩度・明度をあわせた色選び。どちらも、それぞれのOSにマッチするようによく考えられています。Webサイト内のイラストも、同じくサイトの質感や色調を意識することによって、全体の雰囲気を壊さず、洗練された印象を残すことができるのではないでしょうか。

Web上で情報を伝えるためのイラストは、ただ「本物らしければいい」わけではなく、隅々に気を配りなるべくシンプルにまとめることで、短時間で必要な情報だけを伝えることができるのではないでしょうか。もちろんサイトの目的や雰囲気に合わせて様々なイラストのスタイルがあるべきですが、このようなワザを頭に置いておくと、よりよい情報伝達に役に立つと思います。