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選
背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目
-
-
コンバージョン率アップ！デザインに優れた無料のHTML+CSSプライステーブル/価格表25
海外サイトなどではよく目にするプライステーブル/価格表。 この価格表は、いうまでもなく、コンバージ
-
-
jQueryベストプラグイン2014 使えるプラグイン50選をご紹介
2014年に登場したベストなjQueryプラグインを50個ご紹介します。 レイアウト系のプラグイン
-
-
スクロールした位置についてくるStickyプラグイン15
スクロールした位置についてくる要素を実装するjQueryプラグイン「Stickyプラグイン」をまとめ
-
-
今この瞬間もサイバー攻撃が行われている！DDoS攻撃を可視化する「Digital Attack Map」に戦慄
戦慄を覚えるマップです。 サービス自体は1年前に公開されていましたが、海外で再び注目され、私自身が
-
-
これは便利！背景画像に使えるシームレスパターンを無料でコピー/ダウンロードできる「Transparent Textures」
こりゃ便利！というサービスがあったのでご紹介します。 WEBサイトを制作するときに背景画像などに利
-
-
いまさら聞けない無料のアイコンフォントの導入の仕方・使い方
アイコンフォントを今頃になってようやく使ってみました。 最初は正直よくわからず、戸惑ってしまいまし
-
-
ワンランク上のWEB表現を目指すなら！HTML/CSS/JSの必見テクニック満載「Top Pens of 2013」
CodePenというWEBサービスをご存知でしょうか。 CodePenは、HTML/CSS/Jav
-
-
画像URLを読み込むだけでCSSのfilterプロパティを試せる「CSS Filters Playground」
CSSで今後、ますます注目度が高まるであろうCSSフィルタ。 なにせお手軽にエフェクトをかけられる
-
-
WEBデベロッパーのためのおすすめYouTubeチャンネル15選
WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS