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アソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
画像URLを読み込むだけでCSSのfilterプロパティを試せる「CSS Filters Playground」
CSSで今後、ますます注目度が高まるであろうCSSフィルタ。 なにせお手軽にエフェクトをかけられる
-
-
40以上のホバーエフェクトをCSSだけで実装できる「Hover.Css」
最近はいろいろなサイトで魅力的なホバーエフェクトを目にする機会が増えました。 今回は、そんなホバー
-
-
これは魅力的！CSSだけで実装できる無料の画像ホバーエフェクト22
CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。
-
-
グラフィックデザイナーのためのオンラインポートフォリオ作成方法
グラフィックデザイナーの皆さんはオンラインポートフォリオをもっていらっしゃいますか？ 持っていない
-
-
無料のドメインを取得してレンタルサーバーに設定する方法
ドメインって無料で取得できるサービスがあるのをご存知でしたか？ ドメインというとお名前.comなど
-
-
CSSグラデーションをとっても簡単に生成するツール「Gradientoo」
CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき
-
-
デザインのヒントはここに！海外の人気ブログで評価の高かった2013年のWEBデザイン60
新年を迎え、2013年のまとめ的な記事が海外ブログでも続々とアップされています。 そんななかから今
-
-
美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」
ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自
-
-
息抜きに火星ツアーに出かけよう！火星をバーチャル・ツアーできるDiscovering Gale Crater
火星をバーチャル・ツアーできるDiscovering Gale Craterをご紹介します。 Lo
-
-
WEBデザインのインスピレーションに！UIデザインのコードスニペットコレクション「CodeMyUI」
WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「Code