Вконтакте
Instagram
YouTube
Behance
Medium
Telegram
Контакты
Чем отличается
веб-дизайнер
от разработчика
Полезное чтение
Есть 2 типа людей, которые далеки от digital:

— кто считает, что веб-дизайн — это программирование
— кто считает, что веб-дизайн — нарисовать картинки на сайт

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

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

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

Веб-продукт — это командная работа, где ценится труд каждого. Если сайт удобный и красивый,
но с версткой проблемы — пользователь не вернется. И наоборот: отвратительный дизайн не поможет гениальной веб-разработке.
habr.com
Навыки веб-дизайнера
Цель веб-дизайнера — сделать макет, который поможет пользователю достигнуть цели: найти контакты или новости компании, купить продукт, заказать услуги. Таким образом дизайнер не только помогает пользователю, но и решает бизнес-задачу: повышает конверсию сайта/приложения.

2 типа веб-дизайнера:

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

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

— UX/UI-дизайнер, который занимается макетом под ключ.

В зависимости от специализации веб-дизайнер пользуется следующими инструментами: Figma, Photoshop, Sketch, Illustrator, InVision, Axure и другие.
    UX/UI-дизайнер пользуется спросом у заказчиков
    Сейчас работодатель требует от веб-дизайнера понимание HTML и CSS, чтобы создавать макеты, которые реально воплотить в жизнь. Поэтому на курсе Интенсив мы добавили блок по верстке, где учим студентов базовым принципам разработки. Полную программу курса смотри здесь.

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


    Итог: веб-дизайнер не рисует картинки, а проектирует макет сайта, который будет полезен пользователю и заказчику.
      Макет карточки интернет-магазина. Работа Алины Голоцуцкой
      Кто такой веб-разработчик
      Разработчики делятся на 2 типа:

      1 — frontend, который воплощает макет в виртуальную жизнь с помощью HTML (создает структуру сайта), CSS (задает цвета и параметры шрифтов), JavaScript (реагирует на действия пользователя, загружает данные, позволяет вводить сообщения). Результат работы фронтенд-разработчика — это код, который ты увидишь, если зайдешь на любой сайт и нажмешь Сtrl+U. Если продукт несложный, то после работы фронтенда он сразу отправляется в пользование.

      2 — backend, который объединяет сервер с пользователем. Когда ты нажимаешь кнопку, сигнал идет
      к серверу, и загружается новая страница. Бэкэнд-разработчик делает так, чтобы этот процесс проходил без проблем. Результат работы — твоя положительная реакция на то, что сайт загружается быстро и без помех. Знает универсальные языки программирования (Ruby, PHP, Python, Java) и системы управления базами данных (MySQL, PostgreSQL, SQLite, MongoDB).

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

      _______________________________________


      В школе WDI мы выпускаем веб-дизайнеров, которые покорят digital-мир на фрилансе и в студиях
      и умеют общаться с разработчиками. На курсе Интенсив за 15,5 недель ты создаешь 5 работ в портфолио, осваиваешь базовые принципы верстки и вливаешься в профессиональное дизайн-сообщество.

      Ближайший поток — 1 июля. Узнай подробности программы по ссылке — тебе ответят наши понимающие менеджеры Алина и Саша и поделятся полезностью.

      C заботой о тебе,
      WDI





      Автор статьи: Анна Кобзе
      Редактор: Анастасия Кошелева