デザイナーが教える。アイコンをデザインするときの考え方

アイコンを考えるタイミング

まずはアイコンデザインのタイミング。
デザインにブレが出ないためにも考えるのは早ければ早いほうがいいです。

ボクはwebサイト制作をするとき、はじめにページデザインとセットでアイコンデザインも考えるようにしています。webサイトのオリジナリティをより高めるために、アイコンもデザインテイストに合わせて簡単なものから制作する。そうすることでスムーズにページをデザインしていくことができます。

多くの人がイメージできるものをアイコンに

例えば制作するwebページの枚数が決まったとき、webサイトによってはナビゲーションで使用することを目的にアイコンを制作します。一般的なところでいうと、

などが企業系でよくあるwebサイトのページ構成ですよね。
これらのページを表すアイコンをつくっていきます。アイコンを制作するときまず気をつけていることは「一般的なイメージからズレているものはアイコンにしない」ということです。例えば「お問い合わせ」をアイコンにする場合は問い合わせする手段をアイコンにするとイメージが湧きやすいですよね。

これらはお問い合わせを表すアイコンとして多くのwebサイトで使われていますね。そこが大事で、多くのサイトで使われているということは、そのイメージが一般的に認知されているということ。アイコンは視覚的に判断しやすいものなので、見たとき「これはこういう意味なんだな」と多くの人ができるだけ速く認識できないとアイコンとしての役割を担いません。

電話の受話器はまだアイコンになりえるか？

「お問い合わせ」というとある程度のキャリアのあるデザイナーは昔の電話の受話器をアイコンにしがちです。ボクも数年前までよく受話器をアイコンにしていました。

しかし今の時代、固定電話を使う人よりも明らかにスマホを持っている人の割合のほうが大きいはずで、電話するにもスマホを使って電話する人の方が多いですよね。ボク自身も固定電話はもう持っていませんし何年も使っていません。そういう時代の流れなどを考慮して受話器をアイコンにしたほうがいいのかスマホにしたほうがいいのか、サービスやターゲット層にもよりけりですが一考する必要があります。

なので何かアイコンをつくるときはそのアイコンを表現する一般的な形をまずはネット検索などでリサーチする。リサーチしてイメージを理解した上でデザインしていくことを心がけたほうがいいと思います。

マニアックな解釈を持ち込まない

何度も言っていますがアイコンは一般的なイメージを形にすることが大事。個人のマニアックな解釈は必要ありません。

例えばトイレのアイコンなどがいい例ですが、男子トイレと女子トイレのアイコンはかなり広く認知されていて、お店によって多少形状は違ったりするものの、カラーや男性女性のシルエットを使うことでトイレということが伝わるようになっていますね。

ここにもしデザイナーの独自の解釈で「トイレなんだから便器のほうがいい！」という考えからトイレのアイコンを便器にするとどうなるでしょうか？

トイレであることは認知できそうですが、男女共同トイレなのか別々なのかわからないし、下品に感じる人もいそうでそのお店の質も下げてしまいかねないですよね。多くのお店で使われているものは「それが正解」という捉え方で全く問題ありません。

デザイナーやクリエイターがやりがちな「俺はこう思う！」的なものはアイコンには必要ないということです。

余計なことを考えさせないということ

アイコンはマークなので文字よりも視覚的に優れています。だからこそ違和感なくスッと意味が入ってくるようなものが好ましいです。見る人を立ち止まらせず、「これはどういう意味なんだろう？」と考えさせないデザイン。それこそがアイコンの役割だと考えています。

イメージからブレることなくストライクに直球のボールを投げつつ、ボールのデザインを考える。急に野球に例えてしまいましたが、これがアイコンをつくるときの考え方だと思います。