Содержание

Профессия веб-дизайнер: обязанности, требования, зарплата













  • Новости
  • Интернет-маркетинг
  • PPC
    • Блог Google Adwords
    • Обновления Google Adwords
    • Блог Яндекс Директ
    • Обновления Яндекс Директ
  • SEO
    • SEO кейсы
  • SMM
    • YouTube
    • Блог о ВКонтакте
    • Обновление ВК
    • Блог про Facebook
    • Обновления Facebook
    • Блог про Twitter
    • Блог про Инстаграм
    • Обновления в Instagram
    • Блог про Одноклассники
    • Обновления в Одноклассниках
    • Таргетированная реклама
    • Яндекс.Дзен
  • Ещё
    • Брендинг
    • Веб-аналитика
      • Блог Google Analytics
      • Блог про Гугл Вебмастер
      • Обновления в Гугл Вебмастер
      • Блог про Яндекс Вебмастер
      • Обновления Яндекс Вебмастер
      • Блог Яндекс Метрики
      • Обновления Яндекс Метрики
    • Дизайн
    • Контент-маркетинг
    • Мессенджеры
    • Продажи
    • WordPress
  • Услуги
    • SEO & MARKETING
    • Продвижение на рынке B2B
  • Блоги
  • Спецпроекты
    • Click.ru
    • PromoPult
    • ukit
  • Реклама
  • ⚡ Сервисы




Поиск


IM

  • Новости
  • Интернет-маркетинг
    • Что такое автоматические воронки продаж и как они работают

      Скрипты продаж – что это такое? Виды, примеры и этапы

      Лучшие системы управления проектами: бесплатные и платные программы

      Этапы продаж: 5 основных этапов для менеджера по продажам

      Как делать эффективные видео? Три правила + лайфхак

  • PPC
    • ВсеБлог Google AdwordsОбновления Google AdwordsБлог Яндекс ДиректОбновления Яндекс Директ

      Директ обновил своё мобильное приложение

      Призыв к действию в рекламе, в Инстаграм и в продажах. 35…

      В Директе станет доступен Автотаргетинг в РСЯ и внешних сетях

      Воронка продаж, или Как грамотно построить рекламную стратегию

  • SEO
    • ВсеSEO кейсы

      Как делать эффективные видео? Три правила + лайфхак

      Как правильно выбрать домен для сайта

      10 лучших SEO-модулей для OpenCart: бесплатные и платные

      Идеальная SEO оптимизация страниц сайта: пошаговая инструкция

  • SMM

internet-marketings.ru

Краткая инструкция о том, как надо работать с web-дизайнером (взгляд дизайнера) / Habr

Введение

Я работаю веб-дизайнером. Какое-то время назад я подрабатывала фрилансером, сейчас работаю в небольшой студии. У нас нет менеджера проектов, поэтому, зачастую, я сама выступаю этим самым менеджером, по совместительству. Опыт общения с самыми разными заказчиками у меня достаточно большой. Статья «Краткая инструкция по работе с web-дизайнером (для менеджера проекта)» вызвала у меня шквал эмоций и бурю негодования, потому что именно таких заказчиков я всегда старалась избегать. В этой статье я попробую описать, как в идеале должна проходить работа заказчика и дизайнера.

С удовольствием приму критику и выслушаю мнения «другой стороны».

Кто такой веб-дизайнер

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

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

Это в корне не так.

Веб-дизайнер — это, в первую очередь, архитектор, в прямые обязанности которого входит изучение поведения пользователей и проектировка грамотных, удобных и работающих интерфейсов на основе этих данных. Это дизайнер должен думать, какие элементы, какая информация и в каком порядке должны располагаться на сайте. Расположение блоков, элементы управления, цветовая схема, визуальные акценты на сайте — все это берется не с потолка. Каждая деталь на сайте расположена в соответствии с определенными принципами, и именно веб-дизайнер должен уметь обосновать их. Это его основная работа, пожалуйста, уважаемые заказчики, не берите ее на себя.

Какую информацию надо предоставить исполнителю

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

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

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

Бриф и техническое задание

