2015/09/24 クリエイター

これが世界のトップ企業のデザインのこだわり!参考になりすぎるスタイルガイド7選

これが世界のトップ企業のデザインのこだわり!参考になりすぎるスタイルガイド7選 デザインや記述のルールをまとめたスタイルガイドには、Webデザインの技術やこだわりが詰まっています。
Google、Nike、Sonyなどの大企業が公開している、スタイルガイドを7つご紹介したいと思います。
普段何気なく見ているブランドロゴも、スタイルガイドを見れば見方が変わってきます。
世界のトップ企業のデザインが学べる貴重な資料です。

Google Visual Assets Guidelines

Googleのグラフィックデザイナー、ロジャー・オドン氏が「Behance」で公開しているスタイルガイドです。
Googleはピクセル・パーフェクトに基づき、細かいところまで配慮してデザインが決められています。

プロダクトアイコン、ユーザインタフェースアイコン、フィーチャーアイコンなど、アイコンのデザインの原則がスタイルガイドにまとめられています。
Googleという大企業が使用しているスタイルガイドなので、デザイナー必読です。


https://www.behance.net/gallery/google-visual-assets-guidelines-part-1/9028077

Bing Product Guidelines

Googleのライバルである検索エンジンのBingもデザインスタイルガイドを公開しています。
ブランドロゴ、検索窓のサイズや配色についてまとめたスタイルガイドで、すごくスタイリッシュな印象を受けます。

日本ではBingのシェアは低いですが、Googleには劣るもののアメリカではBingもよく使われています。


http://www.microsoft.com/en-us/download/details.aspx?id=21619

Cisco Brand Book

Cisco(シスコ)はアメリカ・カリフォルニア州に本社を置くコンピュータネットワーク機器開発会社です。
シスコブランドのコンセプト、ブランド体験から、ブランドロゴの配色・サイズ・スペース、タイポグラフィなどがまとめられています。
背景色がカラフルで、印象に残るスタイルガイドです。


http://decdesignupload.com/cisco/Cisco_Brand_Book_1009.pdf

Heineken Visual Identity Rules 

オランダのビールブランドとして有名なHEINEKEN(ハイネケン)のスタイルガイドです。

本スタイルガイドではボツになったロゴデザインも掲載されているので面白いです。
ハイネケンはブランドカラーである緑が印象的ですが、黒とオレンジも使用しています。
ボツになったロゴデザインと正しいロゴデザインで何が違うのか、見比べて自分なり考察してみるのも勉強になると思います。


http://www.royalunibrew.com/Files/Billeder/MediaDB/Originals/Heineken%20Logo%20Guide.pdf

Sony Name and Logo Guidelines for Advertising by Sony

日本が誇る世界的な企業Sonyが公開しているスタイルガイドもあります。
余白の取り方など、ロゴ以外の部分のデザインの仕方は非常に参考になります。
シンプルに見えるデザインでも、分解して見てみると細部までこだわっていることがよくわかります。


https://ws.sel.sony.com/PIPWebServices/RetrievePublicAsset/StepID/SEL-asset-459151

Nike Pro Services Guidelines

Nikeのスタイルガイドも公開されています。
プロ向けのサービスのデザインのスタイルガイドで、世界のトップスポーツブランドであるNikeがどれぐらいデザインにこだわっているのかがよくわかります。
プロのアスリートを満足させる、デザインのプロのスタイルガイドはとても参考になります。


http://manualcreative.com/project/nike-pro-services/

How We Look by Skype

Skypeのロゴの背景には雲のイラストが使われています。
この雲の形にもこだわりがあり、円で表現するとすごくバランスがいい配置になっていることがわかります。
何気なくみているデザインも、計算してデザインされています。


http://issuu.com/bondo/docs/skype_brand_book_-_look
Webデザインの求人案件 Webデザインの求人案件

Webデザイナーやクリエイターの求人・案件情報です。
制作会社もあれば自社サービスのUIデザイン案件等、幅広く掲載しています。