東京都府中市、渋谷区のWEB制作会社Maromaroのブログです

2017.06.17

chie

使い方あってる?人気SNSのロゴについてまとめてみました!

こんにちは!Maromaroのchieです!

SNS時代の昨今、1日1日の出来事をFacebookやInstagramなどで残している人も多いのではないですか?
最近は、企業やお店のホームページでもリアルな情報を得られる重要な発信源として、FacebookやInstagram、Twitterへの入口も多く見られるようになりましたね。
ホームページに限らず、名刺にSNSのロゴ使用したりする人も多いのではないでしょうか。

SNSへの入口には誰が見ても分かるように、SNSのロゴを使用したいところですが、ここで注意したいのがロゴの使用ルール!

サイトによってロゴのガイドラインはそれぞれなので、しっかりと公式のサイトのルールを確認してから使用しましょう!
ロゴがダウンロードできる更新URLも随時更新中です。

★2018年8月3日更新 Pinterest追加しました

Facebook

規約が少し変更となり、より分かりやすく使いやすくなったようです!(2016年10月12日 更新)

01

■ロゴのダウンロード
公式ロゴのダウンロード(日本語)

■ガイドライン
許可事項と禁止事項

素材を使用するにはFacebookにログインした後、ブランド許可申請をする必要があります。

「f」ロゴをテレビや映画で使用する場合のみ、許可を申請する必要があります。
リクエストは下記のページから行えます。
テレビや映画の許可をリクエスト

ダウンロードの種類

ページ右側の【素材をダウンロード】エリアの【メディアの種類】のプルダウンから、必要なメディアを選択します。
『使用に関するガイドラインを読み、これに同意します。』をチェックし、【ダウンロード】ボタンをクリックします。
※ダウンロードしたファイルは、Windowsのデフォルトの解凍ではエラーが起きてしまうようなので、その場合は別の解凍ソフトで試してみてください。

■Online/ オンライン
データ形式:ai、png、psd
カラー:RBG

■Print & Packaging/ 印刷物とパッケージ
データ形式:ai、eps、tif
カラー:CMYK

■TV & Film/ テレビや映画※申請が必要
データ形式:ai、eps、png、psd
カラー:RBG

注意点

・ロゴの周りには充分な余白を空けること
・ロゴを使用してデザインや色を変えるなど、「f」ロゴに変更を加えることを禁止
・テキストで使用する場合は、Facebookと表記する。小文字のfacebookは使用不可

Instagram

2017年2月17日更新

InstagramもFacebook同様に素材を使用するにはInstagramにログインした後、ブランド許可申請をする必要があります。

■ロゴのダウンロード
公式ロゴのダウンロード
公式ロゴのダウンロード(日本語)
※日本語サイトがなくなってしまったようです

■ガイドライン
ロゴのガイドライン
ロゴのダウンロードページの下部に記載があります。

ダウンロードの種類

右の【Download Asset】から、MEDIA TYPEのプルダウンから利用目的に合わせて選択します。
I have read and accept the guidelines for use.(ガイドラインの同意)についてチェックし、『Download』をクリックします。
ガイドラインはページ下部の下にも画像で説明があるのでわかりやすいです!

■Online/ オンライン
データ形式:eps、png
カラー:eps(CMYK)、png(RBG)

■Print & Packaging (high-res)/ 印刷物とパッケージ (高解像度)
データ形式:eps、png
カラー:eps(CMYK)、png(RBG)

■Film & Broadcast (super high-res) / 映画と放送 (スーパーハイビジョン用) ※申請が必要
データ形式:未確認
カラー:未確認

注意点

・ロゴ周囲にはガイドラインに沿った空白スペースを設ける
・ロゴを使用してデザインや色を変えるなど、ロゴに変更を加えることを禁止
・ロゴの最小サイズは29ピクセル
・ロゴの反転、回転もNG

Twitter

ページがリニューアルされたため内容を更新しました!(2017年12月1日 更新)

Twitterロゴのダウンロードについては、公式で詳しく日本語で書かれていますのでわかりやすいです!

■ロゴのダウンロード
公式ロゴのダウンロード
ページ中部の青い背景の「すべてのブランドリソースはここからダウンロードできます」と書かれているエリアの「ダウンロード」ボタンから、ツイートや、ロゴ、ソーシャルアイコンなど、Twitterのコンテンツとブランド素材の使用に関して、全てダウンロードが一括で行えます。

個別にダウンロードしたい場合は、一括でダウンロードできるエリアの下に「ブランドガイドライン」、「Twitterロゴ」、「ソーシャルアイコン」、「ロゴと文字の組み合わせの定型化」、「ツイートの構成」などTwitterロゴ以外のテンプレートについてもダウンロードできます。

■ガイドライン
ロゴのガイドライン
ブランドガイドラインはダウンロード形式となり、ロゴのダウンロード同様にダウンロードボタンでPDFを閲覧する形となります。

ダウンロードの種類

Twitterでのロゴのダウンロード先は以前は1つのみだったのですが、リニューアル後はカラー(用途別)で3つとなりました。

■青背景白色バード、背景透過青色バード、黒透過背景白色バードの3種類
データ形式:eps、png、psd、svg
カラー:RBG

主な注意点

・ロゴ周囲の空白スペースはロゴのサイズの150%以上とする必要がある
・ロゴを使用してデザインや色を変えるなど、ロゴに変更を加えることを禁止
・ロゴの最小サイズは16ピクセル
・テキストで使用する場合は、Twitterと表記する。小文字のtwitterは使用不可

LINE

ページがリニューアルされたため内容を更新しました!(2016年10月12日 更新)
03

LINEのロゴについても公式で詳しく日本語で書かれているので安心ですね!
どうやら日本語ページはなくなってしまったようです。

■ロゴのダウンロード
公式ロゴのダウンロード
各アイコン、ロゴのマーク下のリンクから必要ファイルを個別にダウンロード可能。

■ガイドライン
ロゴのガイドライン

ダウンロードの種類

【LINE アイコン】と【LINE ロゴタイプ】の2種類あり、必要なデータを個別にダウンロード可能。

■アイコンとロゴタイプ共に
データ形式:ai、png、psd
カラー:CMYK、RGB(ロゴファイルには、基本ロゴ、2色ロゴ、モノクロ印刷用ロゴが含まれる)

主な注意点

・ロゴ周囲にはガイドラインに沿った空白スペースを設ける
・ロゴに変更を加えることを禁止

Pinterest

2018年8月2日追加

Pinterest

Pinterestのロゴはバッジ(赤丸にPの文字のもの)のみ使用できるようで、Pinterest ワードマーク(赤字でPinterestのもの)は使用不可のようです。

■ロゴのダウンロード
公式ロゴのダウンロード

■ガイドライン
ロゴのガイドライン

ダウンロードの種類

「バッジをダウンロードする」の赤いボタンをクリックしてzipファイルをダウンロードしてください。
中にはCMYKとRBGのファイルが入っているので、用途に合わせて選択してください。

■RGB
データ形式:pdf、png
データ種類:赤丸にPのマーク、白抜きマーク、赤丸にPのマーク+Pinterestの文字、白抜きマーク+Pinterestの文字

■CMYK
データ形式:epng
データ種類:赤丸にPのマーク、赤丸にPのマーク+Pinterestの文字

■放送メディア※申請が必要
上記データと同様ですが、Pinterest を動画、テレビまたは映画で使用する場合、Pinterest のパートナーマネージャーにリクエストフォームを提出する必要があります。

注意点

・ロゴ周囲にはガイドラインに沿った空白スペースを設ける
・ロゴを使用してデザインや色を変えるなど、ロゴに変更を加えることを禁止
・ロゴの反転、回転もNG
・Pinterest バッジのみ使用可能
・使用できない文言:Pinterest のトレンド、トレンドのピン
・Pinterest URL を参照する CTA(Call to action)を必ず含める
 この CTA の文面は、Pinterest バッジの大きさに比例したサイズに
・Pinterest バッジは必ず企業のロゴよりも小さくする必要がある

まとめ

ロゴについては各サービスそれぞれのガイドラインがあったりと把握するのが大変ですが、基本的には
『ロゴの周りに余白を設ける!』、『ロゴに変更を加えない』という部分はどのロゴについても共通でしたので、ここをまずは1番に注意してみてくださいね!

SNS系記事が気になる方はこちらもおススメ!