Web-дизайнер

Оплата труда

Компании, где можно работать web-дизайнером

Заработная плата зависит от престижа студии, опыта работы дизайнера и количества заказов. Разброс цен на дизайн сайтов очень большой — все определяется качеством работ и услуг. Есть определенные «наборы услуг» с фиксированной ценой, но они только приблизительно определяют цену и качество дизайна. Одну и ту же работу можно сделать и за 50 и за 1 500 $. 

Карьера и перспективы

Талантливый начинающий дизайнер в будущем может претендовать на должности: web-программист, баннер-мейкер, менеджер проекта, арт-директор.

Для вдохновения

Артемий Лебедев, один из самых известных российских web-дизайнеров. Родился 13 февраля 1975 года. Сын писательницы Татьяны Толстой и филолога Андрея Лебедева. После школы поступил на факультет журналистики МГУ им. М. В. Ломоносова, который так и не окончил, отчислившись со 2-го курса. Летом 1992 года основал с партнером студию «А-квадрат», в которой работал до конца года. В январе 1993 года основал самостоятельную студию «Артографика», в которой занимался графическим, полиграфическим, каллиграфическим и другими видами бумажного дизайна. Принимал участие в создании книг, журналов. С 1993 по 1995 по совместительству работал арт-директором компании «МакЦентр». В 1995 году основал студию WebDesign (в 1998 году переименованную в «Студию Артемия Лебедева»). Это одна из первых и крупнейших студий веб-дизайна в Рунете. С 2001 года Студия Артемия Лебедева стала также заниматься промышленным дизайном.

Артемий Лебедев основал студию, на счету у которой более 1 000 работ, среди которых фирменные стили, книги, журналы, знаки, логотипы, графические и физические интерфейсы, сайты, объекты промдизайна и промграфики, витрины. Лебедев не только дизайнер — большую часть времени он тратит на постановку задач, разработку информационной архитектуры, исследования в области эргономики и удобства пользования сайтами. Дизайнерские находки его студии широко используются в Рунете.

Книги по web-дизайну

Если вы хотите стать веб-дизайнером, прочтите книгу по html (HTML — язык гипертекстовой разметки. С помощью него создаются все документы в интернете).

Однако html — это еще не веб-дизайн. Это просто язык для создания web-странички. Но чтобы страничка смотрелась красиво и правильно, нужен вкус и чувство стиля. В этом вам поможет книга Дмитрия Кирсанова «Веб-дизайн» — одна из лучших книг по web-дизайну.

Новые смыслы дизайна

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

В основе web-дизайна лежат все те же основные принципы, что и в основе других разновидностей дизайна:

• принцип функционализма: «что функционально, то красиво»;
• принцип конструктивизма: построение не композиции, а конструкции.

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

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

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

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

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

Экономика образования

Как применять дизайн-мышление во всех сферах жизни

Основные обязанности веб-дизайнера:

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

Что делает web-дизайнер

Профессия web-дизайнера появилась с возникновением мировой компьютерной сети World Wide Web (WWW), в которой возможно создание web-сайтов в рекламных целях (конец 1980-х — начало 1990-х годов). 

Задача web-дизайнера заключается в том, чтобы разработать оформление проекта с учетом специфики интернета. То есть внешний вид сайта должен быть не просто стильным или красивым, он обязан соответствовать стандартным требованиям, предъявляемым Сетью:

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

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

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

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

Где можно получить профессию web-дизайнер?

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

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

• Московский политехнический университет (филиалы работают во всех регионах РФ, в достаточном количестве имеются бюджетные места, студенты обеспечиваются общежитиями).
• Национальный исследовательский технологический университет «МИСиС»
• Санкт-Петербургский университет технологий управления и экономики
• Национальный исследовательский университет «МИЭТ»
• Нижегородский государственный архитектурно-строительный университет
• Кабардино-Балкарский государственный университет им. Х.М. Бербекова
• Пензенский государственный технологический университет
• Карачаево-Черкесский государственный университет имени У.Д. Алиева
• Юргинский технологический институт (филиал) Томского политехнического университета.

Источники изображений: for-joomla.net, forumdaily.com, inetsovety.ru

Государственный специализированный институт искусств

Москва

Тип	Форма	Стоимость
Бакалавриат	Очная	521 000,00 ₽
Бакалавриат	Очная	521 000,00 ₽

Международный еврейский институт экономики, финансов и права

Москва

Прикладная информатика

Тип	Форма	Стоимость
Бакалавриат	Очная	360 000,00 ₽

Московская государственная художественно-промышленная академия им. С. Г. Строганова

