ウェブサイトやアプリのアイコンセット：計画と注文のしかた
アイコンは、どこをタップすればよいかを伝える小さな絵です。ホーム、カート、配送、サポート、プロフィールなど。いろいろな無料素材から集めると、太い線と細い線、丸い角と尖った角が並び、サイトがつぎはぎのように見えてしまいます。統一されたセットならその問題が解消し、シンプルなサイトでも完成度が高く見えます。ここでは、アイコンセットの計画のしかたを紹介します。
まずリストを作る
サイトやアプリを順に見ていき、アイコンがあると便利な場所をすべて書き出しましょう。
- **メインメニュー：**ホーム、カタログ、検索、カート、アカウント。
- **特徴やメリット：**スピード配送、安全な決済、返品、サポート。
- **連絡先と操作：**電話、メール、所在地、共有、ダウンロード。
アイコンごとに数語で説明します。たとえば「配送：小さなバン」「返品：矢印付きの箱」。リストが明確なほど、後の修正が少なくなります。
必要なアイコンの数
- **約4個：**3〜4つのメリットを紹介するランディングページや、短いプレゼン。
- **約8個：**小規模サイトの主なセクションや機能。
- **約16個：**アプリや、セクションの多い大きめのサイト向けのフルセット。
今必要な数より少し多めに注文するのがおすすめです。後から別の注文で描いたアイコンは、ぴったり合わせるのが難しくなります。
スタイルを1つに決める
スタイルを1つ選び、セット全体でそろえましょう。
- **線画（アウトライン）：**細い線で軽くモダン。すっきりしたデザインに向いています。
- **塗り（フィル）：**塗りつぶした形で、とても小さなサイズでも見やすい。
- **デュオトーン：**1色の濃淡2色で、少し個性が出ます。
- **3D：**やわらかな立体感と影。明るいランディングページに向いています。
気に入っているアイコンがすでにいくつかあれば、そのリンクを共有して、新しいアイコンを同じ見た目にそろえてもらいましょう。
色
ブランドカラーがあれば、#1A73E8のようなHEXコードで伝えましょう。たいていはメインカラー1色とアクセントカラー1色で十分です。まだブランドカラーがなければ、どんな背景にも合うニュートラルな配色が使えます。
小さなサイズがすべてを決める
メニューのアイコンは幅24ピクセルほどしかないことがよくあります。そのサイズでは細部が消えてしまうので、シンプルな形が有利です。
- **1つのアイコンに1つの意味。**配送ならバンだけ。道路や時計や箱を付け加えない。
- **中に文字を入れない。**アイコンが小さいと文字は読めなくなります。
- **おなじみの記号を使う。**検索には虫めがね、買い物にはカートなら、どこでも伝わります。
納品物と使い方
一般的なアイコンセットは、透明背景の個別のPNGファイルで納品されるので、どんな色の上にも配置できます。PNGはラスター形式で、ウェブサイト、アプリ、スライドには十分ですが、無制限に拡大できるベクターファイルではありません。ファビコンが必要なら、無料のオンライン変換ツールでPNGを1分でICOファイルに変換できます。
まとめ
明確なリスト、適切な数、1つのスタイル、ブランドカラー。これで、どの画面でも統一感のあるセットになります。アイコンセットの制作を任せたいなら、アイコンセットを注文できます。アイコンのリスト、スタイル、色を送れば、統一されたアイコン4個、8個、または16個が、透明背景の個別のPNGファイルで届きます。お支払いは納品を承認した後にはじめて確定します。