Bootstrapを使ったログイン画面の無料テンプレート 10選
スポンサーリンク
WEBサービスを作るときにはどうしても必要になる管理画面ですが、あまり管理画面に手間をかけたくないのでBootstrapのようなデザインフレームワークを採用するすることも多いと思います。
レシポンシブな管理画面を作ったり、グリッドレイアウトにしたり、フォームまわりをこぎれいにするにはBootstrapは便利ですからね、やっぱり。
管理画面をBootstrapで作ったなら、フォームの統一感を考慮し、ログイン画面もBootstrapで作るのが普通かと思います。
でも、本家Bootstrapのサイトにあるサンプルのログインページでは物足りないと感じることも多いのではないでしょうか。
Bootstrapオフィシャルサイトのサンプルログインページ
そこで、Bootstrapを使った無料のログインページテンプレートを集めてみました。
ログインページごときに手間をかけたくないので、コピペしてサクッと実装してみてはいかがでしょう。
目次
Locked Login Page
ユーザーIDがロックされた状態のログインフォームのサンプルデザインです。ダークな色づかいにセンスを感じますね。
Red profile and login panel
赤が印象的なログインフォームです。
login form layered
フォームの部分が重ねた紙を少しづつずらしたようなデザインです。シンプルですがちょっとしたアクセントをさりげなく使うだけでも十分おしゃれだと思います。
Custom Login, Registration & Forgot Password
色が薄くて、ちょっとわかりにくいかもしれませんが、奇抜なデザインは好きです。ボタン部分の色をアレンジしてみるのも良いかも。
Google style login extended
Googleのアカウントログインを模したデザインです。
Simple login form – Bootsnipp style colorgraph
カラフルなラインをアクセントにしたデザインです。
Login Form Panel
タブ形式で切り替え可能なログインフォームです。けっこうタブを使うこのタイプって使ってみると便利だったりします。
Bond Street Login
テキストボックスを幅いっぱいにしたデザインです。
Login Form MD
フェイスブック認証、ツイッター認証のボタンがあるログインフォームです。
Wedding login form
ウェディング系のサービスにどうぞ。ダウンロードするにはページ下部の真ん中あたりのダウンロードボタンからです。
過去の記事でもログイン画面のHTMLテンプレートを紹介したページがありますので、よろしければそちらもご覧ください。
sounansa.net（このサイト内）スポンサーリンク