デザインを開発するという視点でお伝えするクリエイティブBLOG
ECサイトのデザインや会員向けページなど何かと必要となる機会の多いログインぺージ。求められる要素の少なさから、いつも似たり寄ったりのデザインになってしまうと言う方も多いのでは。今回ご紹介するのはそんなログインページのデザインの参考にもなる、オープンソースなログインページのフォーマットをまとめた「10 Open Source Login Pages Built With HTML5 & CSS」です。
10 Open Source Login Pages Built With HTML5 & CSS
フラットデザインからビジネス向けな印象のものまで、様々なログインフォームが10種類紹介されています。さらにその中から幾つか気になったものをピックアップしましたので、ご覧ください。
詳しくは以下
Login Page UI
丸みのついたボタンやグラデーションなどの要素が今っぽい、フラットな印象のフォーマットです。シンプルでスッキリとまとまっており、分かりやすいのも良いですね。
Login Page UI
ダークカラーをベースにしたシンプルなログインフォームです。ビジネスやクールな印象のサイトにもぴったりです。
Login Form – Modal
色鮮やかで華やかな印象をうけるログインフォームです。クリックすることでアカウント作成フォームが開く機能も付随している多機能差が特徴。
シンプルな構成だけにデザインの広がりに悩みがちなログインフォームですが、他人の制作したデザインに触れることでよりデザインの引き出しも広がりそうですね。ご紹介したサイトでは他にも多数のログインフォームフォーマットが紹介されていますので、気になるという方は是非一度下記リンクからご覧になってみてはいかがでしょうか。
