未来電子テクノロジーでインターンをしているerika_zです。
プログラミングの学習を始めて約1ヶ月半が経ちました。
HTMLとCSSで作成していた、簡易的な逆求人サイトがおおよそ完成しました。
少し修正して、GitHubにあげようとしている段階です!
逆求人サイトでSNSの埋め込みをした際に驚いたことがありました。
それは、SNSのロゴを使用するにはたくさんの条件があることです。
そこで今回は、主要なSNSのロゴを使用する際の条件について書きたいと思います。
#はじめに
プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください。
#SNSごとのロゴを使用する条件
・ロゴの色は青、または白(画像の上に配置する場合は必ず白)
・丸や四角で囲まれたロゴも使用できる。ただし、ロゴには囲みがないものが望ましい
・影をつけることは禁止
・ロゴの外枠だけでの使用は禁止
・ロゴにデザインを加えることは禁止
###Facebook
・アイコンとして単体または他のソーシャルアイコンと一緒に使用でできる(サイズは隣接するアイコンと同じ大きさにする)
・「f」のロゴは、アニメーションで動かしてはいけない
・ロゴにデザインを加えることは禁止
・色は正しい青色または、白黒のみ
<参照サイト>
https://ja.facebookbrand.com/assets/%E3%80%8Cf%E3%80%8D%E3%83%AD%E3%82%B4/?audience=landing
・ロゴの4方向全部に、最低ロゴの半分の幅の空白部分を作る
・1辺の幅が29px以上
・ロゴを変形させることは禁止
・白のロゴの背景には、単色を使用する
<参照サイト>
https://en.instagram-brand.com/assets/icons
#まとめ
主要なSNSのロゴを使用する際の条件についてご紹介しました。
みなさんそれぞれの条件に合った方法で使用していましたか?
サイトを作る際には、SNSの埋め込みは必要な工程でしょう。
しかし、定められているルールは守る必要があります。
ご紹介できていない条件もありますし、それそれのSNSによって条件が異なるためしっかり確認しましょう。