Красивые формы логина на сайте (+ 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 исходники, а это значит, что те или иные элементы сможете изменить в фотошопе под свои нужны.

1 комментарий к статье “Красивые формы логина на сайте (+ PSD исходники)”
  1. graphics designer

    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

Оставить комментарий

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *