});
ДИЗАЙН В СРЕДЕ
ДИЗАЙН / 23 июля
Дизайн сайта

Профессия: дизайнер сайтов и мобильных приложений

Максим Десятых, креативный директор Redmadrobot. Ведет курс «Введение в профессию» на Факультете дизайна «Среды Обучения».
Создание сайтов и проектирование приложений — основная деятельность диджитал-дизайнера. Максим Десятых рассказывает о тонкостях профессии, особенностях разработки, профессиональном развитии дизайнера и фрилансе.
— Что такое диджитал-дизайн?
— Диджитал- или цифровой, электронный дизайн предполагает разработку дизайна в цифровой среде. Это дизайн, который мы видим на экране, с которым взаимодействуем с помощью курсора (сайты) или с помощью пальцев (мобильные приложения).

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

Иначе его называют интерактивный дизайн, потому что, в отличие от графического дизайна, продукты цифрового дизайна предполагают взаимодействие с пользователем. Еще одно название — это UI- и UX-дизайн. UI расшифровывается как User Interface, UX — как User Experience, то есть это пользовательский интерфейс и пользовательский опыт.

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

За рубежом часто предполагается, что дизайнер не только может нарисовать дизайн, но и знает несколько языков программирования, может реализовать сайт в HTML-коде или в CSS. На Западе дизайнеры — специалисты широкого профиля.

Если вы планируете работать на зарубежных заказчиков, переехать за рубеж или уже там живете, то рекомендую иметь более широкий набор навыков, включая программирование. В программу Факультета дизайна «Среды обучения» мы включаем курсы по обучению верстке. Они дают базу для того, чтобы развиваться дальше.
— Где работает диджитал-дизайнер?
— Вариантов много, выделю четыре основных блока:
► cтудия;
► агентство;
► крупный бизнес;
► cтартап.

Подробнее можно почитать здесь. А вот так выглядит карьера дизайнера:
На момент выхода статьи 2300+ вакансий для дизайнера сайтов и 1400+ вакансий для дизайнера мобильных приложений в России по данным hh.ru, 200+ вакансий в лучших компаниях России на designer.ru
— А что насчет фриланса?
— На этапе среднего дизайнера можно переключиться на фриланс и работать на себя. Дизайнер может зарабатывать и 200'000₽ в месяц.

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

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

- Другой минус в том, что вам будет сложно развиваться. Когда нет коллег под боком, не с кем общаться по работе, развитие сильно замедляется.
— Зачем учиться, если всему можно научиться прямо на стажировке?
— Начать стажироваться «с нуля» в любом случае проблематично: чтобы вас приняли на стажировку, нужно что-то из себя представлять в профессиональном плане. Несмотря на то что стажировка часто даже не оплачивается, кандидат все равно должен иметь определенные профессиональные навыки, чтобы ему предложили место в компании.
— Начинать в 30 уже поздно?
— А почему бы и не начать карьеру в 30? Не вижу для этого никаких препятствий. Только хорошо бы к этому моменту уже чему-то научиться. То есть, чтобы начать стажироваться в 30, в 28 уже пора бы начать учиться. А если начнете учиться в 30, уже через год или два вполне можете уже начинать стажировку.
Работа с интерфейсами сайтов и приложений с нуля — от поиска цветовых сочетаний и изучения гайдлайнов до составления макета для разработчиков.

Дизайн цифровых продуктов

Онлайн-образование
Предметы

Модульная сетка
Копирайтинг
UX/UI
Readymag
After Effects
Cinema 4D

…еще 20+ предметов
— Как профессионально развиваться?
— Я назвал эту концепцию «ДизПрофРост». Это пять этапов, которые нужно проделать, чтобы неминуемо научиться. Есть нюанс: чтобы получить максимум на этом пути, вам понадобятся опытные наставники. Хотя при должном усердии можно очень многому научиться самостоятельно, но это сложнее.
Насмотренность — это одно из важнейших свойств дизайнера. Вам нужно видеть очень много примеров отличных работ, много образцов дизайна, чтобы иметь, с одной стороны, достаточно развитый вкус, с другой, коллекцию возможных решений для дизайнерской задачи. Для этого нужно зарегистрироваться на сайтах Behance и Dribbble и начинать собирать коллекцию из огромного количества образцов дизайна, которые ежедневно выкладывают в свои портфолио профессионалы. Заходите туда каждый день, сохраняйте либо себе в коллекцию, либо на жесткий диск те работы, которые вам нравятся больше всего, и таким образом начинайте наполнять эту коллекцию как на компьютере, так и у себя в голове. Постарайтесь выработать привычку. Для этого каждое утро в течение минимум одного месяца начинайте день с просмотра лучших новых работ. Пусть это станет привычкой, как попить кофе или посмотреть новый сериал.
Дизайн приложений
Проект CosmoZoo
Школа дизайна
Проект Good Eggwhites
дистанционное обучение
Серия иллюстрация для BearHugGlobal
Инструментарий. Для диджитал-дизайнера важно знание и владение как минимум пятью профессиональными инструментами.
  • интерфейс сайта
    Adobe Photoshop
    Создан был как инструмент обработки фотографий и до сих пор повсеместно используется как отличный графический редактор, в том числе для создания дизайна сайтов.
  • дизайнер интерфейсов
    Adobe Illustrator
    Векторный редактор, который по-прежнему является универсальным стандартом. Если вы делаете сайт или мобильное приложение, в нем будете создавать, например, иконки.
  • как научиться веб дизайну
    Sketch
    Набирает популярность и скоро наверняка догонит предыдущие два инструмента. Это программа для интерфейсов сайтов и приложений. В первую очередь ее используют дизайнеры мобильных продуктов.
  • онлайн дизайн сайта
    Axure
    Инструмент для прототипирования. Это не графический редактор, программа позволяет собирать схему навигации или прототип экранов. Здесь можно набрасывать разные объекты на страницу, прикидывая, что где будет размещено, еще до того, как начать наводить красоту.
  • мобильный дизайн сайта
    Apple Keynote или Microsoft Power Point
    Программы для создания презентаций. Я сам пользуюсь Keynote, там есть шикарные инструменты анимации, поэтому Keynote можно даже использовать, чтобы прототипировать решения в дизайне интерфейсов. Например, дизайнеры Apple используют для прототипирования приложений для айфона именно Keynote.
