森島

【デザインまとめ】綺麗なデザインの管理画面 40種類

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

今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。
通常の静的なサイトのデザインとは異なり、投稿がある場合無い場合とたくさんのパターンを考えながら制作しなければならないので、デザイン力が問われます。これらを日本語に置き換えるとまた違って見えたりするのですが、ひとまず、ご参考になればと思います。


▼ The Kamarel
デモサイト
39The Kamarel v. 1.3

▼ Apricot Bootstrap
デモサイト
01Apricot

▼ The Vira
デモサイト
25THE VIRA

▼ Cameo
デモサイト
02Cameo Responsive Admin Dashboard

▼ DefOne
デモサイト
03DefOne - Responsive Admin Template - v1.2.0

▼ Pixit
デモサイト
04Pixit - Responsive Boostrap3 Admin

▼ AdminEx
デモサイト
05ThemeBucket

▼ Odin
デモサイト
06Dashboard Dashboard

▼ Minimal
デモサイト
07Minimal 1.1 - Dashboard

▼ Delighted Flat
デモサイト
08Delighted

▼ Tisa Premium
デモサイト
09Tisa Admin Template v1.1 (dashboard)

▼ Adminre
デモサイト
10Adminre - 1.1.2

▼ Minoral
デモサイト
11Minoral 1.3 - Dashboard

▼ Simplicity
デモサイト
12Simplicity - Massive Admin Pack

▼ ProUI
デモサイト
13ProUI - Responsive Bootstrap Admin Template DEMO

▼ Gemini
デモサイト
14Gemini

▼ Mint
デモサイト
15Mint - Flat & Responsive Admin Dashboard

▼ Bucket Admin
デモサイト
16BucketAdmin

▼ Flat Dream
デモサイト
17Flat Dream

▼ Stardom
デモサイト
18Stardom - A Responsive HTML5 Admin UI Template Theme


▼ Bars
デモサイト
19Dashboard

▼ Admax
デモサイト
20Dashboard

▼ Flatron
デモサイト
21Flatron Responsive Admin Template Dashboard

▼ Cascade
デモサイト
22Cascade Flat , Responsive Bootstrap 3.0 Admin Template

▼ Proton
デモサイト
23Proton UI - Dashboard

▼ ZAPanel
デモサイト
24Admin Panel

▼ Taurus
デモサイト
26Taurus

▼ Cloud Admin
デモサイト
27Cloud Admin Dashboard

▼ Avant
デモサイト
28Avant

▼ Fides
デモサイト
29Fides Admin

▼ Thin Admin Template
デモサイト
30Thin Admin

▼ AUI
デモサイト
31AgileUI

▼ Clip-One
デモサイト
32Clip-One - Responsive Admin Template

▼ Curve Admin Template
デモサイト
33Curve - Admin Template

▼ FreshUI
デモサイト
34FreshUI - Premium Web App and Admin Template DEMO

▼ Mars
デモサイト
35Responsive Admin template based on Bootstrap 3

▼ Melon
デモサイト
36Dashboard Melon - Flat & Responsive Admin Template

▼ Se7en
デモサイト
37se7en - Dashboard

▼ AvocadoPanel
デモサイト
38AvocadoPanel

▼ first
デモサイト
40Mobile first web app theme first

執筆者：森島[ WEBデザイナー ]

8bit デザイナーです。 デザイン・マークアップ・映像制作など幅広く担当しています。

関連記事

Webサイト制作

WordPress納品後にクライアントが安心して運用できる仕組みづくりをしよう

ホームページ制作において、更新機能を手軽に導入できるのがWordPressです。 専門知識がなくても記事の投稿やページ編集を行いやすい一方で、クライアントが自分で運用するには、が欠かせません。 今回は、そのための仕組みづくりについてご紹介します。 制作側の方はもちろん、クライアント側でホームページ運用を担当される方も、制作時のご相談などにぜひ参考にしてみてください。 目次1 管理画面のロゴを企業ロゴに変更する2 管理画面のURLを変更する・認証などを付けてセキュリティ面を強化 […]

Webデザイン

【iOS/Android対応】起動画面ロゴアニメーションをAfter Effectsで作成→Lottieに変換

こちらは、当社でリリースしたアプリ「ピンピタ」で使用しているロゴアニメーションです。 スプラッシュ画面でロゴが動くと、ぐっとアプリらしい印象になりますし、作ってみたいですよね。 今回は、After Effects（以降AE）でロゴアニメーションを作成し、アプリに組み込むまでをご紹介します。 AEと聞くと難しい印象がありますが、PremiereやFlashなどを触った経験がある方なら、すぐに慣れます。 もう一度再生 目次1 作業フロー1.1 注意点：グラデーションが使用不可2 […]

マークアップ

コーポレートサイトのアクセシビリティ、どこまで対応すべき？

コーポレートサイトにおける。 重要だと分かっていても、コーポレートサイトにどこまで反映すべきかは悩みどころではないですか？ 今回は、現実的に取り組みやすい部分と、対応が難しい部分を整理してご紹介します。 一概にこれが正解、というわけではありませんが、悩んでいる方の参考になればと思います。 目次1 コーポレートサイトでの達成基準は？2 比較的対応しやすい部分2.1 画像に代替テキストを設定する2.2 見出し構造の整理（h1～h6の適切な使用）をする2.3 色や形だけに依存しない […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。