以前にAdobe XD用のUI Kitをまとめましたが、今回は管理画面やダッシュボードに使えそうなテンプレートをまとめてみました。
目次
- 充実した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
https://www.behance.net/gallery/60714355/FREE-Dashboard-UI-Kit-for-Adobe-XD
サインアップ画面や、カレンダーパーツ、ラジオボタン、ステッパーなどのアイテムがかなり充実しているUI Kitです。これさえあれば、大体の管理画面は作成できるのではないでしょうか。
120以上のUI要素があるMiro FREE Dashboard UI Kit for XD
https://www.behance.net/gallery/80314909/Miro-FREE-Dashboard-UI-Kit-for-XD
メインのダッシュボード管理画面はもちろんのこと、ファイルマネージャー、ユーザー管理、カレンダー、支払いなどに関するサンプルもあります。
3種類のサンプルがあるDashboards
https://www.behance.net/gallery/72767275/Dashboards-Free-PSD-Sketch-XD-Figma
プロフィール用ダッシュボード、ビットコイン交換用ダッシュボード、ヘルス分析用ダッシュボードの3種類のサンプルがあります。
アニメーションに凝ったAdobe XD Interactions with Auto Animate
https://dribbble.com/shots/5565015-Adobe-XD-Interactions-with-Auto-Animate
自動アニメーションを活用したテンプレートです。ログイン画面からログインして、ダッシュボードの表示が完了するまでのアニメーションに思わず、おっ?となります。
ライトとダークテーマがあるダッシュボードテンプレート
https://xdresources.co/resources/vuesax-vuejs-vuejs-admin-dashboard-template
ライトとダークテーマが用意されているダッシュボードテンプレートです。Analytics、Eコマース、チャット、メールなどのサンプル画面があります。
https://dribbble.com/shots/5421541-Free-Dashboard-Web-App-Template
こちらも1画面のみですが、ライトとダークテーマがあります。
丸みを帯びたCourses Dashboard
https://www.behance.net/gallery/81464585/Courses-Dashboard
全体的に丸みを帯びたデザインとなっています。
アナリティクスの管理画面をリデザインFree UI Kit Google Analytics Redesign
https://www.behance.net/gallery/72729949/Free-UI-Kit-Google-Analytics-Redesign-(Adobe-XD)
ファイナンスとインフルエンサー用管理画面Finance / Influencer
https://dribbble.com/shots/5403382-XD-Dashboard-v0-2-Influencer-Dashboard
ファイナンスとインフルエンサー向けサービスの管理画面となっています。
SNSの管理画面を彷彿させるAdobe XD UI KIT Freebies
https://dribbble.com/shots/5018650-Adobe-XD-UI-KIT-Freebies
フォロワーに関するデータなどから、SNSに関するサービスを想定したデザインだと思われます。
フィットネス向け管理画面Free Adobe Xd Dashboard | Fitness
https://dribbble.com/shots/3508766-Free-Adobe-Xd-Dashboard-Fitness
1画面のみですが、フィットネス向け管理画面のデザインとなっています。
派手だけどシンプルParents Dashboard iOS App
https://dribbble.com/shots/3918005-Parents-Dashboard-iOS-App
グラフの見た目は派手ですが、シンプルです。
色分けで見やすいDashborad
https://dribbble.com/shots/6525574-Dashborad
軽い印象を受けるテンプレートです。
シンプルなDashboard
https://dribbble.com/shots/6826289-Dashboard
シンプルなリストサンプルです。