Twitterロゴやアイコン|logoやiconの使用について

スポンサーリンク

Twitterといえば、青色の背景や鳥のマークが印象的なデザインを思い浮かべるのではないでしょうか?

Twitterのロゴやアイコンは、ガイドラインに沿っていれば自由に使用することができます。

ここでは、Twitterのlogoやiconの使用についてご紹介します。

本記事の内容

・Twitterのロゴやアイコンの使用ガイドライン
・logoやiconの悪い使用例まとめ
・Twitterのlogoとiconのダウンロード

スポンサーリンク

1.Twitterのロゴやアイコンの使用ガイドライン

Twitterのロゴやアイコンを自由に使用するためには、ガイドラインに記されているいくつかの原則に従う必要があります。
>>Twitter-ブランドガイドライン

1)使用原則
2)空白スペースについて
3)最小使用サイズについて
4)色について
5)配置について
6)アイコンについて

1)使用原則

Twitterのロゴやアイコンを使用するに当たって、使用原則をまとめると次のとおりです。

  • ロゴの色:青または白のみ
  • ロゴの加工:変更・回転・編集・吹き出しの追加・擬人化をしてはいけない
  • ロゴの周囲:他の生物を配置してはいけない
  • ロゴの強調:過度な強調をしてはいけない
  • ロゴのバージョン:古いバージョンのロゴを使用してはいけない
  • ロゴの空白スペース:後述の空白スペースに従わなければいけない
  • ネーミングやデザイン:独自のものとして使用してはいけない
  • 書籍や出版物:Twitterが発行したものではないことを明確に示さなければいけない
  • 商品:Twitterのロゴをユーザー名もしくはハッシュタグと併記しないこと、または他のソーシャルアイコンと並べて使うことは認められない

2)空白スペースについて

ロゴを使用する場合には、ロゴの周囲に空白スペースを設けなければいけません。
ロゴの周囲の空白スペースは、ロゴのサイズの150%以上と規定されています。

空白スペースについて

3)最小使用サイズについて

ロゴを使用する場合には、Twitterのロゴであることを識別できるように最小の使用サイズが決まっています。
ロゴの最小使用サイズは、16px以上と規定されています。

最小使用サイズ

4)色について

ロゴの色は、青(HEX #1DA1F2,RGB 29:161:242)または白(HEX #FFFFFF,RGB 255:255:255)の使用に限られています。
なお、画像上に重ねて使用する場合には、白のみとなっています。

【基本使用】
色は『青のロゴ&白背景』もしくは『白のロゴ&青背景』の組み合わせが基本です。
基本使用の色

【背景画像上での使用】
画像上に重ねて使用する場合には、白のロゴを使用します。
また、背景画像が明るい場合、全体に10%~20%のグレーの層(レイヤー)を薄く被せることが推奨されています。
背景画像上での使用

5)配置について

ユーザー名やハッシュタグなど、他の要素とロゴを組み合わせて使用する場合には、テキストの高さに対して100%にする必要があります。

配置

※ 空白スペースや色は、前述の原則に従う必要があります。

6)アイコンについて

Twitterのアイコンはその他のソーシャルアイコンと並べて表示する場合、サイズや高さを統一する必要があります。また、最小使用サイズは幅32px以上となります。
なお、白いロゴの場合、背景色の指定はないようです。

参考のアイコンは次のとおりです。アイコンについて

アイコンについて

2.logoやiconの悪い使用例まとめ

ロゴやアイコンを使用する際の悪い例をまとめると次のとおりです。

アウトラインを入れてはいけない 悪い例1
影をつけてはいけない 悪い例2
特殊効果を加えない 悪い例3
グラデーションを入れてはいけない 悪い例4
複数の色を使ってはいけない 悪い例5
変形・回転・引き伸ばしてはいけない 悪い例6
向きを変えてはいけない 悪い例7
他の要素を追加してはいけない 悪い例8
パーツを追加してはいけない 悪い例9
複数のロゴを組み合わせてはいけない 悪い例10
古いロゴを使ってはいけない 悪い例11
古い文字ロゴを使ってはいけない 悪い例12
鳥を暗示させるような使い方をしてはいけない 悪い例13
コピー、見出し、その他のロゴと組み合わせて表示してはいけない 悪い例14
「Twitter」というテキストと組み合わせて表示してはいけない 悪い例15
ロゴを指定外の形で囲んではいけない 悪い例16
複数のロゴを重ねてはいけない 悪い例17
模様を入れてはいけない 悪い例18
擬人化してはいけない 悪い例19
古いアイコンを使ってはいけない 悪い例20

3.Twitterのlogoとiconのダウンロード

Twitterのロゴやアイコンは公式ページで自由にダウンロードすることができます。
ダウンロードできるファイル形式は次のとおりです。

  • PNG形式
  • EPS形式
  • SVG形式
  • PSD形式

1)ダウンロードできるロゴやアイコン
2)ダウンロードの仕方

1)ダウンロードできるロゴやアイコン

ダウンロードできるロゴやアイコンは次のとおりです。

【ロゴ】
ダウンロードできるロゴ

【アイコン】
アイコン

2)ダウンロードの仕方

ダウンロードは公式ページにアクセスして行います。

【ダウンロードの仕方】
Twitterのブランドリソースページにアクセス→ダウンロードしたいロゴやアイコンの[ダウンロード]ボタンをクリックで完了です。
ダウンロード

ZIPファイルにてダウンロードできるので、中に保存されている画像ファイルを選択して使用してみてください。

4.まとめ

以上、Twitterロゴやアイコン|logoやiconの使用についてでした。

Twitterのlogoやiconは自由に使用することができますが、使用原則を守った上で利用するようにしましょう。

ダウンロード自体は非常に簡単なのでぜひ試してみてはいかがでしょうか?

スポンサーリンク