Googleがはじめた新しいSNSサービスGoogle+、Webサイトなどでもボタンをよく見かけるようになりました。
そんなGoogle+にオマージュされたUIデザイン素材をまとめたキット「Minimalistic UI Kit the Color Google+」が公開されていたので、ご紹介します。
ワクワクするようなカラフルなGoogleカラーとなっており、デザインのアクセントになりそうです。
詳細は以下から。
Googleカラーを利用した無料UI素材キット
収録されているファイルは、Photoshopで編集可能なPSDファイルとなっており、パーツごとにこまかくレイヤー分けされています。
拡大表示してみたファイルサンプル、どれも鮮やかなカラーリングで1px単位でていねいにデザインされています。
また全ての素材は個人、商用に限らず自由に利用することが可能となっています。
ボタンなどの他にもドロップダウンメニューや日付カレンダーなど、Webサイトに活用したいアイテムを一通り揃えています。
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]
ボタンは単独でも利用でき、つなげて複数利用することも可能となっています。
このCSSキットの特長のひとつとしては、ドロップダウンメニューを手軽に実装できる点です。
収録されているアイコンは全部で200種類となっており、あらゆる用途に対応してくれそうなデザインです。
デモページとダウンロードはこちらよりどうぞ。
[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素材。
