スマートフォンアプリやホームページなど、デジタル世界におけるデザインで、どうしても無視できないものがあります。
それが、アイコンの使用です。

ホームページにおけるアイコンの使用は、Font AwesomeのようにHTMLに数行のコードを足すことで、即席で使えるアイコンツールも存在します。
ただ、このような既成のアイコンセットを指定してしまうと、オリジナリティが発揮できないため、なんとかして自分たちでアイコンを作成することができないかを考えているひともいるのではないでしょうか。

そこで登場したのが、アイコン配布ディレクトリサイトの老舗であるIconfinder(アイコンファインダー)がリリースしたIcon Editor(アイコンエディター)です。
名前こそ「ごく一般的」ではありますが、非常に画期的なツールです。

そこで今回は、新登場のIcon Editorで世界でひとつだけのアイコンをつくる手順をご紹介していきます。

オリジナルアイコンを作成するメリット

a.png
スクリーンショット:2017年9月

デザイナーがテキストではなくアイコンを作成するのは、ユーザーにとっての利便性はもちろん、何よりもアイコンを使うことによってスペースを節約できるからです。
とりわけ、スマートフォンのスクリーンのように端末の画面サイズが小さくなっており、デザイナーたちは必然的にアイコンを使用しています。

ただ、あまりに一般的なアイコンは記憶の彼方に忘れ去られてしまう可能性もあります。
例えば、Googleはたくさんのアイコンを多用してきた企業の一つですが、GメールやGoogle翻訳など、それぞれにオリジナリティ溢れるアイコンを使っています。
Googleにとってアイコンは直感的で分かりやすく意味を伝えるだけでなく、唯一無二のサービスであることを示す重要なシグニファイアであると言うことができます。

既存のアイコンセットからアイコンを借りて使用するだけでは、いくら立ち上げたアプリが素晴らしいものだとしても、最初にアイコンでメッセージを伝えなければ、最悪の場合ダウンロードすらしてもらえません。
一方、まずはアイコンでサービスの独自性をしっかりとブランディングすることができれば、最初の関門はクリアできた、とも言えるでしょう。

Icon Editorとは?

そんなアイコンを、簡単に無料で作成できるツールが登場しました。

Icon Editorは、アイコン配布ディレクトリサイトの老舗であるIconfinderがリリースしたアイコンの作成ツールです。
特定のソフトをダウンロードしたり、環境に依存したりすることなく、ブラウザ上で操作できるのが特徴です。
また、ゼロから作り上げるというだけでなく、Iconfinder上で配布されているアイコンを好きな具合に編集して新しいアイコンを作成することができるので、ゼロからアイコンのアイデアを考えなければならないという手間もありません。

Icon Editorの利用は無料です。
作成したアイコンは、16 x 16 px から 512 x 512 px までのPNG形式のファイルで保存できるほか、SVG形式でも保存することが可能です。