Первое, что мы делаем с моими заказчиками — заполняем бриф. У каждого дизайнера свой бриф и это важный документ. В брифе описывается ваши идеи, цели и задачи проекта, планы по развитию проекта, целевая аудитория, ваши вкусы и пожелания (поверьте, мы всегда стараемся их учесть, если они не вредят итоговому результату), идеология вашего предприятия и его миссия и тд. В общем, в этот документ записывается все, что может помочь дизайнеру прийти к поставленной цели. Лучше всего заполнять бриф совместно: одна голова хорошо, а две — лучше. При совместном заполнении могут сразу появиться какие-то идеи или, наоборот, отсечется что-то лишнее. К тому же, это значительно экономит время.

Далее дизайнер анализирует бриф и составляется техническое задание. В идеале, ТЗ составляет дизайнер, которое корректируется заказчиком и, обязательно, утверждается. В техническом задании прописывается, что и как будет реализовано на сайте: какие элементы, инструменты, блоки и информация будут задействованы. ТЗ — это четкая инструкция для дизайнера. Грамотное ТЗ можно передать верстальщику и программисту (если они работают отдельно от дизайнера), что в конечном итоге сэкономит ваше время. Техническое задание — основа вашего будущего проекта, не относитесь к его составлению легкомысленно.

Может показаться, что слишком много формальностей, но на самом деле бриф и ТЗ значительно экономят ваше время, нервы и прочие ресурсы.

Прототип — это важно

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

  1. Прототип может перерабатываться много раз. И если каркас переделать легко, то уже готовый макет со всеми стилями переделывать сложнее и значительно дольше.
  2. Прототип, обычно, делается черно-белым, с минимальной детализацией. Это делается еще и для того, что бы при анализе каркаса заказчик оценивал удобство пользованием (юзабилити), а не визуальные эффекты.

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

Стилизация

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

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

Внесение правок в макет — стандартная процедура, которой редко удается избежать. Не бойтесь высказывать свое мнение, старайтесь четко, коротко, но ясно изложить ваши предложения. Постарайтесь рассказать о всех своих замечаниях «в один заход», что бы не растягивать процесс внесения правок на продолжительное время. Помните, если дизайнер считает и, самое главное, может обосновать, почему не стоит вносить те или иные изменения, пожалуйста, прислушайтесь к его мнению.

Мои заказчики обычно распечатывают макет или прототип, расписывают свои пожелания и передают лист мне (лично или по электронной почте).

Дополнительные страницы и файлы

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

В исходных файлах слои и группы должны быть подписаны и обозначены цветами. Должны быть приложены шрифты и оригиналы изображений (например, изображение заднего фона: у дизайнера в макете обрезано, но верстальщику-то нужен оригинал).

Выводы

  1. Прислушивайтесь к мнению профессионала
  2. Уважайте чужой труд и время
  3. Заранее обговаривайте ключевые моменты: сроки, стоимость, конечный результат, количество разрабатываемых страниц и элементов. Утверждайте их письменно или по электронной почте (не на словах)
  4. Способствуйте работе дизайнера, отвечайте на вопросы, предоставляйте информацию, идите на контакт
  5. Относитесь к людям так, как хотите, чтобы относились к вам

habr.com

Чем занимается веб-дизайнер на самом деле

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

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

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

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

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

.

Чтобы этого добиться, дизайнер должен развиваться в смежных с веб-дизайном областях:

  • Интернет-маркетинге и аналитике, чтобы анализировать данные о потребностях и желаниях пользователей, знать, как работает реклама и зачем вообще создавать сайт.
  • Переговорах, чтобы общаться с заказчиками и коллегами.
  • Написании текста и редактуре, потому что текст и дизайн неразрывно связаны друг с другом.
  • Психологии, чтобы быть способным поставить себя на место посетителя сайта и понять, что для него важно.
  • Верстке и frontend-разработке, чтобы знать, как нарисованный в программе макет превращают в рабочий сайт, который выкладывают в интернете.
  • Других сферах дизайна: иллюстрации, графическом дизайне, анимации и создании интерактивных баннеров.

