Skip to content

Bootstrapを使った管理画面テンプレートをまとめて紹介

by : 2014/07/28

Webベースの業務システムを開発する場合、えてして管理画面が必要になります。とは言え、ユーザ向けの画面であればともかくシステム管理者や開発者だけが触る画面に対してあまりユーザビリティの高いUI/UXが提供されることは多くありません。

そこで使ってみたいのがBootstrapです。同じように考える人たちは多く、Bootstrapを使った管理画面テンプレートは実に数多く存在します。ぜひ好みにあったものを選んで、使いやすい管理画面を構築してください。


SB Admin 2


大きなアイコンが印象的なダッシュボードです。グラフ、テーブル、フォームなどの機能があります。

SB Admin 2 – Free Bootstrap Admin Theme – Start Bootstrap

AdminLTE


地図のグラフやメニューへのバッジ表示、ツールバー部分のアイコンなどの機能があります。

Free Admin Template For Bootstrap – AdminLTE | Almsaeed Studio

Bootstrap Admin Theme v3


カレンダー、グラフ、テーブル、ボタン、WYSIWYGエディタのサポートがあります。

Bootstrap Admin Theme v3

SIMINTA


パステルな色使いが特徴で、大きなアイコンで分かりやすい作りになっています。

Bootsrtap Free Admin Template – SIMINTA | Admin Dashboad Template

Binary Admin


メニューなどの項目に大きなアイコンが表示されています。コントラストのはっきりした色使いになっています。

Free Bootstrap Admin Template : Binary Admin

BCORE Admin


3カラムのテンプレートになっていて、より多くの情報を詰め込めるようになっています。

BCORE Admin Dashboard Template | Dashboard

Metis


黒基調のテンプレートになります。ファイルマネージャ機能や地図、多数のコンポーネントと実に多機能です。

Metis

Simple Dashboard


すっきりしたデザインのシンプルな管理画面です。スマートフォンやタブレットからでも利用しやすそうです。

Simple Dashboard

Dashboard – Bootstrap Admin Template


グラフ、カレンダー、ステータス表示などが可能です。メニューは上にアイコンで並ぶ形になっています。

Dashboard – Bootstrap Admin Template

hierapolis


角丸なフラットUI系テーマになります。パステルカラー基調ですっきりとした見た目になっています。

lab2023/hierapolis

Admin Home Page


ウィジェットに分かれているので様々な情報が盛り込めるようになっています。テーブルも細かく分けて表示できます。

Admin Home Page

Free HTML5 Bootstrap Admin Template


角丸で淡い配色が特徴になっています。陰付きなデザインはちょっと前のトレンドだったデザインになります。

Free HTML5 Bootstrap Admin Template


いかがだったでしょうか。今回は特に無料で配布されているものに厳選してご紹介しました。Bootstrapの管理画面で有料のものもたくさんあるのですが、なかなか自分たちが使う管理画面に対してお金を支払えるケースは多くないように思います。無料で高機能なものも多いので、ぜひこちらを使うべきでしょう。

なおBootstrapはテンプレートであってそのままでは動きません。ぜひhifiveと組み合わせて高機能な管理画面を実現してください。

hifive – HTML5企業Webシステムのための開発プラットフォーム – hifive

HTML5企業Webシステムのための開発プラットフォーム

From → まとめ, HTML5

現在コメントは受け付けていません。

%d人のブロガーが「いいね」をつけました。