Москва

Тип	Форма	Стоимость
Бакалавриат	Очная	350 000,00 ₽

Национальный университет «Высшая школа экономики»

Москва

Тип	Форма	Стоимость
Бакалавриат	Очная	350 000,00 ₽

Московский городской педагогический университет

Москва

Тип	Форма	Стоимость
Бакалавриат	Очная	295 000,00 ₽

Прикладная информатика

Тип	Форма	Стоимость
Бакалавриат	Очная	206 000,00 ₽

Национальный исследовательский университет «МИЭТ»

Зеленоград

Тип	Форма	Стоимость
Бакалавриат	Очная	273 000,00 ₽

Прикладная информатика

Тип	Форма	Стоимость
Бакалавриат	Заочная	68 000,00 ₽
Бакалавриат	Очная	180 000,00 ₽

Российская академия народного хозяйства и государственной службы при Президенте Российской Федерации

Москва

Тип	Форма	Стоимость
Бакалавриат	Очная	270 000,00 ₽

Прикладная информатика

Тип	Форма	Стоимость
Бакалавриат	Очная	245 000,00 ₽
Бакалавриат	Очно-заочная	не указано

Российский экономический университет имени Г.В. Плеханова

Москва

Тип	Форма	Стоимость
Бакалавриат	Очная	270 000,00 ₽
Бакалавриат	Очно-заочная	105 000,00 ₽

Прикладная информатика

Тип	Форма	Стоимость
Бакалавриат	Очная	240 000,00 ₽
Бакалавриат	Очно-заочная	95 000,00 ₽

Арктический государственный институт искусств и культуры

Якутск

Тип	Форма	Стоимость
Бакалавриат	Очная	268 680,00 ₽

Прикладная информатика

Тип	Форма	Стоимость
Бакалавриат	Очная	210 720,00 ₽
Бакалавриат	Заочная	50 000,00 ₽

Московский государственный университет дизайна и технологии

Москва

Веб-дизайнер — кто это такой и что он делает

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

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

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

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

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

Среди плюсов этой профессии можно отметить:

• достойная оплата труда;
• интересная творческая работа;
• возможность работать удалённо;
• возможности для карьерного роста или открытия собственного дела;
• открыт простор для работы на иностранных клиентов или в иностранных компаниях.

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

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

Чтобы стать таким специалистом потребуется широкий спектр навыков

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

Что может потребоваться веб-дизайнеру:

знание принципов дизайна: изучение основ поможет лучше углубиться в профессию;
знание типографики и умение работать со шрифтами;
понимание правил композиции, чтобы выстраивать визуальную гармонию;
знакомство с цветовым кругом и понимание, как разные цвета работают вместе;
умение пользоваться дизайнерскими программами, например, Adobe Illustrator, Photoshop и Figma;
умение работать в программах для адаптивного веб-дизайна: они позволяют проверять, как страницы смотрятся с разных устройств;
навыки графического дизайна, которые помогут улучшить работу и расширить потенциальное число работодателей;
понимание бизнес-стратегий

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

Необходимые soft skills:

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

Особенности профессии

Дизайн web-страниц — это информационный дизайн, а не графический.

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

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

Основные функции web-дизайнера:

• оформление сайтов с целью максимально полно и эффективно донести до пользователей информацию;
• создание идеи и разработка макета сервера;
• создание стиля исполнения макета сервера;
• обеспечение наилучшего восприятия web-документов на экране монитора с учетом времени загрузки документов, пропускной способности канала передачи данных, размера графических файлов документа, качества цветовой палитры;
• определение правил компоновки web-страниц, выбор формата, фона, количества и качества элементов оформления;
• создание стилевых образцов web-документов;
• работа с узлом Internet;
• написание программной части и кода страницы;
• управление гипертекстовыми документами;
• проведение информационной политики фирмы в World Wide Web(WWW);
• установка и работа со средствами подготовки и проверки web-страниц;
• создание интерактивных web-приложений;
• обновление, модернизация web-документа;
• создание и работа с приложениями для статической обработки.

Преимущества этой профессии:

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

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

Ксения Дарчия, дизайнер-фрилансер, иллюстратор

Долгое время я занималась только дизайном сайтов и интересовалась разработкой. Когда покорила определённые для себя вершины, расширила свою работу до брендинга — сотрудничала с брендами в России и за её пределами. Нежно люблю кейсы для Johnson & Johnson, работала с компанией «Лукойл», особенно запомнила проект с брендом Teva — люблю дизайнить для фармацевтики. Считаю эту область близкой себе по духу.

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

