Пошаговое руководство: как стать веб-дизайнером

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

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

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

Новички часто путают дизайн и разработку. Они думают, что дизайнеру нужно кодить, разбираться в HTML, css и понимать, что происходит внутри, но этим занимается разработчик. А продукт веб-дизайнера — картинка будущего сайта.

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

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

Веб-дизайнер решает функции:

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

Инструкция по изучению веб-дизайна

Автор интенсивов дизайн-студии «Логомашина» Анжелика Урманчеева рассказала о шагах для тех, кто не знает, как стать веб-дизайнером самостоятельно с нуля.

Графические редакторы

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

Знакомство с теорией

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

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

Курсы оптимальнее остальных способов. На что обращать внимание:

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

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

Полезно ознакомиться с книгами:

1. «Кодоводство» Артемия Лебедева.
2. «Спроси маму» Роберта Фитцпатрика.
3. «Искусство цвета» и «Искусство формы» Иттена Иоганнеса.
4. «Живая типографика» Александры Корольковой.
5. «Облик книги. Избранные статьи о книжном оформлении» и «Новая типографика. Руководство для современного дизайнера» Яна Чихольда.
6. «Дизайн привычных вещей» Дональда Норман.
7. «Пользовательский интерфейс» Ильи Бирмана.

Проба деятельности и портфолио

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

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

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

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

Готовые работы размещайте на Behance, Dribbble и awwwards. И на новом сервисе dprofile: начинающим там легче заявить о себе, потому что еще нет огромной базы исполнителей и больше внимания уделяется каждому.

Как найти работу

Hh.ru, «Дизайнер.ру», Budu.jobs, Careerspace, Behance и Dribbble — основные ресурсы для поиска вакансий. Размещайте резюме там.

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

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

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

Статья подготовлена совместно:

Дизайн-студия «Логомашина»

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

Изображения для статьи: unsplash.com, flaticon.com