デザイン

デザイン

ウェブ&モバイルアプリに使える!無料AdobeXDUIキット20選

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、20 Free Adobe XD UI Kits for Web & Mobile App Designers
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

261 views

読了時間 : 約4分33秒

ここ数年はPhotoshopやSketch関連の話題でもちきりでしたが、Adode XDは静かながらも着実に、Webやモバイルアプリのデザイナーの間で支持を集めてきました。2016年12月にリリースされ、昨年10月に公式にベータ版を終了したAdobe XDは、新しい機能が追加され続け、他の人気のUIデザインツールに手ごわいライバルとみなされるようになっています。

 

まだAdobe XDを試したことがない場合は、こちらから無料でダウンロードできます。

 

この記事では、アプリケーションに慣れて、次のWebデザインやモバイルアプリ作りに活かせるように、無料のAdobe XD UIキットを20種類集めました。

 

 

Explord Free Adobe XD UI Kit

 

UIデザイナーのDaumantas Banysによって作られたカードスタイルのExplord UI Kitには、ブログやポートフォリオのWebサイトをデザインする上で必要なものがすべてそろっています。

 

 

 

Education Web UI Kit for Adobe XD

 

Vivek PopatによってデザインされたAdobe XD向けEducation UI Kitは、学校や大学のWebサイトをすぐにデザインできるように作られました。Adobe Photoshopでも利用可能です。

 

 

 

Dashboard UI Kit for Adobe XD

 

こちらは無料の管理画面のダッシュボードUIキットで、100種類を超えるコンポーネントと15種類のデータチャートテンプレート、さらにホーム、ログイン、Eメール、チャットおよび請求書を含む10ページ超のコンテンツが用意されています。

 

 

 

Pawtastic eCommerce UI Kit for Adobe XD

 

PawtasticはeコマースやマーケティングWebサイトをデザインするのに適した無料のAdobe XD UIキットです。35種類のUIエレメントが用意されているだけではなく、特典で15種類のワイヤーフレームテンプレートもついてきます。

 

 

 

Cactaceae Free Web UI Ki

 

BlackphantによってデザインされたCactaceae Free Web UI Kitは、どんな種類のWebサイトも構築できるようにコンポーネントがぎっしり詰まっています。

 

 

 

Free Dark Adobe XD Styleguide

 

Tyler Wainがデザインした、この無料のAdobe XDスタイルガイドテンプレートを使えば、すばやく次のWebデザインに取り組めます。

 

 

 

Adobe XD Free UI Styleguide

 

Vivek Popatがデザインした、先ほど紹介したものとは別の無料Adobe XD UIキットです。ライトバージョンとダークバージョンの両方が利用可能で、Webサイトのエレメントやステータスを多く含んだスタイルガイドテンプレートです。Bootstrapを念頭に置いて構築されています。

 

 

 

Wires Free Wireframe Kits for Adobe XD

 

こちらの無料のAdobe XDワイヤーフレームテンプレートは、Webサイトやモバイルアプリのプロトタイプをすばやく作成できるようにつくられました。全部で170種類のモバイルテンプレートと90種類のWebテンプレート、240のコンポーネントと178のアイコンが備えられています。

 

 

 

Free Mobile App Wireframe Kits for Adobe XD

 

Ce Ali Omarが作ったこの無料のシンプルなキットは、モバイルアプリのアイデアをすぐに実現できるように作られました。

 

 

 

Adobe XD Desktop Wireflow Templates

 

この無料のAdobe XDキットには、Webサイトの流れを分かりやすくするためにWebサイト、eコマースサイト、管理ダッシュボードに使えるタイルデザインが揃っています。

 

 

 

WebKit Wareframes for Adobe XD

 

Vladimir NikitinはWebサイトのレイアウトのプロトタイプをすばやく作成できるように、シンプルな「Wareframes」Adobe XDキットを作りました。

 

 

 

Tiny Miniature Wireframes for Adobe XD

 

Adobe XDとSketchに対応したこちらの無料の素晴らしいミニチュアタイルデザインのテンプレートは、UIデザイナーのHannah Milanによって作られました。

 

 

 

Free UI Elements for Mobile Apps

 

Meagan Fisherがデザインした、このAdobe XDスターターUIキットを使えば、次のモバイルアプリのプロジェクトが活性化します。

 

 

 

Material UI Kit for Adobe XD

 

Emma Drewsによるこの無料のマテリアルデザインモバイルUIキットは、Adobe XD、Sketch、Photoshopのいずれの形式でもダウンロード可能です。

 

 

 

Navigo Transportation Free iOS Mobile UI Kit

 

Navigo Transportation Kitは、iOSに対応しており、カスタマイズ可能な60種類以上の画面(6つのカテゴリーで構成)が利用できます。iOSモバイルアプリをデザインするためには最適な無料プラットフォームです。

 

 

 

Cooin Crypto Free UI Kit

 

こちらの無料Adobe XD UIキットには、仮想通貨をテーマにしたWebサイトやモバイルアプリをデザインするためのフローが含まれています。一般的なフォーム要素、グラフ、チャートなどが含まれています。

 

 

 

MyWeather Free Adobe XD Kit

 

Mark Vasylievによって作られたMyWeatherは、モバイルアプリをすばやくデザインするための最小限のUIキットです。

 

 

 

iOS11 App Store GUI

 

モバイルUIデザイナーのRanish Chirayilによる、無料のiOS App Store GUIテンプレートです。画面がわずが3つだけですが、すばらしい働きをします!

 

 

 

Free Mobile Booking Adobe XD UI Kit

 

 

Free Finance Mobile App UI

 

 

Free Adobe XD Collaboration App UI Kit

おすすめ新着記事

おすすめタグ