ソーシャルネットワークのアイコンを選択することは、一見したように簡単ではありません。 アイコンとサイトのデザインの組み合わせについて考える必要があるという事実に加えて、法的なニュアンスも知る必要があります。 各ソーシャルネットワークがアイコンを使用するためにどのようなルールを提案しているのか、公式アイコンを無料でダウンロードできる場所を説明し
一部のソーシャルネットワークはお勧めしませんが、他のソーシャルネットワークはサードパーティのサイトからアイコンをダウンロードしてサイトのデザインに合わせて変更することを完全に禁止しています。 各ソーシャルネットワークには独自のブランドブックがあり、アイコンを使用するためのルール、アイコンをダウンロードするためのリンク、および失敗を避けるのに役立つ推奨事項について説明しています。
Twitter アイコン
Twitterは、必要なバリエーションのアイコンを変更できる、より柔軟なソーシャルネットワークです。 たとえば、鳥と一緒にロゴを別々に使用することも、コンテナ内で使用することもできます。 さらに、コンテナのバリエーションも異なる場合があります:円、正方形、または角が丸い正方形。 しかし、色はブランドでのみ使用できます:青または白。 黒は許可されていません(Twitter ーは例外を作成して黒のバリエーションを許可することができますが、これについてはソーシャルネットワークから許可を求
Twitterアイコンは、アカウント名またはハッシュタグと組み合わせることができます。 この場合、アイコンの色は青または白である必要がありますが、ソーシャルネットワークは碑文を黒にすることをお勧めします。 碑文のサイズは、アイコンのサイズに似ている必要があります。
Twitter アイコンの最小サイズは16px以上である必要があります。 また、ロゴの周りの空きスペースは、アイコンの幅の少なくとも半分にする必要があります。
ソーシャルネットワークでは、アイコンの形状の変更、アニメーション化、ミラーリング、またはその他のロゴの変更は許可されていません。 鳥や吹き出しなど、他の要素をアイコンに追加することはできません。 ツイッターバッジの使用が禁止されている例:
アイコンの色:
青:六角-#1DA1F2;RGB-29,161,242;CMYK- 69 26 0 0;パントン-2382
白:六角-#FFFFFF;RGB-255 255 255;CMYK- 0 0 0 0
フォントの特徴:
ユーザー名については、ヘルベチカノイエレギュラー。
ハッシュタグのために-Helvetica Neue Bold。
ソーシャルネットワークでは、サイトのデザインに基づいて、自分の裁量でフォントを使用することもできます。
Instagram アイコン
ソーシャルネットワークのルールによると、公式ウェブサイトに表示されているWebサイトでのみInstagramアイコンを使用できます。 ロゴの他のすべてのバリエーションは違法です。 白い背景に多色バージョンと黒いロゴを使用することができます。
Instagramアイコンの最小サイズは29×29ピクセル以上でなければなりません。 アイコンの周りの空きスペースは、すべての面でソーシャルネットワークのロゴの半分にする必要があります。 これにより、アイコンが読みやすくなり、近くに配置された他のソーシャルネットワークのアイコンからアイコンが分離されます。
Instagramアイコンのサイズ変更、回転、ミラーリングはできません。 例えば:
ダウンロードするときは、サイト上のアイコンを使用する予定の場合は、「オンライン」タイプを指定してください。 他の場合、たとえば、パッケージにロゴを印刷したり、テレビや映画で使用したりする場合は、ソーシャルネットワークから追加の許可を要求する必要があります。
IGTV Icons, Boomerang, Hyperlapse and Layout
Instagramのロゴに関しては、ソーシャルネットワークの派生製品にも同じサイズと空き容量の規則が適用されます。
Facebook アイコン
Facebookがウェブサイトに使用を奨励する標準的なアイコンの色は、白の”f”と青です。 何らかの理由でアイコンの標準色を使用できない場合は、ソーシャルネットワークで黒と白と灰色のバリエーションを使用できます。
Facebookは最小アイコンサイズに関する特定のルールを持っていません。 ただし、ロゴは読みやすく、隣接するアイコンと同じサイズになるように配置することをお勧めします。 空き領域は、ロゴの少なくとも1/4にする必要があります。
Facebookのルールによると、”f”ロゴは変更できません。 禁止の下では、形状、プロポーション、デザインへの修正は、アイコンをアニメーション化することもできません。 例えば:
また、ソーシャルネットワークは、ロゴを使用した変更の作成を厳しく禁止しています。 たとえば、他のロゴと組み合わせたり、フォームの派生物を作成したりします。 例えば:
ダウンロードする前に、ロゴのすべての利用規約を知っていて、それらを遵守する準備ができているチェックボックスをオンにします。
YouTubeのアイコン
YouTubeブランドの要素を使用する前に、ソーシャルネットワークは特別なフォームに記入して許可を得ることを義務付けています。 しかし、練習が示すように、ロゴを使用するためのすべての条件を満たしていれば、会社は請求をしません。
ソーシャルネットワークの規則によると、ロゴの2つのバージョンを使用することができます。フル-碑文YouTubeと省略された-アイコンのみ。 4色のバリエーションが許可されています:白と黒の背景に標準的なロゴ。 そして、白と黒の2つのモノクロバージョン。
サイト上のYouTubeアイコンの最小高さは24ピクセル以上でなければなりません(両方のオプションの場合:フルロゴとアイコン)。 ロゴの周りの空き領域は、アイコンの幅の少なくとも半分でなければなりません。
YouTubeアイコンを変更することはできません。別のフォントを使用し、形状とサイズを変更し、企業の配色を置き換えます。 アイコンをミラーリングすることはできません。 単語”YouTube”の文字の間隔は、単語”YouTube”とアイコンの間の距離と同様に変更してはなりません。 グラデーション、シャドウ、ボリュームの追加など、視覚効果も禁止されています。 YouTubeのロゴを他のアイコンやロゴ、碑文、パターンと組み合わせることは禁止されています。 YouTubeアイコンを変更しない方法の例:
アイコンの色:
- 赤:16進数-#FF0000;RGB-255.0.0CMYK-0.95.100.0
- 白:六角-#FFFFFF;RGB-255.255.255;CMYK-0.0.0.0
- 黒:六角-#282828;RGB-40.40.40;CMYK-0.0.0.100
ソーシャルメディアアイコンを使用するための一般的なガイドライン
- すべてのソーシャルメディアアイコンを同じスタイルで表示するには、カラーまたはモノクロの1つのバージョンを選択することをお勧めします。 すべてのアイコンは同じサイズで、互いに同じインデントでなければなりません。
- サイトに配置するソーシャルメディアアイコンの最適な数を選択します。 量を追いかけるのではなく、コンテンツをサポートしている場所とターゲットオーディエンスがいる場所だけを選択してください。
- ソーシャルメディアのロゴを、右から左に、最も重要なものから最も重要でないものへと階層的に配置します。
- ソーシャルメディアのアイコンが常に最新であることを確認してください。 これにより、ルールを破ったり、「時代の後ろにいる」という印象を顧客に与えたりすることはありません。
- ほとんどのソーシャルネットワークでは、追加の権限なしにサイト上でロゴを使用できます。 ただし、アイコンを印刷したり、テレビコマーシャルで使用したりする場合は、ルールに従って、これをソーシャルネットワークと調整する必要があります。