Красивые формы логина на сайте (+ PSD исходники)

Форма логина – функциональный элемент, который используют многие корпоративные сайты, где часть информации скрыта от всех посетителей (так называемые закрытые разделы). Если вы блоггер и часто работаете с системой worpdress, то наверняка видели такую форум при входе в систему. Основными элементами формы, конечно же, являются поля для вводы имени пользователя (логина) и пароля + кнопка входа. Тем не менее, данный элемент может также содержать:

  • Ссылку “Забыли пароль” – используется для того чтобы пользователь смог восстановить пароль в случае его потери.
  • Кнопку или ссылку “Регистрация” – которая будет отправлять еще не зарегистрированного пользователя на соответствующую страницу сайта.
  • Чекбокс “Запомнить меня” – используется для того чтобы введенный логин и пароль автоматически подставлялся при следующих посещениях.

Конечно, также форма логина может содержать заголовок + какую-то текстовую информацию. Основным отличием может быть даже не использование дополнительных элементов в форме, а дизайнерские решения. В данном после хочу представить вам 8 оригинальных форм логина с PSD исходниками. То есть вы сможете самостоятельно подправить PSD файлы в фошотопе и преобразить ту или иную форму как вам будет нужно.

формы логина PSD исходники

Если нужны конкретные PSD форм логина, то ниже найдете ссылки на страницы, где сможете их загрузить. Большинство из них достаточно разные – как в плане дизайна, так и по функциональным возможностями.

Inline Login Form

Inline Login Form

Стильная форма логина в темном цвете, единственная в наборе, где поля расположены в одну строку.

Log In Form

Log In Form

Минимум элементов в форме – только поля и кнопка.

Login Modal Box

Login Modal Box

В отличии от предыдущего варианта здесь наоборот есть все – ссылка “забыли пароль”, текст для желающих создать свой аккаунт + соответствующая кнопка. Есть даже иконка крестика в правом верхнем углу для закрытия этого всплывающего окна. Отличная форма логина!

Mini Sign In Form

Mini Sign In Form

Маленькая минималистическая форма, есть ссылка регистрации, для полей ввода имеются иконки.

Stacked Paper Login

Stacked Paper Login

Это решение я бы назвал самым стильным в плане дизайна – форма достаточно функциональная и при этом выглядит все компактно (каждая деталь находится на своем месте): как ссылка “забыли пароль”, так и чекбокс “запомнить меня”.

Login Form

Login Form

Светлая простая форма логина, в принципе все как обычно.

Little Login

Little Login

Симпатичная по дизайну реализация формы – как фона, так и полей с кнопкой – выглядит очень стильно.

Fresh Light Login Form

Fresh Light Login Form

Минимум элементов в форме, яркая кнопка.

Каждая из представленных форм логина, в принципе, имеет какие-то свои преимущества, и выбирать нужно исходя из общего стиля вашего сайта/приложения. Напоминаю что для данных форм в архиве вы найдете PSD исходники, а это значит, что те или иные элементы сможете изменить в фотошопе под свои нужны.

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Комментариев - 1 для поста Красивые формы логина на сайте (+ PSD исходники)
  1. ]]> graphics designer ]]> (April 14, 2014)

    Nice collection of Search Bars. This is the first time I’ve seen such an incredible collection,dedicated only to search bards.
    Great work… Keep it up

Оставить комментарий
для статьи Красивые формы логина на сайте (+ PSD исходники)