Есть 2 типа людей, которые далеки от digital:
— кто считает, что веб-дизайн — это программирование
— кто считает, что веб-дизайн — нарисовать картинки на сайт
Сразу закроем второй пункт: веб-дизайнер не художник. Он не рисует, а проектирует сайт. Это архитектор в мире веба. Он анализирует потребности и мир пользователя, чтобы расставить элементы на сайте и подобрать цвет так, чтобы человеку было удобно и визуально приятно, а не так, как видит его внутренний художник.
Почему дизайнер не разработчик раскроем ниже.
Дизайн VS разработка
Веб-дизайнер не занимается разработкой, его цель — сделать макет продукта, который решит задачу пользователя. Как этот продукт верстается — ответственность разработчика.
Веб-дизайнер как писатель: продумывает сюжет, характеры персонажей, составляет вдумчивые диалоги. Разработчик — это типография: от него зависит, на какой бумаге напечатают книгу.
Веб-продукт — это командная работа, где ценится труд каждого. Если сайт удобный и красивый, но с версткой проблемы — пользователь не вернется. И наоборот: отвратительный дизайн не поможет гениальной веб-разработке.
Навыки веб-дизайнера
Цель веб-дизайнера — сделать макет, который поможет пользователю достигнуть цели: найти контакты или новости компании, купить продукт, заказать услуги. Таким образом дизайнер не только помогает пользователю, но и решает бизнес-задачу: повышает конверсию сайта/приложения.
2 типа веб-дизайнера:
— UX-дизайнер, который исследует целевую аудиторию проекта: берет интервью у пользователей и анализирует их, составляет собирательный образ, продумывает, как пользователю будет удобнее найти нужный контент. Потом составляет прототип — схему сайта — в соответствии с правилами композиции
— UI-дизайнер: разрабатывает стилистику, подбирает цвета и шрифты, готовит макет к верстке и оставляет комментарии разработчику. отвечает за финальную сдачу проекта.
— UX/UI-дизайнер, который занимается макетом под ключ.
В зависимости от специализации веб-дизайнер пользуется следующими инструментами: Figma, Photoshop, Sketch, Illustrator, InVision, Axure и другие.
Сейчас работодатель требует от веб-дизайнера понимание HTML и CSS, чтобы создавать макеты, которые реально воплотить в жизнь. Поэтому на курсе Интенсив мы добавили блок по верстке, где учим студентов базовым принципам разработки. Полную программу курса смотри здесь.
Также основы верстки помогут дизайнеру аргументированно спорить с верстальщиком по поводу реализации макета. Если разработчик твердит, что сверстать невозможно, дизайнер придумывает решение, которое устроит обе стороны.
Итог: веб-дизайнер не рисует картинки, а проектирует макет сайт, который будет полезен пользователю и заказчику.
Кто такой веб-разработчик
Разработчики делятся на 2 типа:
1 — frontend, который воплощает макет в виртуальную жизнь с помощью HTML (создает структуру сайта), CSS (задает цвета и параметры шрифтов), JavaScript (реагирует на действия пользователя, загружает данные, позволяет вводить сообщения). Результат работы фронтенд-разработчика — это код, который ты увидишь, если зайдешь на любой сайт и нажмешь Сtrl+U. Если продукт несложный, то после работы фронтенда он сразу отправляется в пользование.
2 — backend, который объединяет сервер с пользователем. Когда ты нажимаешь кнопку, сигнал идет к серверу, и загружается новая страница. Бэкэнд-разработчик делает так, чтобы этот процесс проходил без проблем. Результат работы — твоя положительная реакция на то, что сайт загружается быстро и без помех. Знает универсальные языки программирования (Ruby, PHP, Python, Java) и системы управления базами данных (MySQL, PostgreSQL, SQLite, MongoDB).
Итог: разработчик переносит макет сайта из неживого состояния в виртуальный простор.
Заключение
Веб-дизайнер и разработчик — часть команды, которая работает над созданием продукта, который поможет пользователю и заказчику решить свои задачи. Дизайнер проектирует вид и структуру сайта, а разработчик воплощает макет в жизнь.
В школе WDI мы выпускаем веб-дизайнеров, которые покорят digital-мир на фрилансе и в студиях и умеют общаться с разработчиками. Чтобы тебе было проще войти в профессию, записывайся на бесплатную консультацию по развитию в веб-дизайне. Поймешь, что делать дальше и к чему стремиться.
C заботой о тебе, WDI