Иллюстрации Ксении для сертификатов кофейни «Келди»

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

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

А потом до меня дошла важность этого всего, и всё изучилось само собой

От типографики и пикселей зависит многое: от понимания продукта до эстетики. Я думаю, чем проще и организованней сделана работа, тем лучше она для восприятия и понимания. Без грамотной типографики не обойтись. Попробуйте отформатировать условного «Гарри Поттера» до капса и убавить межстрочное расстояние до 1 или 0,5. Если прочитаете без особых проблем и нервов… то не прочитаете. 

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

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

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

Иллюстрации Ксении для сертификатов кофейни «Келди»

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

Ещё я рекомендую развиваться психологически и в плане мышления. Часто советую джунам такое упражнение: возьмите любой предмет в доме и придумайте ему 100 назначений. Можно даже клинически фантастические. Это разовьёт креативность и поможет оперативнее придумывать свежие идеи, без часовых походов на Pinterest. Психология особенно актуальна для веб-дизайна. Зная, как люди воспринимают цвета и шрифты, можно создавать рабочие продукты, которые найдут успешное применение. 

Онлайн-школа веб-дизайна

Онлайн-школы предлагают изучение веб-дизайна как новичкам, так и специалистам для переподготовки. Плюсы обучения:

Общедоступность: не важно, где живет ученик. Равенство: нет критериев по предыдущему обучению, возрасту

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

К минусам можно отнести:

1. Необходимость в высоком уровне самодисциплины.
2. Возможные проблемы с интернетом, которые помешают восприятию информации.
3. Больше теории, чем практики.
4. Диплом, выдаваемый по окончанию курсов, при официальном трудоустройстве котируется меньше, чем документ вуза.

Преподаватель онлайн-школы WebSkillers рассказал, как научиться веб-дизайну:

Где всему этому научиться?

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

Чтобы научиться веб-дизайну с нуля, нужно осваивать много новой информации – целый мир! Рассмотрим основные варианты получения образования.

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

Этому учат во многих институтах и университетах столицы и регионов. Однако, как показывает практика, далеко не у всех успешных веб-дизайнеров есть “вышка”.

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

Офлайн и онлайн – курсы

Длятся несколько месяцев, рассчитаны как на новичков, так и на тех, кто уже что-то умеет.

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

Лучшие курсы по веб-дизайну: ТОП-10

Все эти курсы платные – но знания, которые вы получите, того стоят. Выбирайте!

Самообучение

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

Мы составили подборку отличных книг российских и зарубежных авторов, которые введут вас в курс дела и дадут теоретические и практические знания:

Лучшие книги по веб-дизайну!

Заработная плата

На уровень заработной платы веб-дизайнера влияет несколько факторов: престиж компании, где он трудоустроен, опыт работы, а также количество и сложность заказов. Сколько зарабатывает представитель этой профессии? Младший веб-дизайнер, который работает дистанционно, может получать от 20 тысяч рублей. Повысить заработок в этом случае позволяет ведение сразу нескольких проектов. По информации, полученной на сайтах с вакансиями, зарплата офисного web-дизайнера в Российской Федерации составляет 40-100 тысяч рублей. Старший зарабатывает 60-120 тысяч рублей.

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

Обучение: Где учиться

Чтобы стать веб-дизайнером, студентам можно начать обучаться в университете. В ВУЗах есть такие программы, как «Информационные технологии в дизайне», «Графический дизайн».

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

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

Как устроиться на работу и как ее найти?

Для начинающих веб-дизайнеров существует два варианта заработать деньги с использованием полученных навыков. Один из них – это трудоустройство в компанию, второй – индивидуальная деятельность по оказанию услуг веб-дизайна. Необходимо регулярно мониторить объявления о вакансиях на специализированных сайтах: «hh.ru», «Rabota.ru», «Zarplata.ru», «Vakant.ru». Будьте готовы к тому, что работодатель будет предъявлять достаточно объемный перечень требований к соискателю: знание программ “Photoshop”, “CorelDraw”, знание “HTML & CSS”, умение разработки иллюстраций, иконок, умение создания графики, flesh-анимации.

Достаточно зарегистрироваться на биржах фриланса (FL.ru, Freelance.ru, Kwork.ru и др.) и выполнять предлагаемые задания. Но и на указанных сервисах начинающему веб-дизайнеру не доверят дорогостоящий заказ. Нужно наработать определенный рейтинг и зарекомендовать себя как ответственного исполнителя, чтобы получить более или менее высокое вознаграждение за свой труд.