新しい提案やプレゼンテーションに取り組むとき、最新のソーシャルメディアのロゴとアイコンを使用しているかどうかを気にすることはありません。
私たちもその経験があり、それが苦痛であることを知っています。
そのため、このリソースでは、主要なソーシャルメディアのロゴとアイコンを 1 か所にまとめています。
Standard Brand Guidelines for Platform
始める前に、各ソーシャル ネットワークとそのブランド資産の使用について、いくつかのガイドラインが適用されることを知っておく価値があります。
- 承認されたロゴ資産を使用する – 各ブランドは、承認されたロゴとアイコンのみをダウンロードして使用すべきであると述べています。
- 正しいカラーバージョンを使用する – 各ブランドは特定の色を持っています。 例えば、Twitterの青は、LinkedInの青やFacebookの青とは異なります。 各ネットワークの正確なカラーを使用しましょう。
- ロゴの周りに明確なスペースを確保する – すべてのブランドのガイドラインでは、ロゴの周りに明確なスペースを確保し、見えるようにするよう求めています。
- サイズ変更時にその形と割合を維持する – ロゴやアイコンをサイズ変更する必要がある場合は、伸ばさないようにしましょう。 ほとんどのソフトウェアで「Shift」キーを押しながら操作すると、拡大・縮小しても比率が維持されます。 また、最小サイズを下回らないように注意してください。
- アイコンの配置には、2つの許容範囲があります。
- 個々のアイコンの横にコールトゥアクションを使用する。たとえば、「Add us on Snapchat」や「Like us on Facebook」など。
- アイコンを並べて、「Follow us on social media」という一般的な表現に使用する。
ソーシャルメディアの公式ロゴ
各ソーシャルメディアネットワークの具体的な詳細と、各プラットフォームがロゴとアイコンを使用するようアドバイスする方法を見てみましょう。
Facebookのロゴ&ガイドライン
公式ロゴ-Facebookの「f」ロゴは世界で最も認識されているアイコンの1つです。 2019年後半に少しデザインが変更され、丸い形、より明るい青色、中央揃えのアイコンを採用しました。
カラーオプション – ロゴは、白または明るい色の背景に青で、暗い色の背景に白バージョンのどちらかのみ使用することができます。 興味深いことに、公式ロゴ パックには、Facebook ロゴの黒とグレーのバージョンが含まれています。
Facebookは、ロゴの使用方法についてもかなり慎重で、素材を加工したりロゴの色を変えたりすることは許可されていません。
>> Facebook ブランド リソース & ガイドラインの全容を確認する。
Instagramのロゴ &ガイドライン
公式ロゴ – Instagramはそのロゴをグリフアイコンと呼んでいます。
カラーオプション – グリフをソリッドカラーに変更することができますが、他のロゴと並べる場合は黒、白、グレーを維持するようにInstagramは推奨します。
グラデーションのあるバージョンのロゴはアプリアイコンと呼びます。
注意: 虹色の背景を持つApp Iconは、モバイルアプリを参照するときだけ使用してください。 たとえば、デバイスで表示するときや、Instagramアプリのダウンロードを促すときです。
最小クリアスペースとサイズ – グリフアイコンの周囲の最小クリアスペースは、四方がグリフのサイズの2分の1であることです。 また、Instagramのロゴの横にテキストやブランド名を追加する際にも、同じスペーシングルールに従うことを確認する必要があります。
>> Instagramブランドガイドラインをすべて確認する。
Twitterのロゴ &ガイドライン
公式ロゴ – Twitterのロゴは、陽気につぶやく悪名高い鳥です:
カラーオプション – 公式ガイドラインでは、ロゴはTwitterブルーまたはホワイトのみ使用するよう求めています。
ロゴをアニメーション化したり、他の鳥や生き物で囲んだり、吹き出しなどの追加要素でロゴを飾ったりすることは、いかなる方法によっても変更または修正すべきではありません。
ロゴを背景画像に配置する場合は、常に白のロゴバージョンを使用してください。 背景が明るい画像の場合、Twitter では、白いロゴがより目立つように、画像全体に 10 ~ 20% の黒味をつけたレイヤーを適用することを推奨しています。
白いロゴがうまくいかない例外が1つあり、それはカラー印刷の場合です。 この場合、Twitterは、代わりに黒いロゴを使用する許可を申請することをお勧めします。
最小サイズ – ロゴの視覚的インパクトを維持するために、幅16ピクセルより小さくしないでください。 ソーシャル アイコンでは、ロゴをコンテナなしで使用することをお勧めします。
ただし、コンテナを使用する必要がある場合は、四角、円、丸みを帯びた四角のいずれかを選択します。 これらのソーシャル アイコンの最小幅は 32 ピクセルで、背景はどのような色でもかまいません。
Square Icon, download png Circle Icon, download png Rounded Square Icon.をダウンロードする。 download png > Twitterブランドガイドライン全文を見る
LinkedIn logo &ガイドライン
公式ロゴ – LinkedInロゴは、完全語句または「in」アイコン(「in」バグとも呼ばれる)だけ、いずれも®マークアイコン付きで利用可能です。
LinkedIn Logo with ® symbol, download png ‘in’ Icon with ® symbol, download png 色の選択肢-以前はLinkedInロゴはブラック、ブルー、ホワイトの3色でしたが、現在は、ブルー、ホワイトの2色に変更されています。 2019年のリブランドの一環として、ロゴは1色に簡素化され、シンプルさを取り入れ、可読性を高めました。
ロゴの更新に加え、LinkedInはコミュニティへの情熱を強調する新しいブランドシステムを発表し、イラストと暖色系の色調で表現しました。
LinkedInのデフォルトロゴは青ですが、レイアウトが白と黒だけの場合は、黒または白バージョンを使用することが可能です。
最小サイズ – ロゴと「in」アイコンの最小サイズは、画面上では21pxです。
他のプラットフォームと同様に、ロゴのサイズを変更したり、他の要素の隣に配置したりする場合は、ロゴの間隔が正しいことを確認する必要があります。
LinkedInの特徴は、®マークの使用で、小さすぎて見えない場合を除いて、すべてのロゴに追加する必要があります。
Pinterest ロゴ & ガイドライン
公式ロゴ – Pinterest のロゴは「P」の文字です。
Pinterest は、ロゴ(またはバッジ)を Pinterest プロファイルの URL と一緒に使用することは歓迎していますが、ワードマークを使用することは歓迎していません。
言い換えれば、かつて人気があったロングバージョンは使わないでください。
カラーオプション – ロゴを使用する際は、常にPinterestの公式カラーである赤を使用します。
言語 – Pinterestのロゴと一緒に配置するテキストについても注意が必要です:
- 許容されるフレーズ。 Pinterestで人気、Pinterestで見つける、Pinterestでフォローする、Pinterestを訪れる、Pinterestでアイデアを見つける、Pinterestでインスピレーションを得る。
- 容認できないフレーズです。 Pinterestで話題になっている、トレンドのピン。
コールトゥアクションを作成する場合は、テキストとPinterestバッジの比率を確認し、独自のロゴを大きくし、PinterestのプロフィールURLを記載する必要があります。
>> Pinterestブランドガイドラインの全文を確認する。
YouTube ロゴ & ガイドライン
公式ロゴ – YouTube ロゴは、ワードマークと三角形のアイコンで構成されていますが、希望によりアイコンを単独で使用することができます。
Official YouTube logo (400 pixels), download png YouTube logo (120 pixels), download png 色の選択肢 – YouTube には 3 色のブランド色を使ったいくつかの組み合わせが用意されています。
- 無地の背景にはフルカラーのロゴ(白または濃い色のテキスト)を使用する。
- より忙しくカラフルな背景にはフルカラーのロゴ(白または濃い色のテキスト)を使用する。
- 背景色によってアイコンが見えにくくなる場合は、モノクロのロゴ(白または黒)を使用します。
最小クリアスペースとサイズ – ロゴまたはアイコンは、高さが24dpより小さく見えることはできません。 他のネットワークと同様、YouTube は、認識できるロゴをいかなる方法でも変更しないよう助言します。
>> YouTube ブランド ガイドラインの全文をご覧ください。
Snapchatのロゴ &ガイドライン
公式ロゴ – Snapchatの公式ロゴは悪名高いゴーストマークです。
カラー オプション – Snapchatのロゴを使用するには、3通りの方法や色があります。 ゴーストマークの周囲の最小クリアスペースは、ゴーストマークの幅の3分の1に相当します。
注意: Instagramと同様に、黄色の背景を持つアイコンは、プラットフォーム自体ではなく、モバイルアプリを参照する場合にのみ使用できます。
Snapcodes は、ユーザーが他の人を友人として追加し、そのストーリーをフォローするのを簡単にするために導入されました。 フレームを削除しない、ゴーストとフレームの比率を変更しない、色を反転させるなど、すべてのスナップコードのガイドラインに従う限り、これらのコードをカスタマイズすることが可能です。
TikTok のロゴ & ガイドライン
公式ロゴ – 公式 TikTok ロゴはエッジの効いた音符:
同社のブログによると、TikTok ロゴの背後にあるインスピレーションは、アプリが世界中の多くのクリエイターに仮想ステージを作っていることに根差したものだそうです。
カラー オプション – ロゴには、黒地に明るい色で電子の波動効果を施した白い音符と、波動効果を施した黒い音符の 2 つのバリエーションがあります。
また、TikTok には広告クリエイター向けの広告ポリシーに幅広いガイドラインがありますが、彼らのロゴの使用についてはあまり言及されていません。
万一プレゼンテーションやマーケティングで使用する場合は、他のプラットフォームと同様のガイドラインに従ってください – 色を変更せず、適切にスペースを空けてください。
編集部注: この更新の時点では、米国での禁止の可能性を含め、このアプリが多くの圧力下にあることを認識しています。 しかし、その影響は無視できないので、とにかく掲載したかったのです。 結局のところ、ビデオ編集機能を使うだけでも、TikTok をビジネスに活用する方法はあります!
テキストベースのアイコンを使う & glyphs
ロゴが画像ファイルではだめで、たとえばウェブサイトで使うためにテキストベースの形式が必要になることがあります。 これらのアイコンはグリフと呼ばれることもあり、通常はオンラインで入手できます。
マーケティングでこれらのコピーアンドペースト アイコンを使用する場合は、次の点に注意してください:
- コンピュータやソフトウェアに正しいフォントをインストールする必要があります
- コンテンツを利用するユーザーがフォントを持っていない場合(またはプラットフォームに正しくインストールされていない)、このように四角が見えるだけになってしまうのです。
私たちのチームが最も信頼できると判断した Web サイトの 1 つが、アイコン ライブラリおよびツールキットである FontAwesome です。 時間を節約するために、すべての主要なソーシャル メディア プラットフォームとそのテキスト ベースのアイコンのショートリンクを以下に示します。
- YouTube
- Snapchat
- TikTok
ロゴやアイコンに第三者のライブラリを使用すれば便利ですが、言っておくと、そのライブラリで使用できるアイコンについては、次のようなものがあります。 正確でない、あるいはライブラリのスタイルに基づいてカスタマイズされすぎている、という小さなリスクは常にあります。
迷ったときは、ソーシャルメディア・ネットワークが設定した公式のブランド・ガイドラインを参照すれば、大丈夫でしょう。
Over to you
これで、マーケティング、プレゼンテーション、そして潜在的にはクライアントへのソーシャルメディア提案において、ソーシャルメディアのアイコンとロゴを使用する準備が整いましたね。 もし、重要なソーシャルメディア ロゴ、アイコン、またはブランド ガイドラインを見落とした場合は、このリソースの今後のバージョンに含めてほしいので、遠慮なくお知らせください。