В широком смысле, веб - дизайн - это специалист по визуализации интернет-проектов и их составляющих: сайтов, веб-приложений, страниц, баннеров и т.п. Тот, кто делает все это визуально привлекательным, стилистически гармоничным и интуитивно удобным в пользовании. Нередко веб-дизайнеров путают с разработчиками фронтендов - веб-программистами, отвечающими за пользовательскую часть сайтов и веб-приложений. Это путаница происходит из-за того, что веб-дизайнеры, как и разработчики фронтендов, работают над видимой частью сайта, его внешним отображением, по которому часто пользователи и судят о привлекательности и удобстве сайта. В действительности же, и веб-дизайнер, и разработчик-фронтенда, работая, в общем-то, над одной большой задачей, делают это по разному и каждый в своей области. О задачах разработчиков фронтенда Вы можете узнать по этой ссылке. А здесь мы поговорим о содержании деятельности веб-дизайнеров.

Веб-дизайн (web design) - это одна из ключевых составляющих веб-разработки.

К основным функциям веб-дизайнера относятся:

  • определение стилевого решения проекта
  • предложения по структуре и навигации (иерархия страниц, отображение кнопок, иконок, ссылок и т.п.)
  • определение правил компоновки веб-страниц
  • подготовка макетов и образцов веб-страниц, оформленных в предлагаемом стилевом решении.

Для успешной реализации этих функций Веб-дизайнер должен знать:

  • основы интернет-маркетинга
  • принципы юзибилити сайтов и веб-приложений
  • принципы колористики и типографики - сочетание цветов и отображение шрифтов
  • правила композиции - как размещать элементы в правильном правильном порядке
  • тенденции в области веб-дизайна
  • как работать с графическими программами (Photoshop, CorelDraw, Illustrator, как минимум)
  • flash-анимацию
  • основы верстки

Таким образом, Веб-дизайнер должен уметь:

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