アイコンを目立たせるための6つのアイコンデザインのヒント
公開: 2019-08-07アイコンマーケットプレイスは、印刷デザイナーやWeb開発者が利用できる安価なベクターアイコンをデザインしています。 ただし、アイコンのデザインを目立たせたい場合は、ブランドを表す独自のアイコンをデザインする必要があります。
アイコンをデザインする際に考慮すべき実用的なデザインには、フォーム、認識可能性、美的統一性という3つの主要な属性があります。 これら3つの属性を有効に活用することで、より多くの人を惹きつけ、記憶に残るアイコンをデザインすることができます。 さらに、アイコンを視覚的に魅力的にしたい場合は、これらのデザインのヒントを使用できます。
1.アイコンを画像として使用しないでください。
アイコンに画像を追加することはできますが、アイコンをボックス内の写真とは見なさないでください。 アイコンは、ロゴマーク、テキスト表現、またはこれらの要素の組み合わせにすることもできます。 アイコンは視覚的で認識可能である必要があります。 ほとんどの場合、ロゴには実際の写真はありませんが、アイデアをグラフィックで表現したものです。 画像を使用することの主な欠点は、電話ユーザーが小さいサイズで読むことが難しくなることです。 また、画像はアイコンの認識可能性を低下させます。 一方、グラフィック表現はより視覚的な重みを運ぶことができます。 たとえば、メイシーズのデパートでは、識別しやすい星のアイコンを使用しています。 星は背景に応じて色を変え（背景が赤い場合は白い星、背景が白い場合は赤い星）、アイコンを強調します。
2.鮮やかな色を選択します。
アイコンのデザインを目立たせるための最良の方法は、大胆な色を使用することです。 明るい色を選択すると、アプリがさまざまな背景で目立つようになり、ユーザーの注意を引くこともできます。 あなたは確かにあなたのアイコンがあなたのサイトの他の要素と混ざり合うことを望まないでしょう。 したがって、他の多くのアイコンがすでにこれらの色を使用しているため、くすんだ色、特にネイビーの色合いとスカイブルーは避けてください。 ただし、ブランドの色が青の場合は、それを明るいものと組み合わせて、アイコンのインパクトを高めることができます。 ライムグリーンのような新しいニュートラルカラーを使用することも、春の明るいピンクや秋の明るいオレンジなどの季節の色合いを選択することもできます。 また、Webサイトの要素が同じ配色であることを確認して、Webサイトがまとまりのある外観になるようにします。
3.アイコンをベクター形式でデザインします。
フォーマットを検討する際には、アイコンのサイズとスケールを検討する必要があります。 したがって、アイコンを作成する際には、ベクターベースのデザインを使用することが不可欠です。 ベクター画像をデザインすると、いくつかの個別の画像を作成しなくても、デザインを変更して、さまざまなサイズ、ビューポート、デバイスのアイコンを保存できます。 これは、実際には、さまざまなプロジェクトで機能するためにアイコンの複数のバージョンが必要になるためです。 タブレットユーザーだけでなくモバイルユーザーもいるので、後で完全にデザインされたロゴを変更するのではなく、ロゴをデザインする際にそれを考慮することをお勧めします。 したがって、ベクトル形式の主な利点は柔軟性です。 ただし、一部のプラットフォームまたはアプリケーションでは、非ベクター形式のコピーを保持する必要があります。
4.シンボルを作成します。
あなたはあなたの会社のロゴを持っているかもしれませんが、アイコンをデザインすることになると、シンボルはアイコンの認識可能性を引き出すために不可欠です。 シンボルは、画像やロゴのスニペットから単純なグラフィック表現まで、何でもかまいません。 しかし、それは記憶に残る鋭いものである必要があります。 ほとんどのブランドは、大きなデザインプロジェクトと小さなアイコンの間につながりを作るために、ロゴとブランディングの象徴的なシンボルをデザインしています。 たとえば、Snapchat（メッセージングおよび写真共有アプリ）はゴーストシンボルを使用します。 この記号はブランドを認識しやすくし、ユーザーが使い慣れたアイコンとして表示できます。 他の色のシンボルが表示されていても、ユーザーはすぐにあなたのブランドを識別します。 これはまさにシンボルの仕組みです。
5.複雑な単語の使用は避けてください。
アイコンデザイナーが避けるべきことの1つは、言葉を使うことです。 アイコンは小さいので、言葉を入れる余地はありません。 経験則として、ロゴの一部でない限り、テキストは避けてください。 テキストがロゴの一部である場合でも、使用する前にデザインの複雑さを慎重に検討する必要があります。 アイコンは、言葉を使わずにアイデンティティを構築する方法で作成する必要があります。 また、多くのアイコンがデバイスのコンテキストで使用されるため、ロゴのテキストをさまざまなサイズにカスタマイズすることが困難になります。 それでもテキストを追加したい場合は、アイコンの下に説明テキストを追加して、ブランドを説明できます。 たとえば、デザインシャックでは、「d」の付いたアイコンを使用しています。このアイコンは、ウェブサイトでの色とタイプの処理に関して一貫しています。 このような読みやすい手紙は、実際の言葉なしでつながりを生み出します。
6.モノクロに移行します。
すべてのアイコンデザイナーが初期デザインの有効性をテストするために何年も使用してきた楽しい小さなトリックがあります。 ロゴアイコンをモノクロにします。 彼らによると、ロゴが色の有無にかかわらず同じメッセージを送信する場合、それはうまく機能します。 ただし、アイコンの色を読み取る必要がある場合は、デザインの修正に取り組む必要があります。 これが大変な作業だと思われる場合は、白と黒でデザインプロジェクトを開始し、後で色を追加することができます。 これは、コンピューターの概念に関するスケッチに似ています。 スケッチが色を追加せずに紙で機能する場合、アイコンは堅牢なフレームワークを備えています。 後で、ブランドのアイコンのメッセージを強調する色を追加するだけで済みます。
複雑に見えるかもしれませんが、これらのヒントは簡単に習得でき、定期的な練習で習得できます。 ただし、アイコンをデザインするときは、色、視覚認識、シンプルさなどの重要な要素を常に覚えておいてください。 また、自分の基準に合った最新のトレンドも考慮する必要があります。 さらに、デザインの美学を念頭に置いて、セット全体でアイコンの一貫性を保ちます。 これにより、人々はあなたのブランドを覚えて識別しやすくなります。 さらに、他のアイコンをコピーしないでください。独自のクリエイティブなビジョンに基づいてアイコンを作成してください。