Веб-дизайнер рисует макеты лендингов, сайтов для компаний, интернет-магазинов, а также проектирует интерфейсы для интернет-сервисов. Чем он еще может заниматься: создавать шаблоны для email-рассылок, придумывать и рисовать интернет-баннеры.

Что из себя представляет рабочий процесс дизайнера?

  • Дизайнер получает данные от заказчика — зачем нужен сайт, как он будет работать, какие пользователи будут на него заходить. Хороший вариант, если заказчик точно знает, что нужно. Но так бывает не всегда, поэтому дизайнер должен сам задавать вопросы и получить нужные данные. Задачу, требования к сайту и ответы на вопросы дизайнер записывает в бриф.
  • Веб-дизайнер создает наброски или прототипы будущего сайта: на бумаге или в специальных программах. Прототипы больше похожи на схемы, где указывается расположение основных элементов на страницах сайта.

Создание сайта начинают с прототипов, чтобы посмотреть все варианты расположения элементов и согласовать с заказчиком.

Важно!

Прототип легче изменить, чем нарисованный макет, поэтому вопросы по структуре и расположению решают на стадии прототипирования.

.

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

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

infogra.ru

кто это такой и чем он занимается?

Привет, друзья!

Иногда я смотрю на свой план публикаций и диву даюсь. Столько всего запланировано, что искренне удивляюсь творческому кризису блоггеров, которые после 10-15 статей откровенно опускают ручки. Вот и казалось бы, что о веб-дизайне знают и слышали все, но почему тогда столько вопросов? Вдохновляет даже в пределах прекрасных гималайских гор долины Куллу, я вместо полной релаксации, продолжаю публиковать полезный контент.

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

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

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

Рассказать в короткой статье все о профессии вряд ли получится, поэтому я постараюсь раскрыть для вас некоторые ее нюансы и ответить на часто возникающие вопросы.

Содержание статьи:

Основные задачи

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

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

Что нужно уметь веб дизайнеру

Деятельностью дизайнера является художественное оформление различных сетевых ресурсов. А уж если он сможет сверстать сайт, то востребованность его многократно возрастет. Думаю, вопрос «солидная ли это профессия» — здесь неактуален. В любом случае иметь представление о базовых принципах работы с HTML и CCS необходимо для того, чтобы успешно трудиться в команде.

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

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

Идеальный рабочий процесс

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

Что же должен знать и уметь хороший дизайнер? В первую очередь ему нужно хорошо владеть следующими инструментами:

  • графическими редакторами для растровой графики — на сегодняшний день самой популярной программой является Adobe Photoshop, ее использует большинство крупных студий,
  • программами для векторной графики (для создания иконок, кнопок) — вне конкуренции стоят Corel DRAW и Adobe Illustrator,
  • разбираться в принципах интернет-маркетинга – это очень важный аспект, ведь от понимания основ технологии продаж зависит, насколько привлекательным будет образ компании в глазах клиента, насколько повысится конверсия веб-страницы,
  • понимание основ верстки сайтов станет плюсом и не повредит для успешной работы в команде.

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

С чего начинать новичку

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

С чего же начать обучение? Неплохо было бы полистать литературу, посвященную художественному оформлению, понять основные принципы структурирования сетевых ресурсов, теорию цвета, применение шрифтов.

Если тема окажется для вас близка и понятна, вызовет интерес, вы поймете, что обладаете необходимыми умениями и чертами характера – можно будет задуматься о серьезном обучении, которое, хотя и не будет бесплатным, даст вам огромное преимущество перед самоучками, если вы, даже начиная «с нуля», подберете тренинг высокого уровня.

Вот, посмотрите статью о том, где и как обучаться веб-дизайну

Это не означает, что по завершении обучения вы сможете почивать на лаврах и ваши работы станут востребованы сами по себе. Эта сфера деятельности настолько динамична и изменчива, что требует постоянного роста, освоения новых навыков и творческого развития – но ведь этим она и интересна, не так ли?

Плюсы и минусы профессии

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

Плюсы

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

