2014/03/07
細部に神は宿る!見ればデザイン力がアップする海外有名ブランドのスタイルガイド12
スタイルガイドというのは、デザインなどの場面で、基準となるフォントやサイズ、位置、カラーなどを規定する手引きのことです。
スタイルガイドは、チームで仕事を進めたり、外注さんにお仕事を依頼するときにも力を発揮します。
最近の事例では、佐藤可士和氏がセブン-イレブンのプラベートブランドのリデザインで、膨大なスタイルガイドを作成し、大成功に導いた事例で脚光を浴びています。
浴びてないですかね…。
それはさておき。
そんなスタイルガイドのうち、海外のビックブランドのスタイルガイドを見られるのをご存知ですか。
欧文ではありますが、参考になる点も多々あるかと思います。
何より、馴染みのあるブランドなので、どんなカラーを使っているのか、フォントは何のなのかといったこともわかるので、見ているだけでも楽しいですね。
ご興味があるかたはどうぞ。
Skype

ご存知Skypeのスタイルガイド。
フォントはChaletbookというフリーフォンを使っているんですね。
初めて知りました。
Skype
Apple

ロゴやプロダクト写真の扱い方、注意点などが、事細かに記されています。
Apple
Adobe

Apple同様、ロゴの扱い方、注意点が厳格に決められているほか、使用しているフォント、タイポグラフィなどについても詳細にまとめられています。
Adobe
Channel 4

イギリスの公共テレビ局「Channel 4」のスタイルガイド。
46ページと膨大ですが、整理されて扱いやすいスタイルガイドです。
Channel 4
Barbican

ヨーロッパ最大の文化施設、バービカンのスタイルガイド。
グリッドベース、タイポグラフィ、ロゴ、どれも、細部にまで徹底的に拘ったデザインガイドです。
Barbican
Firefox

Firefoxのスタイルガイド。
ロゴやカラーなどについて、わかりやすく記載されています。
Firefox
Cunard
![]()
アメリカの海運会社、キュナードのスタイルガイド。
ロゴ、カラーの扱い方などについて、細部にわたって指示がなされています。
Cunard
Boy Scouts of America

ボーイスカウト・アメリカのスタイルガイド。
たくさんのロゴというか徽章を使っているので、厳格な指示が記載されています。
Boy Scouts of America
British Rail

英国国有鉄道のスタイルガイド。
ロゴマーク、タイポグラフィなどが細かに記載されています。
British Rail
easyGroup

イージージェットをはじめとする低価格サービスを行う企業の持ち株会社であるeasyGroupのスタイルガイド。
ロゴ、カラー、タイポグラフィ、WEB、広告などについて、簡潔に記されています。
easyGroup
Cornell University
![]()
コーネル大学のスタイルガイド。
Cornell University
Princeton University
![]()
プリンストン大学のスタイルガイド。
ロゴ、カラー、タイポグラフィ、WEB、広告などについて、事細かにルール設定されています。
Princeton University
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
商用利用可能でクレジット表記不要!高画質な写真素材を無料ダウロードできる「KaboomPics」
つい先日も商用利用可能でなおかつ高画質な無料の写真素材サイト「Raumrot」をご紹介させていただき
-
-
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえ
-
-
印象的な部分カラー写真を簡単に作れる無料アプリ「ColorStrokes」がとってもお得!
写真の一部分だけをフルカラーにして、それ以外の部分をモノクロにする部分カラー写真という手法は、印象的
-
-
「仕事を頼みたい」と思わせる名刺ビジネスカード・コレクション1000+第3部
名刺の役割はなんといっても、自分らしさの表現でしょう。 限られたスペースのなかで、相手の心を一瞬で
-
-
おお便利!Adobeソフトのショートカットがブラウザで確認できる「Keyboard Shortcut Visualiser」
Photoshop, Illustrator, InDesignなどのAdobeソフトのショートカッ
-
-
WEBデザインから3Dプロジェクトまで!無料のフリーテクスチャが入手できるサイト8
グラフィックデザインはもちろん、3DプロジェクトからWEBデザインまで幅広く対応できる無料のテクスチ
-
-
無料で使える角丸・丸文字の英語/欧文フリーフォント28でポップでかわいい演出を
無料で使える角丸・丸文字の英語/欧文フリーフォントのご紹介します。 デザインにポップな印象やかわい
-
-
商用利用可能!無料のフリーベクターアイコン2万個以上集めました(PSD含む)
アイコンはWEB、グラフィックの両方でちょくちょく活躍してくれる便利なアイテムです。 海外のサイト
-
-
デザインのための無料アイコンセット100
デザインに役立つ無料で利用できるアイコンセットをまとめてご紹介します。 アイコンの総数は、約2万以
-
-
Photoshopであらゆるものを計測できる無料スクリプト「Size Marks PS」
Photoshopにオブジェクト間の距離を計測できるツールがあればなあと思っていたら、無料のスクリプ
