Я этого не знал » Блоги

Советы по разработке контактной формы

dimok — Mon, 18 Jan 2010 07:00:09 +0000

Несколько примеров удачных решений дизайна контактных форм, как руководство к действию:

Цвет поля, как вы видите ниже, может с успехом быть как черным, так и белым. Попробуйте на практике разные варианты и решите, что лучше:

Отличное решение: при нажатии на контактную форму все остальное пространство страницы переходит в затемнение.

Дружественная форма – это такая форма, которая привлекает внимание и говорит о том, что автор сайта над ней потрудился. Добиться этого можно с помощью оригинального дизайна, ярких цветов и радужных рисунков:

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

“Умные” формы: те, что “помнят” введенные данные, если, допустим, пользователь забыл ввести капчу, и те, что высвечивают неправильно заполненные поля.

Запрашиваемая информация может быть и довольно расширенной - сделайте ее в виде заполненных пунктов с флажками, которые пометят пользователи, если у них есть для этого время:

Вот два очень удачных примера анимированной формы обратной связи: выпадающие панели – в первом случае большая, во втором – маленькая.

Используйте уже знакомые людям значки и образы:

С одной стороны, эта идея не требует от пользователя ничего, кроме заполнения традиционных полей. А с другой стороны, это настоящее дружественное письмо автору:

Здесь разработчики пошли по самому простому и очевидному пути: хочешь привлечь внимание к форме? – сделай ее огромной!

Лучшие бесплатные шрифты 2009 по мнению «Web Design Ledger»

dimok — Mon, 28 Dec 2009 09:39:08 +0000

Web Design Ledger, известный блог, посвященный веб-дизайну, опубликовал подборку лучших, по мнению авторов блога, бесплатных шрифтов, представленных в 2009 году. Смотрим:

Goudy Bookletter 1911

Titilium

Junction

Sovba

Плюс бонусы:

20 лучших символьных шрифтов

28 оригинальный качественных шрифтов

21 лучший "ручной" шрифт

30 элегантных и строгих шрифтов

40 простых шрифтов

55 наборов иконок для Twitter

dimok — Fri, 25 Dec 2009 10:19:22 +0000

К названию добавить больше нечего; ниже – самые разнообразные коллекции бесплатных синих птичек для вашего блога:

Graphic Leftovers Buttons

Graphic Leftovers Grunge Badge

Little Box Of Ideas Twitter

Little Box Of Ideas Twitter Space

Productive Dream Vector Twitter

Productive Dreams Twitter Bird

Smashing Birdies Cute

Snap2objects

Splashnology

Spoonergraphics

Stock Graphic Designs

Wurstgott

Noelmiciano

Плюс:

40 наборов бесплатных иконок

dimok — Thu, 17 Dec 2009 13:01:37 +0000

1000 иконок

178 иконок

Led Icon Set

RRZE Icon Set

"Карандашные" иконки

The Webdesigner Sketchup Icons

Классика

30 векторных иконок

Token

Набор иконок для админской панели

Lovely Website Icons Pack

Lovely Website Icons Pack 2

PixelMixer

Quartz Icon Pack

Наборы RSS-иконок

200 RSS-иконок “Supra”

RSS-зверюшки

Джинс-иконки (идеально подойдут к ретро-дизайну)

Набор иконок "На море"

Наборы иконок для социалок

Webset Icons

Speckyboy Social Bookmarking Icons

Large Icons Social

iPhone-иконки

iPhone -иконки 2

Social and Web Icons

Thinking Networks Icons

Винтажные иконки "Пробки"

Иконки-марки

Mazu-Mazu ikonki

Contact Icon Pack

Mate BW Social Icons

Twi-Birds Icons

Twitter-иконки

Птички

Космос

Twitter Icon Pack

Twitter Icon Pack 2

Twitter Icon Pack 3

Разное

Glyphish

40 векторных иконок-наклеек

Тенденции веб-дизайна 2010

dimok — Tue, 15 Dec 2009 11:16:49 +0000

Нестандартные логотипы и заголовки. не бойтесь проявить фантазию – пусть заголовки сайта будут рисованными, яркими. Такие заголовки не совсем подходят для SEO, но зато посетители точно запомнят и ваш сайт, и ваше название.

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

Разнообразные шрифты. Ваши заголовки должны выделяться не только содержанием, но и внешним видом. Не бойтесь играть со шрифтами – необязательно, чтобы на одном и том же сайте все заголовки и подзаголовки были набраны одним шрифтом. Главное, чтобы они были выдержаны в одном стиле. То же самое касается и остального текста страницы.

Оригинальные макеты страниц. Экспериментируйте, дайте волю фантазии. Долой стереотипы. Попробуйте, допустим, вот такой макет – визитную карточку:

Крупные изображения. Тут действует тот же принцип – посетители никогда не забудут ваш сайт, если увидят на нем красивую большую картинку.

Перспектива. Играйте с объемами – 3D-формат чрезвычайно моден. Оставляйте важное на заднем плане, а на передний выносите интересные детали:

Флэш. Добавляется интерактивный дизайн, но без преувеличения. Лучшее решение – гармоничное сочетание разного типа контента и навигации.

Модальные диалоговые окна. Модальные боксы, более сложные “братья” поп-апа, легки и просты в использовании, и очень удобны. Это идеальное решение для юзабилити сайта.

Минимализм. Минимализм всегда будет в моде – сочетание строгих форм и небольшой палитры цветов (желательно холодных) выглядит стильно для любого решения.

Футер. Нижние колонтитулы становятся менее информативными, и более разнообразными. В них помещаются кнопки социалок, опросы и т. д.

Нестареющее ретро. Видимо, мода на ретро-дизайн в следующем году сохранится.

Страница-вступление (Intro Boxes): отличная замена страницы “О сайте”.

“Журнальный” дизайн. По-прежнему также актуален, как и ретро. Дизайн блога, стилизованный под печатный журнал, удобнее, интуитивно понятнее читателю и привычнее: