参考にしたいAdobe XD用の管理画面・ダッシュボードテンプレート14選

マーツ

2019.08.14

以前にAdobe XD用のUI Kitをまとめましたが、今回は管理画面やダッシュボードに使えそうなテンプレートをまとめてみました。関連：無料で利用できるAdobe XD UIKit 15選

充実したFREE Dashboard UI Kit for Adobe XD
120以上のUI要素があるMiro FREE Dashboard UI Kit for XD
3種類のサンプルがあるDashboards
アニメーションに凝ったAdobe XD Interactions with Auto Animate
ライトとダークテーマがあるダッシュボードテンプレート
丸みを帯びたCourses Dashboard
アナリティクスの管理画面をリデザインFree UI Kit Google Analytics Redesign
ファイナンスとインフルエンサー用管理画面Finance ／ Influencer
SNSの管理画面を彷彿させるAdobe XD UI KIT Freebies
フィットネス向け管理画面Free Adobe Xd Dashboard | Fitness
派手だけどシンプルParents Dashboard iOS App
色分けで見やすいDashborad
シンプルなDashboard

充実したFREE Dashboard UI Kit for Adobe XD

>FREE Dashboard UI Kit for Adobe XD https://www.behance.net/gallery/60714355/FREE-Dashboard-UI-Kit-for-Adobe-XD サインアップ画面や、カレンダーパーツ、ラジオボタン、ステッパーなどのアイテムがかなり充実しているUI Kitです。これさえあれば、大体の管理画面は作成できるのではないでしょうか。

120以上のUI要素があるMiro FREE Dashboard UI Kit for XD

Miro FREE Dashboard UI Kit for XD https://www.behance.net/gallery/80314909/Miro-FREE-Dashboard-UI-Kit-for-XD メインのダッシュボード管理画面はもちろんのこと、ファイルマネージャー、ユーザー管理、カレンダー、支払いなどに関するサンプルもあります。

3種類のサンプルがあるDashboards

Dashboards by Yaroslav Lozovoi for Adobe XD https://www.behance.net/gallery/72767275/Dashboards-Free-PSD-Sketch-XD-Figma プロフィール用ダッシュボード、ビットコイン交換用ダッシュボード、ヘルス分析用ダッシュボードの3種類のサンプルがあります。

アニメーションに凝ったAdobe XD Interactions with Auto Animate

Adobe XD Interactions with Auto Animate https://dribbble.com/shots/5565015-Adobe-XD-Interactions-with-Auto-Animate 自動アニメーションを活用したテンプレートです。ログイン画面からログインして、ダッシュボードの表示が完了するまでのアニメーションに思わず、おっ？となります。

ライトとダークテーマがあるダッシュボードテンプレート

Vuesax Vuejs - Vuejs Admin Dashboard Template https://xdresources.co/resources/vuesax-vuejs-vuejs-admin-dashboard-template ライトとダークテーマが用意されているダッシュボードテンプレートです。Analytics、Eコマース、チャット、メールなどのサンプル画面があります。 Free Dashboard Web App Template https://dribbble.com/shots/5421541-Free-Dashboard-Web-App-Template こちらも1画面のみですが、ライトとダークテーマがあります。