最近のデザインで使われている、ロゴ・ブランディング・Webサイトのガイドラインのまとめ
Post on:2017年4月25日
Webサイトやスマホアプリのレイアウトの構成・展開、UIエレメントのバリエーション、カラーの使い方など、デザインの定義がまとめられたスタイルガイドを紹介します。
ロゴやブランディングも引き出しを増やすためにも参考にしたいですね。
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-01.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-02.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-03.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-04.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-05.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-06.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-07.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-08.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-09.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-10.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-11.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-12.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-13.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-14.png)
Style Guide -Product guidelines
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-15.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-16.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-17.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-18.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-19.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-20.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-21.png)
Branding Style Guide Templates
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-22.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-23.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-24.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-25.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-26.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-27.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-28.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-29.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-30.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-31.png)
![スタイルガイドのキャプチャ](http://coliss.com/wp-content/uploads-201702/2017042507-32.png)
sponsors