► Репродукция, или навык перерисовывания чужих работ. На первом этапе вы прокачиваете свою насмотренность — собираете коллекцию образцов отличного дизайна. На третьем этапе нужно научиться обрисовывать эти дизайны сайтов или приложений своими руками. Делаете скриншот готового сайта, открываете в графическом редакторе и стараетесь сделать его точную копию, как будто делаете репродукцию картины. В этот момент креатив не имеет значения, сейчас важно научиться с нуля воспроизводить то, что придумали другие. А придумывание будет потом.

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

Сделайте редизайн сайтов трех известных брендов. Возьмите известный бренд, например, Ikea, Facebook и МегаФон. И сделайте редизайн их сайтов или приложений. Переосмыслите, как бы они могли выглядеть, если бы вы были дизайнером каждого проекта. Задача максимум — постараться сделать так качественно и круто, чтобы эти компании захотели вас нанять. Отличным результатом будет и если вы положите эти работы в портфолио и кто-то другой вас пригласит поработать. Помимо того, что вы потренируетесь придумывать и реализовывать, вы пополните свое портфолио тремя новыми проектами, что очень полезно для трудоустройства.
Проект Shopping made personal — IKEA online experience concept
Проект HBO new look — UI and brand

Проект LEGO — Website Redesign

Попробуйте создать десять фейков или вымышленных проектов, у которых нет заказчика. Поставьте себе задачу сами, придумываете какой-нибудь интернет-магазин, или корпоративный сайт, или приложение и нарисуйте его. У вас не будет ограничений в виде заказчика и бюджета, и вы можете потратить на это любое количество времени, а результат положите в портфолио. Это может помочь в трудоустройстве, не говоря уже о том, что здорово поможет вам прокачаться.
дизайн интерфейсов
дизайнер сайтов обучение
разработка мобильных приложений
web дизайн обучение
онлайн обучение веб дизайну
дизайн мобильных приложений курсы
Проекты студентов курса «Коллаборация»: Lightometr., FINE PINE, GREEN FERMA PARK, BRAINBOX, Миша любит, Eventica, Memoryprint
Выполните два настоящих коммерческих заказа. В результате вы получите хороший опыт и два настоящих проекта в портфолио. Заодно прочувствуете всю прелесть работы дизайнера, которой вам предстоит заниматься в будущем.

► Обучение. Речь не про самообучение, а про обучение других. Почему? Передача знаний — один из лучших способов чему-либо научиться. Сейчас я сам учу и одновременно учусь. Когда вы пытаетесь объяснить другому, как ему делать его работу, вы уж точно научитесь делать сами.
— Как понять, на позицию какого уровня я могу претендовать?
— Очень хороший вопрос, но ответить на него смогут только на конкретном рабочем месте. Бывает, что в компании вообще не существует разделения на уровни, младший и ведущий: есть дизайнер и арт-директор. Зависит от количества людей в штате.

Зачастую вас сравнивают с другими специалистами. Если вы — лучший дизайнер в компании, то, скорее всего, будете называться ведущим дизайнером, а остальные будут называться просто дизайнерами или младшими дизайнерами. Но бывает и так: вы захотите перейти в более крутую компанию, у которой больше опыта и проекты сильнее, и с прежними навыками сможете претендовать на позицию не выше среднего дизайнера. Но, вероятно, с более высокой зарплатой. Универсальных отраслевых стандартов нет, все относительно. Из-за этого проявляется некоторый нахлест: ведущий дизайнер может получать 30'000₽, а младший дизайнер — 60'000₽. Как я уже говорил, это зависит от многих факторов.
— Но ведь однообразные проекты могут надоесть?
— И надоедят! Естественно, если они однообразные, не масштабные, если с вами нет драйвовой команды, заряженной на успех. А если все наоборот, проектов много, они интересные, сложные, масштабные, если вы работаете бок о бок с крутыми ребятами, дизайнерами и разработчиками, то как это может надоесть?

Еще многое зависит от того, кто ваш непосредственный руководитель. Если это опытный арт-директор, у которого можно многому научиться, то такой проблемы не возникает.
ПОЛЕЗНЫЕ МАТЕРИАЛЫ: ВЫБОР РЕДАКЦИИ