Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Веб-формы – 36 дизайнерских решений

11 мая 2008 | Опубликовано в Веб-дизайн | 2 Комментариев »

Веб-форма (так же используется название email-форма) – связь между посетителем и владельцем сайта. Для доступной обратной связи веб-формы должны быть простыми для понимания и удобными в использовании. Но даже в дизайне формы можно позволить себе немного творчества.
С помощью CSS или флеша, вы можете сделать так, чтобы веб-формы стали привлекательными и эффективными. Для того чтобы стать замеченным, нужно сделать что-нибудь уникальное и интересное - символы, значки, цвета, расположение и размер веб-формы, зачастую используются интересные дизайнерские решения. Предлагаем вам несколько креативных, оригинальных и необычных примеров веб-форм.

clip_image029[4]

1. Чистые, простые и красивые решения

clip_image001[4]

clip_image002[4]
clip_image003[4]
clip_image004[4]

clip_image005[4]

clip_image006[4]

clip_image007[4]

2.Креативные решения

clip_image008[4]

clip_image010[4]

clip_image009[4]
clip_image011[4]

clip_image012[4]

clip_image014[4]

clip_image013[4]

3. Используйте рисунки для выделения форм

clip_image015[4]

clip_image016[4]

clip_image017[4]

clip_image018[4]

4. Добавьте больше функций

clip_image019[4]
clip_image020[4]

5. Используйте иконки для сообщения необходимой информации

clip_image022[4]

clip_image023[4]

6. Использование рукописного текста

clip_image025[4]
clip_image026[4]

clip_image027[4]

clip_image028[4]

7. Экспериментальные решения

clip_image029[4]

clip_image030[4]

clip_image031[4]

clip_image032[4]

clip_image033[4]

clip_image034[4]
clip_image035[4]

clip_image036[4]

clip_image037[4]

clip_image039[4]

Автор - smashingmagazine

Похожие статьи

Возможно Вам будут интересны следующие статьи:

Комментарии

  1. Bormotuha

    Ошибка в одном из заголовков - ЭксперИментальные решения.
    Статья отличная, пойду тыкать носом дизайнеру :)

  2. Иван Иванов

    Отлично! Действительно занятно написано. :)

Оставить ответ

XHTML: Вы можете использовать эту разметку: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>