Минусы

  • Минусом так же может стать отсутствие гарантированного дохода – он будет зависеть от вашей трудоспособности и умения продать себя и свои таланты.
  • Определенной трудностью также может стать то, что видение будущего продукта у исполнителя не обязательно совпадает с мнением заказчика (то что можно назвать емким термином «вкусовщина») В таких ситуациях не помогут ни знания, ни опыт, ни чувство прекрасного – вам придется делать то, что требует клиент. Ну, или отказываться от проекта, если общий язык найти проблематично — не всегда вам будут готовы оплатить уже сделанный объем, просто потому, что результат не понравится.
  • В процессе вы обязательно столкнетесь с непониманием, с бесконечными просьбами о переделках, доработках и тому подобным – эти издержки частично минимизируются наличием подписанного сторонами ТЗ, а частично вашими талантами переговорщика.

Чтобы Ваш профессиональный рост подкрепился умением продвигать себя на рынке, рекомендую тренинг «Старт в удаленной работе» от РД2.

Где искать заказы и заказчика?

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

  1. workzilla — на мой взгляд самая простая биржа для старта в удаленке
  2. weblance — тоже неплохая биржа для начинающих
  3. «Дистанция» — вк группа

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

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

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

Кто может стать дизайнером?

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

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

Кроме того, нужно иметь еще определенные качества характера:

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

В целом, освоить дизайн сайтов не так уж сложно, сложнее научится делать их успешными.

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

Однозначного ответа здесь нет. Конечно, ничего невозможного для человека, желающего получить какие-то знания, не существует. Однако следует учитывать, что если ваши отношения с компьютером сложились по принципу «умею сидеть на форумах», то этого уровня будет маловато, чтобы освоить не такие уж простые графические программы.

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

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

Где учиться веб-дизайну, какие методики предпочесть и как быстро можно освоиться в этой деятельности мы поговорим в следующей публикации, а пока я предлагаю вам комментировать этот материал и делится им с друзьями и знакомыми – ваше мнение интересно и важно для меня!

idea37.info

дизайн — это… Что такое Web-дизайн?

Пример веб-страницы, использующей CSS лейаут

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

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

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

Объяснение термина

В настоящее время под термином веб-дизайн понимают именно проектирование структуры веб-ресурса, обеспечение удобства пользования ресурсом для пользователей. Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам W3C, что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств [1], а также кроссплатформенность [2] вёрстки ресурса. Также непосредственно с дизайном сайтов смежны маркетинг в интернете (интернет-маркетинг), то есть, продвижение и реклама созданного ресурса, поисковая оптимизация. Таким образом визуальными средствами решаются самые разнообразные задачи, такие как, повышение продаж, укрепление доверия, создание определенного имиджа и другие.

Формулировка задачи веб-дизайна

Создание технического задания

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

Этапы проектирования

  • Дизайн основной и типовых страниц сайта

Начинается работа с создания дизайна, обычно в графическом редакторе. Дизайнер создает один или несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции). Собственно «дизайн страницы» представляет собой графический файл, слоеный рисунок, состоящий из наиболее мелких картинок-слоев элементов общего рисунка.

При этом дизайнер должен учитывать ограничения стандартов html (не создавать дизайн, который затем не сможет быть реализован стандартными средствами html). Исключение составляет Flash-дизайн.

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

Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых в последствии складывает html-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны.

В небольших студиях, html-кодированием занимается веб-дизайнер.

Далее html-кодер передает HTML-файлы программисту. Программирование сайта может осуществляться как «с нуля», так и на основе CMS «движком».

В случае с CMS надо сказать, что сама «CMS» в некотором смысле это готовый сайт состоящий из заменяемых частей. «Программист» — в данном случае правильно будет назвать его просто специалистом по CMS, должен заменить стандартный шаблон, поставлявшийся с CMS на оригинальный шаблон. Этот оригинальный шаблон он и должен создать на основе исходного «вебдизайна».

При программировании сайта специалисту назначаются контрольные точки сроков.

  • Завершающим этапом разработки сайта под ключ является конечно же тестирование.

Вебдизайн сайта должен адекватно выглядть в различных браузерах, особенно в браузерах IE 6 (Интернет-эксплорер) и Opera.

