2013/11/18
無料で使えるフラットデザインUIキット40
Sponsored by
フラットデザインのUIキットをご紹介します。
さまざまなサイトで取り入れられているフラットデザイン。
フラットデザインを取り入れてみたい、というときに便利なのがUIキット。
これを使えば、いとも簡単にフラットデザインの要素をそのまま利用できるし、カラーリングなども参考にできます。
今回ご紹介しているUIキットは、どれもクオリティーが高く、そのまま現場で利用できるものばかりです。
ライセンスについては、明示されているものについては明記していますが、不明瞭なものについては明記していません。各ファイルに記載されているライセンスを事前にご確認のうえ、ご利用ください。
Contents
- 1 dribbbleのデザイナーが作成したコンパクトなFlat UI Kit
- 2 アイコンや見出しもすべて揃った、微妙な角丸が特長のFlat Rounded Square UI Kit
- 3 明るいブルーが印象的なUI Template
- 4 オレンジベースのFlatex UI Kit Pro v1.0
- 5 オレンジをキーカラーに使ったFlatty UI Kit
- 6 エメラルドグリーンが鮮やかなAvengers Flat UI Kit
- 7 画像ベースのFree UI Kit
- 8 落ち着いたグリーンベースのUI Kit
- 9 パープルが美しいFree Minimal Ui Kit
- 10 オレンジとシアンを基調にしたOrange/Cyan UI
- 11 3色配色でもまとまっているFree UI Kit
- 12 多色でもきれいにまとまっているColor UI Kit
- 13 ブラウンベースのFlat UI Kit
- 14 ダークな印象のDark UI Kit
- 15 カラフルな印象のEerste – Flat User Interface Kit
- 16 紺色が基調のMagazine Flat UI Kit
- 17 落ち着いたトーンを落としたパープルをベースにしたFlat Design UI Components
- 18 緑と黄色でスッキリした印象のFlat UI Kit
- 19 大人気のFlat UI Proの無料版Flat UI Free v.2.1
- 20 落ち着いた印象のFlat UI Kit 2
- 21 ウェジェット用のFreebie PSD: Flat UI Kit
- 22 カラフルなFree UI Kit
- 23 濃いグリーンで種類豊富なSquare UI Free
- 24 マゼンタ系のFlatic UI Kit
- 25 シックなグリーンのFlat UI Kit
- 26 パステルカラーが印象的なFlat Ui Kit
- 27 ウェジェット用のUi Kit
- 28 すべてが揃ったrtboard V3
- 29 最小限のパーツがあるFlat UI Kit
- 30 960グリッドベースのFlatilicious User Interface
- 31 紫ベースのFlat UI Kit
- 32 トーンを落とした多色が印象的なFlat Web Elements
- 33 キーカラーが3色用意されたUI/UX Flat design – Free PSD
- 34 カラフルなSmooth Berry UI
- 35 落ち着いた印象のFlat Pixet
- 36 ゲームに利用できるGems UI Kit
- 37 種類が豊富なFlat UI Kit
- 38 シンプルなFree Flat UI Kit
- 39 高い明度が印象的なSimple UI Kit with Flat Colors
dribbbleのデザイナーが作成したコンパクトなFlat UI Kit
商用利用可
Flat UI Kit
アイコンや見出しもすべて揃った、微妙な角丸が特長のFlat Rounded Square UI Kit
商用利用可
Flat Rounded Square UI Kit
明るいブルーが印象的なUI Template
オレンジベースのFlatex UI Kit Pro v1.0
非商用のみ利用可
Flatex UI Kit Pro v1.0
オレンジをキーカラーに使ったFlatty UI Kit
エメラルドグリーンが鮮やかなAvengers Flat UI Kit
画像ベースのFree UI Kit
落ち着いたグリーンベースのUI Kit
商用利用可
UI Kit
パープルが美しいFree Minimal Ui Kit
オレンジとシアンを基調にしたOrange/Cyan UI
3色配色でもまとまっているFree UI Kit
Illustration by @Fil Dunskyの表記が必要
Free UI Kit
多色でもきれいにまとまっているColor UI Kit
ブラウンベースのFlat UI Kit
ダークな印象のDark UI Kit
カラフルな印象のEerste – Flat User Interface Kit
商用利用可
Eerste – Flat User Interface Kit
紺色が基調のMagazine Flat UI Kit
落ち着いたトーンを落としたパープルをベースにしたFlat Design UI Components
緑と黄色でスッキリした印象のFlat UI Kit
大人気のFlat UI Proの無料版Flat UI Free v.2.1
落ち着いた印象のFlat UI Kit 2
ウェジェット用のFreebie PSD: Flat UI Kit
カラフルなFree UI Kit
濃いグリーンで種類豊富なSquare UI Free
クリエイティブコモンズ表示CC BY
Square UI Free
マゼンタ系のFlatic UI Kit
シックなグリーンのFlat UI Kit
パステルカラーが印象的なFlat Ui Kit
ウェジェット用のUi Kit
すべてが揃ったrtboard V3
最小限のパーツがあるFlat UI Kit
960グリッドベースのFlatilicious User Interface
紫ベースのFlat UI Kit
トーンを落とした多色が印象的なFlat Web Elements
クリエイティブコモンズ表示—非営利CC BY-NC
Flat Web Elements
キーカラーが3色用意されたUI/UX Flat design – Free PSD
クリエイティブコモンズ表示—非営利—改変禁止CC BY-NC-ND
UI/UX Flat design – Free PSD
カラフルなSmooth Berry UI
落ち着いた印象のFlat Pixet
クリエイティブコモンズ表示—非営利CC BY-NC
Flat Pixet
ゲームに利用できるGems UI Kit
クリエイティブコモンズ表示—非営利CC BY-NC
Gems UI Kit
種類が豊富なFlat UI Kit
クリエイティブコモンズ表示—非営利—改変禁止CC BY-NC-ND
Flat UI Kit
シンプルなFree Flat UI Kit
商用利用可
Free Flat UI Kit
高い明度が印象的なSimple UI Kit with Flat Colors
クリエイティブコモンズ表示—非営利CC BY-NC
Simple UI Kit with Flat Colors
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
-
0 -
-
0 -
1 -
4
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
背景画像をサッとつくれる便利ツール20選
背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目
-
-
Sketch用の無料フリー素材1500+ 2015年04月
Sketch用の無料フリー素材を集めてみました。 Mac専用ということもあり、日本ではPhotos
-
-
レスポンシブ対応のコンテンツスライダー/スライドショーベスト8
以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+」
-
-
WEBデベロッパーのためのおすすめYouTubeチャンネル15選
WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS
-
-
JSを使わずにCSSだけで簡単にシンプルなパララックス効果をつける方法
JSを使わずにCSSだけで簡単にシンプルなパララックス効果をつけられる方法をご紹介します。 パララ
-
-
CSS3の色名147色（RGB、HEX16進カラーコード併記）
CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。
-
-
画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法
アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を
-
-
1歩先へ！HTML/CSS/JSのスゴワザ・テクニック満載「Top Pens of 2014」
CodePenより、2014年注目のスゴワザ・テクニックが紹介されましたので、ご紹介します。 Co
-
-
SVGのシームレスパータンを生成できる無料のフリージェネレーター「PatternBolt」
簡単にWEBサイトの背景画像が作れてしまう無料ジェネレーターのご紹介です。 つくれるのは、SVG形
-
-
レスポンシブWEBデザイン対応のメニューが作れるチュートリアル17（ソースファイル付き）
レスポンシブWEBデザインを行ううえで重要になってくるのがメニューをどのようにするかということではな