アプリとWebデザインに最適な25のUIコンポーネント

公開: 2018-05-31

あなたがユーザーインターフェースプロジェクトに取り組んでいるアプリやウェブデザイナーなら、このリストはあなたのためです! これは、アプリプロジェクトとWebプロジェクトの両方に最適で最新のUIコンポーネントの一部です。

目次を隠す
カウフ:Photoshop用の無料のWebUIキット
Planguru:イベントおよびプランニングアプリ用の無料UIキット
ピン
H1:カラフルなモバイルUIキット
ピン
PhotoshopとSketch用の無料のiOSUIキット
ピン
Facebook iOSiPhoneUIキット
ピン
Vera Block:UIコンポーネントとアプリ画面の膨大なセット
ピン
要素:PhotoshopおよびSketch用のダッシュボードUIキット
ピン
Webサイト用の基本的なウィジェットスタイルのUIキット
ピン
Edacious:ウェブとアプリ用の無料のフードUIキット
ピン
PhotoshopとSketch用のAppleUIデザインリソース
ピン
FacebookiOSUIキット
ピン
ワカモレ:Photoshop、Xd、Sketch用の無料UIキット
ピン
関連UIキット:SketchとPhotoshop用の45の無料テンプレート
締め切り:Photoshop用の無料UIキット
ピン
ウェブサイトを構築するための55以上の要素UIキット
ピン
Avital:モバイルアプリ用の無料UIキット
ピン
ポートランド:Bootstrapに基づく無料のUIキット
ピン
Ventas:旅行雑誌用のモバイルUIキット
ピン
モニカ–eコマース用の無料PSDUIキット
ピン
フェアモバイルUIキット:8つの無料アプリ画面
ピンチャット:最小限のUIキット(PSD +スケッチ)
ピン
10画面のクリーンなiOSUIキット
ピン
ズームUIキット
ピン
エレガンス–iOS用UIキット
ピン
フード&ドリンクUIキット
ピン

これらの景品はすべてベクターシェイプで設計されており、GoogleFontsを使用しています。 それらは、ソートされたフォルダーを備えた、よく整理されたファイルとして提供されるため、簡単かつ迅速にカスタマイズして、自分の作業に適合させることができます。

これらのUIコンポーネントキットには、複数のカテゴリからの便利なUI要素が多数付属しており、優れたインターフェイスのプロトタイプ作成と設計に役立ちます。

これらのUIコンポーネントを使用して、iOSアプリケーション、Androidアプリ、Webアプリなどを設計できます。 これらのクリーンなUIキットには、すばらしいフォントの組み合わせとバランスの取れたカラーパレットがあります。

以下でプレビューしてください。

カウフ:Photoshop用の無料のWebUIキット

Kaufは、Photoshopで構築された無料のWebUIコンポーネントキットです。 記事、eコマース、ヘッダー、ナビゲーション、フォーム、ウィジェットなどに使用できる200を超えるインターフェース要素が含まれています。1 Kauf-PhotoshopUIコンポーネント用の無料のWebUIキット ピン

Planguru:イベントおよびプランニングアプリ用の無料UIキット

Planguruは別の無料のUIコンポーネントキットで、今回はSketchで設計されていますが、Photoshopバージョンでも利用できます。 カレンダー、チャット、通知システムなどの便利なコンポーネントがたくさんある、美しく細工された18の画面が含まれています

2PlanguruUIコンポーネント ピン

H1:カラフルなモバイルUIキット

H1は、PSDおよびSketchファイル形式でダウンロードできるカラフルなモバイルUIコンポーネントキットです。 それはあなたが選ぶことができる驚くべき400以上のユーザーインターフェース要素を備えた100以上のスクリーンテンプレートを含みます。

3H1-カラフルなモバイルUIキット ピン

PhotoshopとSketch用の無料のiOSUIキット

これは、画面と、形状、コントロール、コンテナー、アイコンなどの一般的なインターフェイス要素を含む、もう1つの大規模なiOSUIコンポーネントキットです。 これは、PSF形式でダウンロードできる無料のUIキットです。

PhotoshopとSketch用の4つの無料iOS11UIキット ピン

Facebook iOSiPhoneUIキット

iOSアプリで作業する場合に絶対に必要なこのiOSGUI景品をチェックしてください。 これは、Origami、Sketch、Photoshopなどのさまざまなファイル形式でダウンロードできます。

5 Facebook iOS 11iPhoneUIキット ピン

Vera Block:UIコンポーネントとアプリ画面の膨大なセット

Vera Blockは、SketchとPhotoshop用の100以上のUIコンポーネントと140以上のモバイル画面を含む巨大なUIコンポーネントの景品です。 これを使用して、モバイル設計ワークフローをスピードアップします。 このキットは柔軟性があり、使いやすく、バランスが取れています。

6VeraBlock-UIコンポーネントとアプリ画面の膨大なセット ピン

要素:PhotoshopおよびSketch用のダッシュボードUIキット

Elementsは、入力、ボタン、選択、ドロップダウン、通知、テーブルなどの便利な要素と、ダッシュボード/管理ページのデザインを含む無料のUIコンポーネントキットです。 PSD形式とSketch形式の両方でダウンロードできます。

7つの要素-PhotoshopとSketch用のダッシュボードUIキット ピン

Webサイト用の基本的なウィジェットスタイルのUIキット

クリーンなUIコンポーネントキットが必要な場合は、この基本的なウィジェットスタイルのUIキットがあなたが探していたものです。 Webサイトのデザインをアップグレードするために使用できる25の既製のコンポーネントが含まれています。 PSD形式で利用できます。

8Webサイト用の基本的なウィジェットスタイルのUIキット ピン

Edacious:ウェブとアプリ用の無料のフードUIキット

Edaciousは、食品関連のWebサイトやアプリを作成するための多数の優れた機能を備えたPSDUIキットです。 iOS用の18の画面とランディングページテンプレートが含まれています。

9Edacious-ウェブとアプリ用の無料のフードUIキット ピン

PhotoshopとSketch用のAppleUIデザインリソース

iOSヒューマンインターフェイスガイドラインはAppleによって更新されているため、このUIデザインリソースキットをダウンロードする必要があります。 これには、 UI要素、テンプレート、カラーパレット、アイコン、およびその他の便利なアセットが含まれています。

PhotoshopとSketch用の10のAppleUIデザインリソース ピン

FacebookiOSUIキット

これは、驚くほどクリーンでシンプルなアプリデザインをデザインするために使用できるFacebook iOSLightUIキットです。

11 Facebook iOS10UIキットUIコンポーネント ピン

ワカモレ:Photoshop、Xd、Sketch用の無料UIキット

Guacamoleは、Photoshop、Adobe Xd、またはSketchで利用できる無料のUIキットです。 150以上のアイコン、70以上の要素、600以上の網膜対応レイヤー、500以上のベクターシェイプが含まれています。

12 Guacamole-Photoshop、Xd、Sketch用の無料UIキット ピン

関連UIキット:SketchとPhotoshop用の45の無料テンプレート

Relate UIキットにはSketchファイルとPSDファイルの両方が付属しており、15の異なるカテゴリのテンプレートや完全にスケーラブルでピクセルパーフェクトな100を超える要素など、すばらしいUI要素がたくさん含まれています。13RelateUIキット-SketchとPhotoshop用の45の無料テンプレート ピン

締め切り:Photoshop用の無料UIキット

Deadlineは、Photoshop用の無料のUIコンポーネントキットであり、100以上の要素、80以上の驚くべき既製の画面、eコマース要素などで構成されています。 この素晴らしい景品を利用して、すぐにダウンロードしてください。

14締め切り-Photoshop用の無料UIキット ピン

ウェブサイトを構築するための55以上の要素UIキット

これは、クリーンでモダンなWebサイトの設計に使用できる50以上の要素で構成された別の無料のUIコンポーネントキットです。 無料のPSDは、数回クリックするだけでダウンロードできます。

15ウェブサイトを構築するための55+ElementsUIキット ピン

Avital:モバイルアプリ用の無料UIキット

このプロフェッショナルなモバイルキットは、ワークフローを容易にするように設計された20以上のiOS画面で構成されています。 これらの手の込んだ画面は7つの異なるカテゴリの一部であり、PhotoshopおよびSketchファイルとして提供されます。

16Avital-モバイルアプリ用の無料UIキット ピン

ポートランド:Bootstrapに基づく無料のUIキット

ポートランドは、ブートストラップグリッドに基づくUIキットです。 ヘッダー、ヒーロースライダー、メニュー、ページネーション要素などの人気のあるコンポーネントが含まれているため、Webサイトテンプレートのデザインに使用できます。

17ポートランド-Bootstrapに基づく無料のUIキット ピン

Ventas:旅行雑誌用のモバイルUIキット

Ventasは、旅行雑誌用のすばらしいモバイルアプリをデザインするために使用できる無料のUIキットです。 このミニキットには、完全にカスタマイズ可能な6つの画面が含まれており、完全に階層化されたPSDファイルとして提供されます。

18Ventas-旅行雑誌用のモバイルUIキット ピン

モニカ–eコマース用の無料PSDUIキット

モニカは、完全に機能するeコマースWebサイトを構築するための便利な要素がたくさん含まれている、もう1つの驚くべき無料のPSDUIコンポーネントキットです。 無料のPSDをダウンロードしてください!

19モニカ–eコマース用の無料PSDUIキット ピン

フェアモバイルUIキット:8つの無料アプリ画面

Fairは100以上の画面を備えたモバイルUIキットです! 無料版には、モダンで洗練されたデザインの8つの画面が含まれています。 無料のPSDファイルをダウンロードします。

20のフェアモバイルUIキット-8つの無料アプリ画面 ピン
チャット:最小限のUIキット(PSD +スケッチ)

チャットは、すばらしいアプリを設計するための無料の最小限のユーザーインターフェイスコンポーネントキットです。 12のカテゴリの60のテンプレートと80のUI要素が含まれています。 PhotoshopファイルとSketchファイルの両方として提供されます。

21チャット-最小限のUIキット(PSD +スケッチ) ピン

10画面のクリーンなiOSUIキット

これは、完全に編集可能で階層化されたPSDファイルとして提供される10個のアプリ画面を備えたクリーンなiOSキットです。

2210画面のクリーンなiOSUIキット ピン

ズームUIキット

Zoomは、モバイルアプリを紹介するランディングページ用に特別に設計されたUIキットです。 この無料のPSDファイルを使用して、アプリのデザインに最適なランディングページを作成してください。

23ズームUIキット ピン

エレガンス–iOS用UIキット

Eleganceは、iOS用の12個の高品質画面で構成されたeコマースアプリデザインUIコンポーネントキットです。 上記のリンクから無料のPSDファイルとSketchファイルをダウンロードできます。

24エレガンスiOSUIキット無料 ピン

フード&ドリンクUIキット

Food&Drinkは、食品および飲料業界に最適なウィジェット化された要素が多数含まれているクリーンなUIキットです。 クールな食品関連のアプリやウェブサイトを作成するために使用します。

25フード&ドリンクUIキットUIコンポーネント ピン