Упомянутый IE 6 слишком по-своему видит HTML стандарты — отголоски старой борьбы за лидерство с Netscape. На данное время это морально устаревший браузер, создает много проблем для вебдизайнера, и его хотели чуть ли не объявить вне закона. Но поскольку он в стандартной поставке Windows XP, и стоит на более чем половине всех компьютеров, — никуда не дется, приходится в нем тестировать обязательно. Далее тестируется вид с увеличенными шрифтами, при отсутствующем флешь-плеере и тому подобное. Обнаруженные ошибки отправляются на исправление до тех пор пока не будут устранены.

Сроки контролирует менеджер проекта. Так же на этом этапе привлекают к работе дизайнера, чтобы он провел авторский надзор.

Файлы сайта размещают на сервере провайдера и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.

Сайт наполняют контентом — текстами, изображениями, файлами для скачивания и т. д. Иногда тексты составляются специалистом студии, иногда контентом занимается ответственное лицо со стороны заказчика. Это решается на этапе составления технического задания. В случае если контент составляется представителем студии, то это происходит и утверждается параллельно с другими этапами проекта.

  • Внутренняя SEO-оптимизация.

Связана с некоторыми изменениями самого сайта. Начинается она с определения т.н. семантического ядра (У SEОшников своя феня:)). Здесь определяются такие ключевые слова, которые привлекут наиболее заинтересованных посетителей, по которым выиграть конкуренцию проще. Затем эти слова вносятся на сайт. Тексты, ссылки, другие теги адаптируются так, что бы поисковые системы могли их успешно находить по ключевым словам.

  • Внешняя SEO-оптимизация.

Сводится, как правило, к построению структуры входящих ссылок. Это собственно и есть раскрутка. К разработке сайта внешняя SEO-оптимизация не имеет отношения. Поскольку SEO-оптимизация это разновидность шаманизма — она как магия, классифицируется на «белую» и «черную» -такую, после которой сайт за две недели попадает в топ, а потом в бан. Настоящая белая SEO оптимизация это трудоемкий и долгий процесс, стоимость которого может в несколько раз превышать расходы на создание сайта.

  • Сдача проекта

Заказчик или его доверенное лицо просматривают готовый проект и в случае, если все устраивает, то подписывают документы о сдаче проекта.

Так же на этом этапе производится обучение представителя заказчика навыкам работы в администраторской зоны сайта.

Процесс и результат

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

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

Конечным продуктом работы веб-дизайнера является дизайн-макет: картинка, представляющая предполагаемый будущий внешний вид страниц сайта, размером приблизительно 960х640 px (пикселей) — размер, соответствующий среднему стандарту, связанный с необходимостью дальнейшей привязки к разным разрешениям экрана монитора. Картинка эта является многослойной, где, на усмотрение дизайнера, почти каждая деталь — отдельный слой, приложенный к другим слоям-картинкам, за счёт чего может легко выполняться доработка, замена, перекомпоновку и другие задачи. В зависимости от идеи и целей макет может включать фотографии, сложные коллажи, иллюстрации, текстовые слои, уникальные иконки.
Для главной страницы и внутренних иногда рисуются отдельные макеты с дополнениями или изменениями в соответствии с тематикой страницы.

Изображение первоначально может быть векторным или растровым, выполненным в Adobe Illustrator, Adobe Photoshop или другом визуальном редакторе, но для верстальщика изображение, как правило, переводится в растровый формат.

Для демонстрации клиенту изображение обычно переводится в простой однослойный и привычный формат изображений.

Примечания

Ссылки

Литература

  • Якоб Нильсен Веб-дизайн. — СПб: Символ-Плюс, 2003. — 512 с. — ISBN 5-93286-004-9
  • Якоб Нильсен, Хоа Лоранжер Web-дизайн: удобство использования Web-сайтов = Prioritizing Web Usability. — М.: «Вильямс», 2007. — С. 368. — ISBN 0-321-35031-6
  • Роббинс Д. Web-дизайн. Справочник.. — «КУДИЦ-ПРЕСС», 2008. — С. 816. — ISBN : 978-5-91136-039-9
  • Гончаров А. Ю. Web-дизайн: HTML, JavaScript и CSS. Карманный справочник.. — «КУДИЦ-ПРЕСС», 2007. — С. 320. — ISBN : 978-5-91136-024-5

