商用可、Google+をテーマカラーにデザインされた無料UI素材キット(CSSボタン付)

 

Googleがはじめた新しいSNSサービスGoogle+、Webサイトなどでもボタンをよく見かけるようになりました。

そんなGoogle+にオマージュされたUIデザイン素材をまとめたキット「Minimalistic UI Kit the Color Google+」が公開されていたので、ご紹介します。

 

ワクワクするようなカラフルなGoogleカラーとなっており、デザインのアクセントになりそうです。

 

 

詳細は以下から。

 

 

Googleカラーを利用した無料UI素材キット

 

収録されているファイルは、Photoshopで編集可能なPSDファイルとなっており、パーツごとにこまかくレイヤー分けされています。

googleui0

 

 

拡大表示してみたファイルサンプル、どれも鮮やかなカラーリングで1px単位でていねいにデザインされています。

また全ての素材は個人、商用に限らず自由に利用することが可能となっています。

googleui1

 

 

ボタンなどの他にもドロップダウンメニューや日付カレンダーなど、Webサイトに活用したいアイテムを一通り揃えています。

googleui2

 

 

Google+のインターフェースを完全再現するCSSキット

 

あらかじめスタイリングされたCSSファイルを読み込むだけで、Google+で利用されているボタンやドロップダウンメニューを簡単に実装することができる無料CSSキット。

 

[button_square color=”red” url=”http://code.shrapp.nl/google-plus-ui-buttons/demo.html#”] デモページ [/button_square]  [button_square color=”blue” url=”http://shrapp.nl/post/google-plus-ui-buttons”] 無料ダウンロード [/button_square]

 

ボタンは単独でも利用でき、つなげて複数利用することも可能となっています。

googleui_css1

 

 

このCSSキットの特長のひとつとしては、ドロップダウンメニューを手軽に実装できる点です。

 

 

収録されているアイコンは全部で200種類となっており、あらゆる用途に対応してくれそうなデザインです。

googleui_css3

 

デモページとダウンロードはこちらよりどうぞ。

[button_square color=”red” url=”http://code.shrapp.nl/google-plus-ui-buttons/demo.html#”] デモページ [/button_square]  [button_square color=”blue” url=”http://shrapp.nl/post/google-plus-ui-buttons”] 無料ダウンロード [/button_square]

 

 

本家Google+のインターフェースをそっくり再現できるPhotoshop無料PSDキット

Google+のインターフェース画面をそのまま再現するときに便利なPSD素材。