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

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

  • このエントリーをはてなブックマークに追加

以前にAdobe XD用のUI Kitをまとめましたが、今回は管理画面やダッシュボードに使えそうなテンプレートをまとめてみました。

関連:無料で利用できるAdobe XD UIKit 15選

目次

充実した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画面のみですが、ライトとダークテーマがあります。

丸みを帯びたCourses Dashboard

Courses Dashboard for Adobe XD

https://www.behance.net/gallery/81464585/Courses-Dashboard

全体的に丸みを帯びたデザインとなっています。

アナリティクスの管理画面をリデザインFree UI Kit Google Analytics Redesign

Free UI Kit Google Analytics Redesign (Adobe XD)

https://www.behance.net/gallery/72729949/Free-UI-Kit-Google-Analytics-Redesign-(Adobe-XD)

ファイナンスとインフルエンサー用管理画面Finance / Influencer

Influencer Dashboard

https://dribbble.com/shots/5403382-XD-Dashboard-v0-2-Influencer-Dashboard

ファイナンスとインフルエンサー向けサービスの管理画面となっています。

SNSの管理画面を彷彿させるAdobe XD UI KIT Freebies

Adobe XD UI KIT Freebies by Yelena Muse

https://dribbble.com/shots/5018650-Adobe-XD-UI-KIT-Freebies

フォロワーに関するデータなどから、SNSに関するサービスを想定したデザインだと思われます。

フィットネス向け管理画面Free Adobe Xd Dashboard | Fitness

Free Adobe Xd Dashboard | Fitness

https://dribbble.com/shots/3508766-Free-Adobe-Xd-Dashboard-Fitness

1画面のみですが、フィットネス向け管理画面のデザインとなっています。

派手だけどシンプルParents Dashboard iOS App

Parents Dashboard iOS App by Murat Nalcaci

https://dribbble.com/shots/3918005-Parents-Dashboard-iOS-App

グラフの見た目は派手ですが、シンプルです。

色分けで見やすいDashborad

Dashborad by ramy ali for Adobe XD

https://dribbble.com/shots/6525574-Dashborad

軽い印象を受けるテンプレートです。

シンプルなDashboard

Dashboard by Vladan Vidaković for Adobe XD

https://dribbble.com/shots/6826289-Dashboard

シンプルなリストサンプルです。

  • このエントリーをはてなブックマークに追加

記事作成者の紹介

マーツ(その他)

SONICMOOVでは、Webデザイナー、コーダーの経験を経て、Webディレクターに。様々なWeb制作・アプリ開発に携わり、その後、便利な用務員に。Hep Hep!にてeizとして記事執筆中。

Webデザイナー募集!

イラストーレーター募集!

×

SNSでも情報配信中!ぜひご登録ください。

×

SNSでも
情報配信中!
SONICMOOV Facebookページ SONICMOOV Twitter

Webデザイナー募集!

新着の記事

mautic is open source marketing automation