Advertisement

ui_kit_preview

 

ダウンロードしてすぐにWebサイトやモバイルサイト制作に活用できる、無料UIコンポーネント素材をまとめたエントリー「30 Fresh & Free UI kits for Your Next Project」が公開されていたので、今回はこちらを中心に、最近公開されたフリー素材もまとめて一緒にご紹介します。

 

 

フラットスタイルやミニマルスタイルの他に、Googleの新デザインガイドライン「Material Design」を完全再現したりと、今年を代表するデザイントレンドをうまく反映したアイテムが多く、配色やデザインの参考にしてみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

配色見本、アイデアにしたい!すごい無料UIエレメント素材28個まとめ 2014年8月度

 

Designer-naut UI Kit

ウェブサイト、アプリ制作に必要なあらゆるUIコンポーネントをまとめた、ミニマルスタイルで配色も素敵です。

Designer-naut-UI-Kit

 

 

 

Minimal UI Kit Free

余白スペースをたっぷり使った、ミニマルデザインで再現されたUIエレメント素材セット。

minimal-ui-kit-fullpreivew

 

 

 

Flat UI Kit

フラットスタイルをベースに、やや丸みのあるUIコンポーネントで統一されたウィジェット機能が並びます。

flat-ui-kit-preview(2)

 

 

 

10,089 Thank you!

モダンなミニマルスタイルを採用したことで、どんなデザインにマッチしそうなUIキット。

10089-thank-you-preview

 

 

 

PodStar UI

レスポンシブWebデザインに対応し、音楽系ウェブアプリをモチーフにしたシンプルUIが揃っています。

freebie-retina-1405075806

 

 

 

Massive UI Kit : Flatic

ナビゲーションメニューや機能満載でレイアウトされたウィジェット機能など、すぐにでも制作を開始できます。

ui_kit_with_psd__1__by_danootech-d71ll05

 

 

 

Awesome Mobile UI Kit

フラットスタイルで表現された、使い勝手の良さそうなモバイル向けUIデザインキット。

preview_640x350

 

 

 

Summer UI Kit

夏をテーマにした元気のよいカラーリングが特長で、トレンドを意識したレイアウトが目白押しです。

summer_ui_kit

 

 

 

Red UI Kit

redflatuikitdribbble

 

 

 

iOS8 GUI PSD

この秋に登場するiOS 8のUIデザインも、Photoshopではすでに再現されています。

01A-iOS8-UI-PSD

 

 

 

Mac OS X Yosemite UI PSD

こちらでは、秋公開予定のMac用の新しいOS X YosemiteのUIコンポーネントが完全再現されていました。

NEW-Stack-Yosemite-1.1-

 

 

 

Instagram UI Masterial Design PSD

Googleの発表したデザインガイドライン「Material Design」をベースに、Instagramアプリを再構築しています。

instagram-ui-free-psd

 

 

 

Android UI XHDPL Template

Mac対応のSketch用ファイルで、Material Design色が強く出たモバイルAndroid L用UIデザイン。

uikitswireframe22

 

 

 

Google Docs – Andorid L Style

こちらもMaterial Designをベースに作成された、Googleドキュメント用UIデザイン。

google-docs-androidL-style-preview-473x680

 

 

 

UI Kit for Marvel App

目立つカラーリングは素敵な配色の参考になりそうな、モバイルアプリ作成向けUIキット。

marvel

 

 

 

UI Kit Free

タイポグラフィの使い方参考になりそうな、ミニマルスタイルのモバイル向けダーク系UIキット。

uikit

 

 

 

Banana UI Kit

シンプルなナビメニュ=をレイアウトし、配色も参考になりそうなフリーアイテム。

Banana_Free_UI_Kit_by_Damien_Lloyd

 

 

 

Dashboard Free PSD

管理画面、ダッシュボードを作成するときに参考にしたい、清潔感たっぷりに表現されたスタイルが素敵です。

course-dashboard

 

 

 

Blocky Flat UI Kit

その名の通りブロック上にコンテンツを組み合わせた、フラットスタイルのUIデザイン。

ui-kits-july-06

 

 

 

Eye Candy Ui Kit

サイト制作に活用できるウィジェットデザインを中心に収録しています。

800x600-4

 

 

 

Flat Ui Kit

先月まとめで紹介したアイテムですが、今回はHTML/CSSで完全スタイリングされています。

ui-kits-8

 

 

 

UI Kit

ポップなカラーリングが採用されており、無駄を省いたミニマルデザインと相性もばっちり。

ui-kits-july-19

 

 

 

App Profile Page

モバイルアプリのプロフィール画面をモチーフにしたUIエレメント。

stunning-interfaces-for-webmasters7

 

 

 

Custom Android Launcher Theme

Android携帯をフラットスタイルで忠実に再現し、立体感を演出したフリーアイテム。

stunning-interfaces-for-webmasters20

 

 

 

UI Kit

Illustratorで編集することができ、モックアップやプロトタイプを作成するときにも便利です。

ui-kit-dribbble

 

 

 

App Screen Prensentation Mock-ups #1

完成したモバイル用サイト、アプリデザインをより魅力的にするモックアップ素材を活用してみてはいかがでしょう。

6(2)

 

 

 

参考 これからのデザイン配色を学ぶ!すごい無料UIエレメント素材33個まとめ 2014年7月度

先月まとめたエントリーでは、配色にこだわったアイテムを中心にあつめています。

full-thing

 

 

サムネイル@ : Unity UI Kit – Best PSD Freebies

参照元リンク : 30 Fresh & Free UI Kits for Your Next Project – Hongkiat.com