Творческий подход к реализации полей заполнения
9 июня 2014 | Опубликовано в статьюшечки | 2 Комментариев »
Любой веб-дизайнер мечтает создать ошеломляющий опыт для посетителя в первый же визит на сайт. Впечатление в первый визит также важно как в первое свидание. Если вы застанете молодого человека за ковырянием в носу перед ужином на первом свидании, второго скорее всего не будет. Но если вы уже долгие годы живете в браке с мужчиной, который вдруг начинает ковыряться в носу перед едой, вы не станете подавать на развод. Такая же разница между первым впечатлением и длительными отношении существует и в веб-дизайне.
Скорее всего многие из читателей согласятся с этим. Но как же произвести это самое незабываемое положительное впечатление? Вы можете уже сейчас внести некоторые изменения в элементы UI, чтобы добиться желаемого.
Один из способов взаимодействия с пользователем являются формы регистрации, входа, подписки и т. д. Все это довольно часто используется посетителями, и в этой статье вы узнаете как сделать их потрясающими! Мы рассмотрим примеры весьма удачного дизайна форм для заполнения и почерпнем немало идей.
Инновационный подход
1) Однострочная форма
Вместо того, чтобы располагать на сайте шесть полей, это минималистичное решение предлагает разместить все формы в одном поле. Нет отвлекающих элементов, а узнать на каком этапе вы находитесь вам позволит индикатор прогресса и цифры, указывающие количество вопросов. Единственный минус этого решения — нельзя вернуться назад и ввести другое значение. Научиться создавать такое поле можно в этом уроке.
2) Форма в контектсе разговора
Отличное решение, в котором пользователь может выбирать слова в предложении, составляя необходимый запрос. Научиться делать такое же можно в этом уроке.
Формы подписки
Вот несколько примеров выполнения формы почтовой подписки, которые произведут хорошее впечатление на посетителя.
1) Studio Kit
3) Дизайн от Daniil Vnoutchkov
Формы входа и регистрации
1) Snapwire
4) Colin Garven
5) Logoswish
Регистрация кредитных карт
Форма заполнения выполнена в виде кредитной карты.
3) Payment Form
4) Payment Form
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- Футуризм в иллюстрации
193
9 июня 2014 в 13:28
Однострочная форма просто шикарна
Ответить