30
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

posted at

updated at

SNSアイコン・ロゴのガイドラインをざくっとまとめてみた

はじめに

当方受託魔族なのですが、クライアントからの要件で「SNSシェアをしたい」という要件が結構あります。
その度に各ソーシャルメディアの公式ガイドラインを調べて確認して等が結構手間だったので、
自分用のメモとしてここの記事に1つにまとめようと思い、公式のガイドラインと一緒に
基本的なルールと禁止事項を記述していきます。

webコンテンツを制作する際のお役に立てたら幸いです。

書くこと・書かないこと

書くこと

  • ロゴ・アイコンを使用する際の基本的なルール
  • 禁止されていること

書かないこと

  • 各社が提供しているAPI取得に関すること

Twitter

基本的なルール

  • 提供されているアイコンをダウンロードして使用すること。
  • ロゴは白または青で作ること。
  • 画像に鳥のロゴを被せる場合はアイコンの色は「白」にすること。
  • 白・青以外の色は許可しない。
  • 囲みを付ける場合は、丸、正方形、角丸正方形のいずれかを使用すること。

禁止事項

  • 複数の色を使用すること
    • オレンジ色にしてしまう等
  • アイコンの変形
    • 羽を増やす
    • アイコンにデザインを追加する
    • 変形・引き伸ばしなど
  • テキストと組み合わせての表示
    • Twitterロゴ + 見出し等

Facebook

基本的なルール

  • 提供されているアイコンをダウンロードして使用すること。
  • 「f」のロゴを使用すること。
  • 白や薄い色の背景に青いボックスという組み合わせもしくは、青や濃い色の背景に白いボックスという組み合わせのいずれかにすること。

禁止事項

  • ロゴの改変
    • アニメーションをつける
    • 色の変更
    • サイズ
    • 形の変形等

Instagram

https://en.instagram-brand.com/guidelines/general
https://find-model.jp/insta-lab/instagram-logo/

基本的なルール

  • 提供されているアイコンをダウンロードして使用すること。
  • 30×30pxcel以上のサイズにすること。
  • アイコンの周りはロゴの最低限半分サイズの余白を上下左右に取ること。

禁止事項

  • ロゴ・アイコンの改変
    • 形を変形させること。
    • 任意の色に変更すること。
    • ロゴにテキストを勝手に加えること。

LINE

基本的なルール

  • 提供されているロゴ・アイコンをダウンロードして使用すること。
  • LINEブランドロゴは、コーポレートロゴとアプリアイコンがあるので用途によって使い分けること。
  • アプリアイコンは4種類用意されているので、用途によって使い分けること。
    • 色はフルカラーを推奨しているが、用意されているものであれば使い分けることが可能。

禁止事項

  • ロゴ・アイコンの改変
    • ダウンロードしたロゴ・アイコンデータにデザイン・色の改変・変形を加えること

YouTube

基本的なルール

  • 提供されているアイコンをダウンロードして使用すること。
  • 高さ24dpより小さくしないこと。
  • 余白はアイコンの幅の半分を確保しておくこと。
  • YouTubeカラーを使用すること。
    • 赤・白・黒に近いグレー

禁止事項

  • アイコンの改変
    • 「You Tube」の間の半角をトルツメすること。
    • 色を変更すること。
    • 追加でデザインを加えること。
    • ロゴを変形させること。

Pinterest

まとめ

  • 基本的には各社が用意してくれているアイコン・ロゴ使用するのが良さそう。
    • それが一番安全。
  • 色・サイズ・形の改変は認められていない。
  • 公式のガイドラインが最新で安全だから公式のガイドラインにまずは目を通しましょう。
  • 余白のルール・「これ以下の大きさはNG」等割と細かく記載されているので、使用する前に一読しておいたほうが良さそう。

上記のガイドラインに注意して、安全・安心のコンテンツを作っていきましょう🙌

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
30
Help us understand the problem. What are the problem?