新トレンド「フラットデザイン」を参考、無料UIデザインキット(PSD + HTMLバージョン)

flatui_top

 

Windows8のインターフェース画面デザインでもおなじみ、フラットデザインを意識したUIデザインキットFlat UIが公開されていたので、今回はご紹介します。

 

CSSスタイリングされたHTMLバージョンと、Photoshop用PSDファイルの2タイプが選択可能となっており、すぐにでもフラットデザインを取り入れた、Webサイト制作を開始することができますよ。

 

 

 

詳細は以下から。

 

 

 

人気のフラットデザインを取り入れた、UIデザインキットFlat UI

 

Flat UIは、Photoshopで編集可能なPSDファイルのほかに、そのままサイト作成活用できるHTMLバージョンが用意されています。特にHTMLファイルは、Twitter Bootstrapでカスタマイズされているので、コーディングスタイルも統一されています。

 

 

カラーリング変更にも利用したい、カラースウォッチパネル各色で、トレンドカラーのエレメルドグリーンから、やさしい青色、むらさき色、黄色、オレンジ、サーモンピンク、紺色などが揃っています。

flatui3

 

 

それぞれ異なる配色でスタイリングされた、ボタンデザインやナビゲーションメニュー、テキスト入力など。

flatui1

 

 

チェックボックスやラジオボックスはもちろん、タグやページ送り、トグル、ツールチップなど多彩な機能が充実しています。

flatui2

 

 

カラースオッチ配色でデザインされた、ベクターアイコン素材14個や2o種類のピクトグラムアイコンも収録されています。

flatui4

 

 

動画再生インターフェースも、同カラーリングで統一されており、使いやすい素敵デザイン。

flatui5

 

 

ログイン入力画面も用意されており、すぐにでもWebサイトが完成するように、あらかじめ周到に準備されています。

flatui6

 

HTMLデモページは以下のボタンよりどうぞ。

[button_square color=”green” url=”http://designmodo.com/demo/flat-ui/”] HTMLデモページ [/button_square]

 

 

利用に関するライセンスもCreative Common Licenseが発行されており、個人、商用ともに問題なく利用することが可能となっている点もうれしいです。