Web form часто является основным каналом связи между посетителями и владельцев сайтов.Обратная связь всегда важна, поэтому it’ S необходимо убедиться, что веб-формы просты для понимания и интуитивно понятным в использовании.Тем не менее, даже в форме дизайна можно позволить себе некоторые здоровые части creativity.
Веб-формы don’ т должны быть скучными и, используя CSS или Flash, вы можете легко убедиться, что они являются привлекательными и эффективными.Чтобы вас заметили, нужно придумать что-то уникальное и интересное — символы, значки, цвета, положения или размера веб-формы часто используются, чтобы добиться интересных дизайнерских решений.We’ нас искали некоторые примеры и we’ Нашел их.Творческие, оригинальные и необычные веб-forms.
Ниже мы приводим более 40 (действительно) красивых примеров веб-форм, а также современные решения и творческие идеи, связанные с веб-форму design.Некоторые из примеров основе флэш-, однако, в большинстве случаев вы можете легко создать аналогичные проекты с чистого CSS и (X) HTML.
Также учитывать наш предыдущий article
- CSS-форм: современные Solutions котором перечислены современные решения для CSS-формы design.
1.Чистые, простые и красивые Solutions
С веб-формы, вероятно, один из самых важных разделов веб-сайта, it’ с необходимыми для вас, как дизайнера, чтобы убедиться, что посетители могут легко понять, какая информация им нужна, чтобы заполнить в поля формы.Сложный и длительный веб-форм увеличение когнитивной нагрузки для пользователей — они просто труднее иметь дело.В этом контексте, предпочитая простые и чистые solutions походит на звук подхода.Однако, если форма была разработана с вниманием к деталям и выглядит хорошо, it’ S также целесообразно использовать некоторые привлекательные образы в forms.
Softmail ‘ ы бюллетень коробке поставляется из Бразилии и показывает отличную интеграцию сообщений значок в виде дизайна.Submit-кнопки ясно и привлекательно.Это творческий design.
Swfir также использует конверт metaphor.
Рукописного ввода используется в Katrin Wegmann’ Сайт с.Привлекательный, привлекательный и игривый дизайн, который отлично удается передать свои функции в users.
TheWatchMakerProject впечатляет хороший и необычный дизайн.Форма помещается в правой части последнего comments.
Frexy.com с красивым и чистым solution.
Flingmedia используется скользящий контакт формы.В зависимости от visitor’ намерения (Замечание общего порядка, нового запроса проекта и т.д.), пользователь может скользить в веб-формы которой рассматриваются его / ее interests.
Envero.org — веб-форм является огромным и заполняет всю ширину макета.Размер шрифта и размер полей ввода выбирается accordingly.
2.Креативные solutions
Хотя веб-форм, как предполагается, позволит пользователям войти в контакт с владельцами сайтов, довольно часто дизайнеры рискуют творческие решения и предложения посетителей макеты wouldn’ т на самом деле ожидать от скучных, стандартных веб-форм they’ уже использовали более лет.Многие различные метафоры используются.Вот краткий обзор некоторых интересных ones.
Created201.com принимает посмотрим на форму контакта с совершенно другой точки зрения.Этот эффект создается с помощью Flash.
Хорошо, this действительно разные.Если you’ бы хотелось, чтобы войти в контакт с Эдвардом фисташки, you’ понадобится, чтобы решить загадку первым.Этот подход isn’ T применима для блогов или бизнес-веб-сайтов.Тем не менее, он отлично вписывается в концепцию сайта.Посетители amazed.
Химия Recruitments используется папка, ручка-это-заметки и несколько листа paper.
Александр Cohaniucпредставляет собой огромный веб-формы с эскизом и stamp.
Тони Yoo ‘ контактной форме показывает контактную информацию на левой стороне.Не счастливый разговор, только добраться до точки.А некоторые дизайнеры должны экстра-страницы для контактных данных
Qwert City позволяет пользователям отправлять конструктор “ postcard” …
… так же Wildvuur.com (в настоящее время в автономном режиме) — веб-форма была отлично интегрирован в сайт layout.
BubblesSOC имеет лентой на вершине большой, laaarge, действительно laaaaarge веб-form.
3.Используйте иллюстрации, чтобы скрасить form
Когда пользователь нажал на ссылку, которая ведет на веб-форму, он или она находится в одном шаге от получения в контакте с владельцами сайтов.Некоторые дизайнеры стараются, чтобы убедиться посетители в действительности заполнить форму с помощью привлекательных персонажей и иллюстраций, которые служат для создания пользователи чувствуют себя более комфортно с form.
Интуитивно Designs пытается произвести впечатление на посетителей с напряженным почтальона.Doesn’ т он на самом деле есть достаточно, чтобы сделать
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров