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

full-thing

 

海外デザインブログNoupeで、デザインの引き出しを増やしてくれる、高品質な無料UIコンポーネント素材をまとめたエントリー「Fresh Breeze of Past Spring : 29 Free User Interface Mockups for Mobile Designs」が公開されていたので、今回はこちらを中心に、個人的にブックマークしておきたいフリーアイテムをまとめてご紹介します。

 

 

つい先日Googleが発表したデザインガイドライン、「Material Design」をベースに作成された素材が、すでに公開されはじめています。配色はもちろん、今後ますます注目されるデザインテクニックになるのではないでしょうか。

 

 

 

詳細は以下から。

 

 

 

これからのデザインを学ぶすごい無料UIコンポーネント素材33個まとめ

 

Flat UI Design Elements

とにかく配色カラーリング素敵で、ウェブ制作の参考になりそうなウィジェットUIコンポーネントを多数収録しています。

Flat-UI-Design-Elements

 

 

iBeacon App

モバイル端末においてフルスクリーン写真を多用したレイアウトが素敵なアプリ向けUIコンポーネント。

iBeacon_App_Design

 

 

 

Metro / Flat Style Ui Kit

Windowsで採用された、グリッドを組み合わせたスタイルに、カラフルなフラット配色が素敵。

Free_PSD_UI_elements

 

 

 

Fashion Junkie UI Kit PSD

レトロなピンク色を中心にしたフェミニンな配色は、デザインインスピレーションにもピッタリ。

fashion-junkie-kit

 

 

 

Free UI Kit – Jefferson

カラフルなスキンカラーを採用したダーク系UIデザイン素材キット。

jefferson-ui

 

 

 

Be UI Kit

どんなデザインにも合わせやすい配色に、Web制作に必要なパーツをひと通り揃えたお得なセット。

betheme_ui

 

 

 

Free Clean UI Kit

フラットスタイルをベースに、すこしだけ立体的に魅せるスタイルで、必要コンポーネントが揃っています。

Free-Clean-UI-Kit

 

 

 

Free PSD Ui Kit

余白スペースを考慮した、シンプル&すっきりなミニマルスタイルのアイテム。

Full-View

 

 

 

Gems Flat UI Kit PSD

free-flat-ui-kit

 

 

 

Retro Jam UI Kit

レトロなカラー配色パレットが参考になりそうな、フラットスタイルのUIデザインキット。

retro-650x487

 

 

 

Simple UI Pack

wired_ui_thumb

 

 

 

Mac OS X Yosemite UI PSD Template, Stack

2014年秋の公開が発表されているMacの時期OS X YosemiteのUIデザインをまとめています。

ytosemite-ox

 

 

 

Android L PSD

Googleのデザインガイドライン「Material Design」を元に、モバイル用UIコンポーネントをまとめています。

best-free-android-l-ui-kit

 

 

 

iOS7 Wireframe

フラットスタイルで統一された、iPhone用iOS 7向けワイヤーフレーム作成にどうぞ。

ui_kits_templates_wireframe

 

 

 

Free iPhone Vector Wireframing Toolkit

Illustratorで編集可能なベクター素材で、iPhone用ワイヤーフレーム作成に最適です。

iPhone_Wireframing_Template

 

 

 

Apple iOS 8 : Health App Mockup

時期iOSに搭載予定の健康管理アプリ「Health」 も、すでにPhotoshopで再現されています。

techandall_ios8_health

 

 

 

Social App iOS

ソーシャル系アプリを作成するときに活躍しそうな、ミニマルスタイルのUIデザイン。

real_pixel

 

 

 

Android KitKat UI Kit

モバイル端末Andoridのコンポーネントをすべて揃えたUIキット。

android_kitkat_ui_kit

 

 

 

Login UI Kit for iOS

さまざまなログインページをフラットスタイルや、トレンドを採用したユニークなUIコンポーネントキット。

uikitlogin-iphone

 

 

 

Free UI Kit PSD

幅広いモバイルアプリの作成に役立ちそうな、iOS 7をベースにしたミニマルスタイル。

Flat-Mobile-App

 

 

 

Flybi iOS Application

飛行機のフライト情報をよりスタイリッシュに魅せるアプリケーション用UIデザイン。

Flybi-IOS-Application

 

 

 

Facebook Messenger for iOS 7

iPhone用iOS 7に合わせ、よりスタイリッシュにまとめられた、facebookメッセンジャーのコンセプトUIデザイン。

real-pixels

 

 

 

Folia UI Kit

folia-ui-kit-415

 

 

 

Soccer Apps Free PSD

いよいよ月曜日に迫ったFIFAワールドカップの決勝戦を前に、サッカースコアを記録するアプリ用UIデザイン。

soccer

 

 

 

iOS UI Kit

タイトル通り、半透明エフェクトが特長的なiOS 7のUIコンポーネントを、モバイル用にまとめています。

Real_Pixels

 

 

 

Free PSDs and Sketch Files

配色の参考にしたい、個性的でユニークな色使いが印象的。

biggif

 

 

 

Free PSD UI Kit

やや丸みをもったスタイルに、フラットカラーがうまくマッチしています。

Free-PSD-UI-Kit1

 

 

 

Data Analysis

ダーク系デザインをベースに作成された、ダッシュボード向けUIデザインが並びます。

Planner_Data

 

 

 

Admin Panel Template PSD

背景にぼかしテクスチャを採用した、半透明エフェクトが素敵なダッシュボード向けUIデザインキット。

admin-panel21

 

 

 

Flat UI Kit Free PSD

みどり色をベースに、太字タイポグラフィーが印象的なフラットスタイルのUIデザインキット。

willy-ui

 

 

 

Free Mobile UI Kit

ほんのりとした絶妙な立体感を演出したウィジェット機能向けコンポーネントを収録。

mobile1

 

 

 

Flat UI kit

facebookをよりミニマルに作成し直したようなウィジェットUIコンポーネント。

flat-ui-kit-preview

 

 

 

配色に悩んだら使いたい!美しい無料UIエレメント素材35個まとめ

前回まとめたUIデザインキットも一緒に確認してみてはいかがでしょう。

bold-and-colourful-ui-kit

 

 

サムネイル@ : Dribbble -Freebie : Soft Flat UI Kit by Damien Lloyd

参照元リンク : Fresh Breeze of Past Spring : 29 Free User Interface Mockups for Mobile Designs – Noupe