トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

公式SNSへのリンク&フォローしてねデザイン調べる

SNSのブランドガイドライン

X

細かいこと全然書いてない。最小サイズとか余白とか

about.x.com

イラレに少し書いてる。でもブランドガイドラインには何も書いてない、

ロゴペアリングロックアップは、アカウントまたはハッシュタグが X にあることを明確に示すために使用します。ユーザー名を X ロゴとペアリングする場合、ロゴが黒または白であることを確認してください。ユーザー名は白でペアリングすることをお勧めします。クリアスペースのルールを遵守し、テキストをロゴの高さの 100% に拡大します。ブランドのデザインシステムの書体を自由に使用できます。詳細については、ブランドガイドラインをご覧ください。

詳細については、ブランドガイドラインをご覧ください。

https://about.x.com/ja/who-we-are/brand-toolkit

Instagram

ダウンロード

about.meta.com

ガイドライン

about.meta.com

最小29pxと結構大きめなのが特徴

ブランドカラー使えって言っているけど、ガイドラインない・・・Instagramはグラデーションになったし、Twitter古いし

Facebook

facebookは最小16px(なんでInstagramと違うのだろう・・・)

about.meta.com

ロゴの隣に文字置いちゃダメなの厳しくない・・・?

SNSへのリンクのデザイン

左下にX

メタパ - メタバースショッピングモール

 

右下に小さく。(Instagramの最小サイズ29なさそう)

Avatar.One - Make your own dream AI girlfriend in immersive 3D

 

Ankerも同じく

 

えきねっと(JR東日本)|トップ:新幹線・JR特急列車の予約 東日本のツアー 駅レンタカー申込

facebookの横に文字を書いちゃだめなら下に書けばいいじゃない方式?

 

公式SNSへの誘導じゃないけど

Instagramは背景のグラデーション画像を提供してくれてないのでこうなる。

TOKYO GAME SHOW Digital World 2024

ビックカメラ。メニューにある

Xでフォロー、Instagram、Facebookという文字の長さをそろえる工夫

PC版。

右下

滋賀県

観光スポット | 滋賀県観光情報[公式観光サイト]滋賀・びわ湖のすべてがわかる!

 

公式X

トーキョーディスカバリーシティ!2024 不思議な扉と100の謎 | 東京ドームシティ

 

ボタンの中に何か書こうと思ったら一番最初に思いつくのは、IDを書くというのだったけど、それをやっているUIは見当たらなかった。

公式X、Xをフォロー

あと

X(Twitter)

Instagram

と書くと大体同じ長さになって見栄えがいい。

Twitterに旧とつけるべきなのかは分からないがつけてないのも見かける

 


Disney+

【公式】Disney+(ディズニープラス)

 

こういう左側にずっと出続けるスタイルもたまにあるな~まあこれはShareボタンだけど

「visionOS 2」 新機能まとめ。新たなジェスチャーが追加、Macの仮想ディスプレイのサイズ・解像度が向上

 

どこで見たか忘れたけどこの会社のブランドカラーで統一していた。

フォローしてねUI

2週間ぐらいいろいろ観察してたけど、フォローしてね!!っていう積極的なUIは見かけなかった・・・

Pintarestとかで調べたら、店頭に貼る系のポスターは出てきた。

https://jp.pinterest.com/pin/343681015333521379/