У каждой онлайн-школы есть вводные уроки по UX/UI-дизайну, которые могут стать вашим стартом в профессии. Изучив их, вы сможете определиться с выбором: по душе ли вам это занятие или стоит попробовать себя в чем-то еще.
Рассмотрим 12 самых популярных бесплатных курсов по UX/UI-дизайну, верстке и проектированию пользовательских интерфейсов, которые можно пройти с нуля. Также в подборке — интерактивные уроки и полезные статьи по дизайну.
1. Яндекс.Практикум
Формат: интерактивные уроки с выбором темы курса, пошаговое прохождение
Длительность: от 4 до 8 часов
Скриншот Яндекс.Практикум
Описание
Яндекс.Практикум регулярно выкладывает вводные бесплатные уроки по разным специальностям — они предваряют платную часть онлайн-курсов и интенсивов. В частности, можно попробовать себя в качестве верстальщика на Figma и сделать с нуля лендинг, или выполнить типовые задачи дизайнера интерфейса, потренировавшись в создании интернет-магазина.
Подобные занятия подходят для первого погружения в профессию и ознакомления с основными обязанностями UX/UI-дизайнера. В общей сложности у Яндекс.Практикума 5 пробных курсов:
- О профессии дизайнера (25 минут);
- Дизайн сайта для интернет-магазина (6 часов);
- Лендинг в Figma с нуля (8 часов);
- Какие задачи выполняет моушн-дизайнер (4 часа).
С их помощью вы сможете определиться с выбором, какая именно специализация в дизайне вам подходит. Тем, кто планирует углубиться в проектирование пользовательских интерфейсов, мы рекомендуем выбрать интерактивные уроки по созданию интернет-магазина.
2. Skillbox. Самый творческий в IT: знакомимся с UX/UI-дизайном
Формат: видеоуроки, учебные материалы + творческая работа для портфолио, итоговый вебинар с преподавателем
Длительность: 5 дней
Скриншот Skillbox
Описание
Бесплатный мини-курс по UX/UI-дизайну, призванный познакомить слушателя с профессией и дать ему первоначальные навыки. Особенность курса в том, что вам сходу дадут выполнить несколько несложных задач в качестве экспресс-практики. На курсе вы узнаете:
В чем заключается работа UX/UI-дизайнера и какие нужны навыки в этой профессии для роста;
- Где брать референсы и следить за трендами индустрии;
- Как работать с Figma и создавать интерфейс сайта.
- Финалом курса станет вебинар с экспертом, которому можно будет задать любые интересующие вопросы о работе в UX/UI.
3. Yudaev.School. Бесплатный курс по дизайну с личным наставником
Формат: интерактивные уроки, практические работы с обратной связью преподавателя
Длительность: —
Скриншот Yudaev.School
Описание
Вводный курс сразу по графическому, веб и UX/UI-дизайну. Главным образом курс сосредоточен на графике, верстке и упаковке конечного продукта, затрагивая при этом отдельные аспекты работы с интерактивными интерфейсами.
Обучение построено так же, как и на «больших» платных курсах: сначала теория по видеолекциям, затем выполнение домашнего задания и его проверка преподавателем с разбором ошибок и замечаниями. В конце обучения всем участникам выдается сертификат. В общей сложности вы сможете с нуля выполнить 4 работы для портфолио. Доступ к курсу предоставляется сразу после регистрации.
4. UXJournal. Мини-курсы по UX и UI-дизайну
Формат: интерактивные видеоуроки по отдельным темам
Длительность: в среднем 60—80 минут
Скриншот UXJournal
Описание
Не один, а целая серия бесплатных блиц-курсов по UX и UI, а также прочим направлениям дизайна. Ресурс регулярно выпускает новые уроки по разным аспектам работы с UX/UI. Они, как правило, короткие и отнимают от 1,5 до 3 академических часов.
Кроме того, есть общие ознакомительные программы, в частности, «Основы UX» на 120 минут, где пошагово рассказывается о том, как устроен пользовательский опыт, какие задачи в бизнесе решает UX, как выбирать оптимальную UX-стратегию и многое другое.
5. Contented. Откройте свой путь в IT через UX/UI-дизайн
Формат: онлайн-интенсив с домашними заданиями и консультациями
Длительность: 3 дня
Скриншот Contented
Описание
Трехдневный вводный курс по UX/UI для новичков, предназначенный для ознакомления в профессию. Курс построен в формате интенсива: участники изучают представленные темы, а затем должны до 16 часов по московскому времени сдать домашнее задание.
Также авторы курса предоставляют «Карьерный гид UX/UI-дизайнера», в котором собраны ответы на самые распространенные вопросы о профессии, важных навыках и необходимых для работы инструментов.
Минус в том, что подобные интенсивы проводятся лишь по определенным датам, однако, Contented старается организовывать их регулярно. Лучше подписаться на соцсети школы и следить за новостями.
6. Нетология. Как стать UX/UI-дизайнером: создаём свой первый сайт
Формат: видеолекции
Длительность: —
Скриншот Нетология
Описание
Бесплатная серия видеоуроков по UX/UI, где пошагово разобраны все особенности создания сайтов. Также вам предложат самостоятельно попрактиковаться в верстке на основе рассмотренных инструкций. Курс состоит всего из двух занятий:
- Основы UX-дизайна и прототипирование;
- Основы UI-дизайна, где изучается верстка на Tilda.
Также в финале школа выдаст чек-лист по выбору формата работы, который поможет определиться с выбором: брать заказы на фрилансе или работать удаленно на одну компанию. Для доступа к курсу требуется регистрация.
7. WayUp. Веб-дизайнер: взрывной старт
Формат: видеолекции, практические задания для портфолио с обратной связью от наставника
Длительность: 4 дня
Скриншот WayUp
Описание
Бесплатный вводный онлайн-курс, который затрагивает и тему веба, и UI/UX. Кроме того, здесь вы научитесь разрабатывать дизайн лендинга, создав собственный концептуальный проект.
Помимо прочего автор курса поделится собственным опытом и примерами из своей дизайнерской практики. Бонусом идет подкаст с выпускницей школы, где она рассказывает о своем успехе в UX/UI.
8. Игорь Язов. 5 шагов, как быстрее всего освоить ui/ux design с нуля и работать без риска увольнения
Формат: вебинар + бонусы (видеолекции, уроки, скидка на дальнейшее обучение)
Длительность: —
Скриншот Игорь Язов
Описание
Авторский вебинар дизайнера Игоря Язова, на котором он проводит экскурс в работу специалиста по UX/UI и рассказывает о наиболее оптимальной стратегии развития в профессии. В частности, автор дает советы, как зарабатывать выше рынка уже на старте, и рассказывает, какие навыки будут востребованы в UX/UI-дизайне через 5 лет.
Тем, кто прослушает курс, также дается бесплатный доступ к видеоурокам и туториал по работе с Figma и Tilda. В перспективе можно записаться на онлайн-курс переподготовки по сниженной цене.
9. Stepik. Основы дизайна интерфейсов
Формат: видеоуроки
Длительность: 60 минут
Скриншот Stepik
Описание
Экспресс-курс, который знакомит слушателя с понятиями usability и user experience. В нем собраны основные принципы, законы и правила хорошего дизайна.
Отдельная глава посвящена грамотному использованию особенностей восприятия человека, которое помогает создавать правильные, интуитивно понятные интерфейсы. Теоретический материал на курсе сопровождается примерами из различных сфер жизни и графического дизайна.
Чтобы получить доступ, потребуется регистрация на онлайн-платформе Stepik.
10. Tilda Education. Онлайн-курсы по дизайну
Формат: онлайн-учебники
Длительность: —
Скриншот Tilda Education
Описание
Учебный ресурс разработчика самого популярного конструктора сайтов, где собраны актуальные учебные материалы по веб-дизайну, анимации, IT-маркетингу, SEO и другим аспектам разработки программных продуктов.
Также есть инструкции, посвященные пошаговой верстке лендинга с учетом пользовательского опыта. Онлайн-учебники сопровождаются практическими заданиями для закрепления результата.
11. Coursera. Введение в проектирование пользовательского опыта
Формат: видеолекции и задания (англ.)
Длительность: 6 часов
Скриншот Coursera
Описание
Вводный курс по UX на английском языке от преподавателя Georgia Institute of Technology, разбитый на 6 модулей, каждый из которых сопровождается тестовыми заданиями для закрепления материала.
Программа построена по принципу описания основных циклов проектирования UX — от сбора первичных требований через создание прототипа к оценке эффективности продукта и ограничений юзабилити.
12. Gymnasium. UX Fundamentals (Основы UX)
Формат: видеолекции с практическими заданиями (англ.)
Длительность: 3 часа
Скриншот Gymnasium
Описание
Цикл коротких видеоуроков и практических заданий на английском языке, которые дают базовые основы работы с UX. В частности, на курсе рассказывается, как работать вайрфреймами и прототипами, наполнять интерфейс осмысленным контентом. Отдельный урок посвящен практикам правильной работы с пользовательским опытом и работе с метриками.
С чего начать изучение UX/UI-дизайна новичку
Более подробно тему начала изучения UX/UI мы раскрыли отдельно. Здесь же перечислим основные рекомендации:
- Начинайте с основ и теории. Почитайте знаковые книги и статьи по психологии восприятия в контексте дизайна и юзабилити. Навскидку можно порекомендовать «Don't Make Me Think» Стива Круга и «Дизайн привычных вещей» Дональда Нормана;
- Разберите базовые принципы и правила графического дизайна: контраст, выравнивание, повторение, близость и т.п.;
- Изучите основные правила типографики и работы со шрифтами, а также работу с цветом и композицией;
- Начните осваивать Figma, Adobe XD и Sketch - это базовые инструменты UX/UI-дизайнера;
- Практикуйтесь в создании простых проектов, например, небольших мобильных приложений;
- В процессе работы старайтесь копировать дизайн-решения популярных приложений, изучайте их внутреннюю логику и user flow.
Как стать UX/UI-дизайнером бесплатно, советы
Выучиться на UX/UI-дизайнера и не заплатить ни копейки денег вполне реальный вариант при должном упорстве и усердии, пускай и более тяжелый, чем пойти на платные курсы. Но если бюджет ограничен, выбирать не приходится.
Здесь перед начинающим дизайнером с нулем проектов в портфолио встает две проблемы:
- На чем набивать руку (инструменты, практики, проекты);
- Где брать первые заказы.
Двигаться можно по такой траектории, хотя, оговоримся, она здесь просто для примера:
1. Начните с изучения базовых инструментов
От вас требуется крепкое владение Figma, Sketch и как минимум одним векторным редактором, например, CorelDraw. Также пригодится Photoshop на начальном уровне, чтобы можно было подрезать картинку, заретушировать ненужные объекты.
After Effects в вашем кейсе будет полезен, чтобы создавать интересные презентации для портфолио.
Ещё пригодится знание Tilda для верстки и какой-нибудь десктопный редактор, например, Zeplin.
И не забывайте о регулярной практике, даже если это какие-то мелкие задачи, вроде отрисовки иконок или обработки иллюстраций.
2. Придумайте интересный кейс
Продуманный учебный проект позволит продемонстрировать заказчикам, что вы умеете мыслить как дизайнер, знаете, как планировать работу и на что обращать внимание. Лучше всего оттачивать мастерство на примере сайта — это может быть серия оригинальных лендингов, или дизайн интернет-магазина.
В портфолио помимо результата работы следует приложить и кейс с исследованиями: анализ конкурентов, поведение и запросы пользователей и т.п. Лучше оформить их в виде презентации.
3. Заведите страницу на Behance
Крупнейший на сегодняшний момент ресурс для фрилансеров, куда выкладываются работы со всего мира. Он поможет вам, во-первых, презентовать свои учебные проекты и искать первых клиентов, во-вторых, практиковать насмотренность — изучать и перенимать идеи других специалистов. У Behance весьма обширное коммьюнити, поэтому при случае можно всегда спросить совета.
4. Ищите стартапы
Лучший способ почувствовать на себе, что такое дизайнерское проектирование — это ввязаться в какой-нибудь начинающий проект таких же единомышленников. Здесь можно либо полностью взять на себя направление UX/UI, либо выступить в роли помощника. Да, работать наверняка придется почти что за «спасибо», но зато вы в любом случае положите в портфолио хороший качественный проект.
5. Постоянно изучайте чужие работы
Разбирайте и изучайте различные интерфейсы, чтобы лучше понять их логику и искать свои подходы. На раннем этапе не зазорно будет их копировать в учебных целях, пошагово перерисовывая все элементы. Это также поможет лучше оптимизировать работу.
6. Изучайте теорию
Понимание основ UX/UI, психологии пользователя, типографики и цветовых схем поможет создавать более продуманные дизайны. Все это есть в учебниках и популярной литературе по маркетингу и дизайну.
Также пригодятся приведенные выше бесплатные онлайн-курсы по UX/UI-дизайну, ролики на YouTube, блоги и тематические статьи в профильных изданиях, такие
7. Регулярно ищите вакансии
Как только в портфолио появятся хоть какие-то работы (даже если это мелкие учебные проекты), будет неплохо разослать резюме потенциальным работодателям.
Многие дизайн-студии публикуют объявления о трудоустройстве у себя на сайте, в разделе «Вакансии». Разумеется, можно поискать отклик и на всем известных порталах по поиску работы, вроде hh.ru или Хабр.Карьера. Целесообразнее искать здесь предложения со стажировкой.
8. Будьте упорным
Ну и напоследок самое главное: дорогу осилит идущий, поэтому наберитесь терпения и не сдавайтесь. Помните, что для дизайнера важнее всего — это усидчивость и упорство. Оба этих качестве необходимо развивать наравне с навыками владения Figma и прочими инструментами.