См. также

Wikimedia Foundation.
2010.

dic.academic.ru

Чем занимается веб-дизайнер | artlab.club

Многие люди представляют себе веб-дизайнеров этакими супергероями, повелителями пикселей и макетов. Их работа окутана романтичным ореолом мира высоких технологий и крупных проектов для известных брендов. И конечно сразу хочется быть как они — тоже супергероем. Этот пост будет полезен для тех, кто хотел бы попробовать себя в веб-дизайне, но понятия не имеет, чем там надо заниматься.

Предположим вы рисуете натюрморты и природу из окна и частенько вздыхаете, что вот веб-дизайнеры молодцы, столько денег получают. Когда я была в самом начале обучения, я долгое время не могла вообще ни одного внятного источника найти, который бы четко, мне разъяснил, что веб-дизайнер делает. А суть довольно проста — рисует сайты или интерфейсы в соответствии с нуждами заказчиков.


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

Надо сразу понимать, что все конечно зависит от места, где вы работаете. Я работала в довольно небольшой компании, у которой было несколько ведущих направлений — видеонаблюдение, IPTV и система онлайн-банкинга. В каждом из этих направлений есть один два крупных продукта, которые в дальнейшем клонируются и кастомизируются под желания заказчика. Иногда приходится этот новый продукт разрабатывать и это небольшой такой всплеск интересных задач. А потом все опять идет своим чередом. Кастомизации, доработки, подготовка макетов — по кругу.

Мне всегда еще казалось, что веб-дизайнер — это такой одухотворенный креативный мыслитель, художник своего дела. В реальности оказывается, что веб-дизайнер — это всего лишь рабочая единица. И направленность его скорее не творческая, а творчески техническая. Надо быть готовым к тому, что постоянно придется общаться с программистами и знать чисто технические детали, иногда придется лезть в верстку, несмотря на то, что вы ж дизайнер!

Еще необходимо четко понимать, что каждый проект делится на три большие части: непосредственно разработка, когда придумывается функционал, рисуются макеты и все это подготавливается в итоге к верстке. Дальше идет непосредственно верстка и программирование, в течение которого постоянно придется следить за соответствием и внешним видом того, что вам в итоге надо сделать. И финальный этап — внедрение и поддержка. Здесь начинается тестирование и обкатывание на реальных пользователях и обычно всплывает тьма мелких проблем, в том числе визуальных. Так вот придумывание и творение — это всего лишь в лучшем случае 1/3 часть работы. Остальное вымеривание, написание пояснений, нарезка элементов и так далее.

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

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

Но я все про офис, да про компании — рассмотрим другой вариант.

Предположим вы сразу решили, что работа в офисе не для вас и идете на фриланс. Фишка в том, что на фрилансе зачастую люди делают все то, что написано выше, только своими силами — общаются с заказчиком, обговаривают ТЗ, рисуют макеты, утверждают их, верстают и программируют и поддерживают потом сайт в дальнейшем. При работе в компании часть этой работы расходится на профильных специалистов — менеджеров, верстальщиков, программистов и т.д.

Очень часто люди, умеющие рисовать, делают отвратительные сайты, а люди, сроду не бравшие в руки кисточку, выпускают вполне приличные вещи. Дело в том, что веб-дизайнеру нужно прежде всего иметь особое чутье, чувство вкуса и здравый смысл. Все это развивается наблюдением за трендами и личным опытом.

Если вам все-таки захотелось попробовать себя — начните с технической части. Разберитесь что такое сайт вообще, как он устроен, почитайте про HTML и CSS. Руководствуясь этими знаниями, велика вероятность, что вы сделаете если и не идеальный, то адекватный и вменяемый продукт. И конечно будьте готовы к тому, что творчества в привычном понимании может быть не так много.

artlab.club

Востребованная Интернет профессия Web дизайнер

