Advertisement

producitivity-overview-dribbble

 

UIコンポーネント素材は、ウェブサイトやモバイルアプリを作成するときなど、ドラッグ&ドロップの直感的でシンプルな作業のみで、サイトデザインを完成させることができます。それぞれの素材は、プロデザイナーがピクセル単位にこだわり作成し、トレンドのデザインや配色などを採用しているので、高品質なデザインも特長です。

 

 

今回は、最近公開されたデザイン性の高い、無料UIコンポーネント素材をまとめてご紹介します。今後のデザイン制作に活用してみてはいかがでしょう。PhotoshopとSketchで編集できる、アイテムを中心にまとめています。

 

 

 

詳細は以下から。

 

 

 

美しい配色、デザインの参考にしたい!すごい無料UIコンポーネント素材まとめ

 

Awesome Kit

iPhoneモバイルとiPadタブレット端末向けのプロトタイプを作成するときに活用したい素材で、合計100種類のテンプレートが用意されています。組み合わせるだけで、自由なレイアウトを実現できます。

100-ux-mockups-for-iphone-and-ipad-free-set

 

 

 

Bright & Clean Aesthetic UI Kit

美しさにこだわったUIコンポーネントを30+個まとめた、注目のミニマルスタイルは、どんなデザインにも合わせやすいシンプルさ。

Bright-Clean-UI-Kit

 

 

 

Smart UI Kit

無駄を省いた、シンプルでミニマルな雰囲気を演出したUIデザインキット。どんなテーマにも合わせやすい点もポイント。

crafted-minimal-ui-kit-elements

 

 

 

Dashboard UI Elements

ウェブサイトの管理画面を想定したUIデザインが揃い、合計16種類の洗練されたUIコンポーネント素材がまとめられています。

Dashboard

 

 

 

Material Design Widget UI Kit

マテリアルデザインを題材に、ブログサイトなどに活用できる、各種ウィジェット機能を16個まとめています。

Material_Design_widgets_UI_kit-1

 

 

 

Ink UI Kit

iOS 8対応のUIデザインを、150個以上揃えた素材の無料デモサンプル。PSDファイルも整理されているので、デザイン制作の参考にも。

ink-detailed-image1

 

 

 

Free Clean Ecommerce UI Kit

アパレル関連のオンラインサイトを想定した、カード状UIコンポーネントを揃えたデザインキット。トレンドを盛り込んだ、ミニマルスタイルが素敵なアイテム。

ecommerce-ui-kit

 

 

 

Snug UI Kit

清潔感のあるカード状スタイルのUIデザインキットで、サンプルバージョンを無料ダウンロードできます。ダーク系UIデザインを検討しているときなど、参考にどうぞ。

snug-uikit

 

 

 

Monobrand iOS UI Kit

今後モバイルでの商品販売を検討しているブランドや、スタートアップ向けのミニマル系オンラインサイト。

Monobrand_ios

 

 

 

E-Commerce Free UI Kit

レストランやカフェなどの飲食店向けUIデザインを揃え、各種メニューなど細かいボタンの配置など参考にしたい点も多いです。

ecommerce-uikit

 

 

収録されているページレイアウトも28種類と、豊富に揃っているので、デザイン制作も手軽に行うことができます。

ecommerce-ui-kit-details

 

 

 

Material Design UI Kit

Googleのマテリアル・デザインをモチーフに、鮮やかな配色で統一されたUIコンポーネント素材。

material-psd-design

 

 

 

Verve UI Kit

15種類のモバイル・アプリ向けテンプレートを収録しており、Photoshopのアートボード機能を利用することで、サクサクと編集することができます。

verve-uikit

 

 

 

Azure UI Kit

カードスタイルを採用した、スタイリッシュなUIコンポーネント素材セット。ファッション系オンラインサイトから、ブログ、ポートフォリオまで対応。

azure-free-clean-and-stylish-ui-kit

 

 

 

iOS 9 UI Template for Sketch

今秋の公開を予定しているiOS 9の、インターフェースデザインを完全再現した、Sketch用UIデザインキット。

ios9-sketch-uikit

 

 

 

iOS 8 UI Wireframe Kit

22種類のワイヤーフレームで作成されたテンプレート素材が収録されており、豊富なUIコンポーネントが揃っているので、自由なレイアウトが可能です。

ios8-wireframe-ui-kit

 

 

 

Mint: Money Manager iOS App UI

iOSモバイル用の家計簿アプリを想定したUIデザインで、可読性バッチリなレイアウトに、素敵な配色も◎。

mint-ios-app-jason-gonzalez

 

 

 

Starry App Freebie

斜めにはいったスリットや、スタイリッシュなグラデーション配色、ハンバーガー型メニューアイコンなど、高品質なモバイルアプリを完成させます。

sketch-elegant-uikit

 

 

サムネイル@ : Admin Dashboard UI (PSD + Sketch) by Sergiu Firez – Dribbble