Слово «дизайнер»  (английское designer) означает проектировщик, создатель оригинальных эскизов, образов, моделей, узоров.

Эта творческая профессия требует от человека чутье художника и наличие эстетического и художественного вкуса.

Сейчас дизайн охватывает все  направления человеческой жизни: промышленный дизайн, дизайн среды, дизайн процессов, 3D дизайн, ландшафтный дизайн, архитектурный дизайн, дизайн одежды, обуви, аксессуаров, графический дизайн, и конечно же дизайн web сайтов, блогов, приложений для мобильных телефонов. И это только малая доля сфер применения, включая удаленную работу.

Дизайнер − это художник, который может применять свои творческие способности в разных областях. И если вы видите мир через образы, умеете по-своему и талантливо его отобразить, то вы вполне можете стать Web-дизайнером, создавая уникальные темы для сайтов, и это может быть ваша реальная работа в интернете.

Профессия Web дизайнера

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

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

Высший пилотаж Web дизайнера − это создание интерактивных сайтов. Чтобы сделать такой сайт, нужно не только владеть языком HTML, обладать художественным чутьем, но и иметь навыки серверного программирования и разбираться в базах данных.

Главная задача Web дизайнера – «одеть» сайт так, чтобы он был интересен большому количеству пользователей. Создание дизайна сайта его приоритетная задача.

Сейчас есть современные программные продукты, которые значительно облегчают труд дизайнера, но это не значит, что они берут всю его работу на себя. Все-таки ум человека никакая программа заменить не может.

Кроме того что проект должен быть стильным, он должен соответствовать стандартным требованиям, которые предъявляет Сеть. Все графические элементы: логотипы, баннеры, рисунки, цвета и шрифты должны гармонировать между собой, иметь единый стиль и оптимизированы под пользователей.

Что делает Web дизайнер сайта

В целом для того чтобы проект был успешным, он решает ряд задач:

  1. определяет внешний вид сайта под конкретную целевую аудиторию посетителей;
  2. создает структуру сайта и навигацию между его страницами;
  3. разрабатывает удобный и понятный посетителями интерфейс: кнопки, ссылки, переходы;

Для решения этих  задач web  дизайнер должен уметь:

  1. предложить идею сайта, разработать макет;
  2. оформить сайт в оригинальном и едином стиле;
  3. обеспечить комфортное восприятие информации;
  4. определить формат, выбрать фон, графику и ее качество;
  5. постоянно анализировать посещаемость сайта;
  6. создавать образцы веб-документов;
  7. обновлять и развивать сайт;
  8. использовать вспомогательные программы. 

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

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

Плюсы и минусы профессии Web  дизайнера 

  1. Свобода, возможность работать удаленно из любой точки планеты. Web-дизайнер может себе позволить совмещать работу и путешествия, чаще всего зимует он в теплых краях.
  2. Работа интересная, востребованная, хороших специалистов не так уж и много, в отличие от заказчиков.
  3. Для воплощения своей идеи не нужно делать никаких затрат, наоборот, за эти идеи хорошо платят.

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

Сейчас практически каждое предприятие, маленькое оно или монополист,  имеет свой сайт, и безусловно, этот сайт должен работать на пользу дела, поэтому профессионал всегда найдет себе работу:

  • в рекламном агентстве,
  • в дизайнерской студии,
  • в интернет – мастерской,
  • в интернет − издательствах,
  • в инфобизнесе.

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

Кроме того, сегодня  многие компании ищут универсальных специалистов, которые могут закрыть несколько «дыр» сразу. За это они и платят значительно лучше и берут на работу охотнее.

Заработная плата  Web   дизайнера

Она колеблется от 30 до 110 тысяч в месяц. Так что стоит наработать себе известность в профессиональных кругах и обоснованно претендовать на получение выгодных заказов.

А чтобы начать карьеру web–дизайнера, необходимо пройти какие-либо краткосрочные курсы web-дизайна. А можно знания и опыт получить самостоятельно, это реально сделать за 5-8 месяцев, и когда у вас будет свое портфолио, можно дерзать.

 

i-rabota.net