Дизайнер интерфейсов обучение бесплатно
Обзор 5 лучших UI курсов – обучение на дизайнера пользовательских интерфейсов
Ui-дизайнер – спец по эстетике и анимации: рисует кнопочки, менюшки, создает эффектные переходы, прорабатываете типографику, добивается эстетики и вовлечения пользователя во взаимодействие. Анимирует мобильные интерфейсы, сайты и веб-приложения.👇
Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агентство), iSpring Solutions (продуктовая) и со стартапами по всему миру. Преподаватель курсов «UI-дизайн и анимация интерфейсов» и «Веб-дизайн» в Институте программных систем и godesign.school.
Авг 5, 2020 · 11 мин читать
А еще готовит дизайн к разработке. Запросто подготовит выточенную дизайн-концепцию для презентации клиентам агентств. Развивает интерфейсы продукта и поддерживает их целостность. В общем, надежный друг продактов: помогает ребятам шустро собирать продуктовые концепции. Обладает прокачанными навыками композиции в интерфейсах, эстетике, юзабилити, бренд-дизайне, микровзаимодействиях и анимации.
Если вас притягивают мягкие анимации в интерфейсах, кайфуете, когда ui-элементы удобно расположены на экране, боретесь, чтобы состояния каждого компонента были продуманы и эффектно выточены, то вы наверняка уже слышали про InVision Studio, Principle, Figma и даже встречали курсы ui дизайна. 👆 Поэтому держите мою личную подборку из ТОП-5 курсов по UI, которые идеально подойдут новеньким в этой области.
Содержание:
Какие же курсы вошли в подборку ТОП-5 лучших онлайн-курсов
В ТОП-5 лучших онлайн-курсов по UI-дизайну для новеньких я включила те, что помогут зайти в эту профессию и начать работать на фронте UI-дизайна уверенно и легко. А главное — вся траектория построена так, чтобы прокачать ваши навыки досконально, с наглядной отдачей на каждом этапе.
Я считаю, что образовательные программы из этой статьи хороши именно в комплексе.
Почему стоит пройти каждый курс
Если специализироваться только на UI, то нужно быть готовым работать с огромным многообразием проектов из разных ниш. Это путь работы агента (или в агентстве) — либо в крупной продуктовой компании с большим количеством продуктов и сервисов. В остальных случаях нужно быть готовым больше заниматься именно исследовательской частью в продуктовой команде или дизайном маркетинговых материалов, потому что поток работ на ui-дизайн или дизайн-концепции с выточенными мягкими анимациями может периодически проседать — либо же работа будет просто делаться в стол (а мы же так не любим!).
Поэтому я рекомендую каждому, кто фанатеет от интерфейсов, прокачаться по максимуму сначала на всей визуальной (видимой) части дизайна (инструменты, прототипирование, верстка и композиция, эстетика, анимации, юзабилити), а затем смело продолжать развивать весь список навыков продуктового дизайнера (качать ux-исследования и стратегию и продуктовую аналитику).
В каждом курсе вас ждет интересный состав проектов и экспертов. В общем, рекомендую стартовать с первого курса и двигаться по курсам последовательно. Обучение на каждой площадке проходит на русском языке, поэтому знать английский пока не нужно!
Почему порядок именно такой
На старте вы освоитесь в инструментах и попробуете себя в роли UI-дизайнера на множестве проектов, а в финале вас ждет плотный годовой оффлайн-курс.
Кому стоит пройти обучение по ui дизайну
UI-дизайн – это наглядная точка входа в digital-дизайн с визуальной отдачей на старте(что особенно актуально для самостоятельного изучения). Изучая дизайн интерфейсов, вы даже начнете получать эстетическое наслаждение от работы, которой занимаетесь.
В UI-дизайне вы в первую очередь работаете над тем, что видите. И постепенно проникаете в ux-стратегию, глубины бизнес-процессов и бренд-стратегию, т.е если вы сразу запрыгните на курсы по UX, то вам может не хватить навыков свободной работы над визуальной частью при высоких временных затратах на исследовательскую часть (а в UX этого предостаточно) – и в итоге свой курс по UX вы завершите с наспех сделанным интерфейсом, зато с сильно проработанной аналитической частью.
Поэтому если ваши глаза горят от мягких эффектов перехода между экранами, наведенных состояний кнопочек в интерфейсе, микроанимации и анимации появления контента – знайте, что все это часть современного пользовательского опыта. А значит, вас притягивает верное направление и заходить в digital-дизайн вам нужно не через UX (где вам просто не хватит подготовки и аналитику проработать и UI-выточить), а через траекторию UI-дизайна с ростом в UX.
В чем сила UI-дизайна
UI-дизайн создает эмоциональную связь с пользователем и формирует доверие. UI-дизайн – это когда вы создаете дизайн, способный произвести на клиентов настолько глубокое впечатление, что они будут возвращаться к вам снова и снова.
Как правило, UX-дизайнера клонит либо в исследования и аналитку — и тогда он создает грубые концепты (они неприятны потребителю, но могут решать задачу), либо UX-дизайнер вместо исследований занимается вытачиванием продукта — и перевешивает в UI-дизайн. Поэтому для сохранения скорости работу выполняет пара: UX-дизайнер (исследования, прототипы и страгетия) и UI-дизайнер (дизайн интерфейсов, эсетика, анимация). В продуктовых командах один спец может сочетать в себе оба направления работ, но все-таки я склонна считать, что такая продуктовая команда делает меньше, чем могла бы, в плане интенсивного развития продуктов. Вы можете легко проверить мои слова, изучив книгу Аарон Уолтера «Эмоциональный веб-дизайн» (книга из под руки того, кто был у истоков создания брендинга Mailchimp, а сейчас развивает идеи на практике в команде InVision Studio).
Принцип подбора первого курса
На мой взгляд, есть всего один критерий, который важен на старте. Если кратко: ищите курс с легким стартом и ассортиментом клевых и жизненных дизайнов.
Ключевой принцип подбора первого курса – ищем ассортимент проектов, а не курс про функции редактора (например Figma) или курс про ux-дизайн. Напомню, что UI-дизайнеру предстоит работать с множеством разных продуктов (сайты, интерфейсы мобильных и веб-приложений, приложения для умных часов), а значит для старта постарайтесь отметить для себя те курсы, в которых вы сможете пощупать разные виды проектов в рамках одной траектории. А затем уже повышайте экспертизу по каждому направлению.
С чего начать обучение в UI дизайне
Перед тем как начинать курс по UI-дизайну, еще раз проверьте себя по трем параметрам.
1. Онлайн-курсы от Breezzly по ui-дизайну и анимации интерфейсов: приложения и сайты с наставником в формате «смотри и повторяй» (Job Shadowing)
Объем курсов: 4 часа, 4 проекта, 32 видеоурока
Стоимость: 3 000 ₽
Фишка: осваиваете весь арсенал инструментов UI-дизайнера (Figma, Principle, InVision Studio, Tilda) на нестандартных (и жизненных) учебных проектах: мобильное приложение, iWatch App, сайт, и веб-приложение
Здесь вы учитесь применять весь арсенал инструментов ui-дизайнера на всем арсенале экранов: приложения для Smart Watch, мобильные приложения, веб-приложения и сайты.
Каждый курс хорош как первый шаг, полезен для прокачки в инструментах ui-дизайнера на интересных и бодреньких проектах.
Для кого: курс зайдет, если вы хотите попробовать себя в роли UI-дизайнера и получить полное представление на практике. Здесь вас встретят дизайн-проекты во всех популярных инструментах (Figma, InVision Studio, Principle) и на всем арсенале востребованных у клиентов проектов.
Чему научитесь
Автор курса: Анастасия Свеженцева, продуктовый дизайнер (UX/UI) и бренд-дизайнер. 5 лет опыта работы в двух международных компаниях iSpring Solutions и Omega-R. Сейчас помогает стартапам и продуктовым командам по всему миру: проектирует интерфейсы мобильных и веб-приложений, создает сайты, помогает улучшить дизайн. Активно публикует свежие работы в dribbble: https://dribbble.com/NewWingsAsya
2. Пользовательский интерфейс от издательства Бюро Горбунова – закрепить фундаментальные принципы UI-дизайна и шагнуть в UX-дизайн
Книга «Пользовательский интерфейс» научит базовым принципам проведет в систему дизайна элементов интерфейса. В ней нет рецепта идеального интерфейса. Зато поможет вам получить насмотренность по множеству ошибок и проектировать свои приложения, сайты или сервисы на качественно новом уровне. А еще ей удобно пользоваться как справочником и шпаргалкой, когда возникают конкретные вопросы во время работы над проектом.
Автор курса: Автор — Илья Бирман Арт‑директор бюро, соавтор «Советов», преподаватель Школы стажёров.
Для кого: кому важно разобраться с принципами дизайна UI по шагам и увидеть, как применяется концепция «интерфейс как диалог» в дизайне интерфейсов.
Объем курса: 4 главы, 400+ страниц
Стоимость: 1200 ₽ за первый год/ 990 руб/год со второго года
Фишка: курс в формате интерактивной книги с анимациями, которые доходчиво объясняют предмет. Плюс в книгу врезаны объемные упражнения и тесты для самопроверки.
3. UI-дизайнер от Нетология – познакомиться с множеством экспертов и получить первый опыт публичной защиты
Основной упор курса сделан на UI. Здесь вы освоите веб- и мобильный дизайн, создадите свой первый макет сайта и разработаете прототип мобильного приложения. Обучение завершается защитой с сертификатом. На курсе учат работать с композицией, типографикой и шрифтами при разработке интерфейса, применять гайдлайны iOS/Android, проводить тестирование.
Автор курса: Команда дизайнеров и арт-директоров из известных агентств России, таких как: AGIMA, Red Keds, Notamedia, Ecwid, Альфа-Лаборатория, Росбанк, Сбербанк.
Для кого: курс похож на лайтовую версию популярных курсов по UX-дизайну, но с большим упором не на исследование и стратегию, а именно на UI. Помогает досконально освоить все нюансы профессии UI-дизайнер
Объем курса: 5 месяцев
Стоимость: 66 900 ₽
Фишка: отточите навык дизайна адаптивных дизайн-макетов веб- и мобильных интерфейсов
4. Бесплатный онлайн-курс по UI дизайну от Яндекс.Практикум «Каково это – быть дизайнером интерфейсов» (в продуктовой компании)
Курс Яндекс хорош для развития как продуктовый дизайнер. Здесь вы еще раз бегло вспомните, что изучали на предыдущих курсах по UI-дизайну и продолжите набивать руку на множестве кейсов продуктового дизайна.
Этот курс – финальная точка в изучении професии UI-дизайнер с выходом на продуктовый дизайн (UX/UI).
Автор курса: Команда дизайнеров Яндекс при поддержке их центра подготовки специалистов.
Для кого: для тех, кто хочет признания от бренда Yandex на российском рынке
Объем курса: 7 месяцев, 310 часов
Стоимость (платное продолжение): 91 000 ₽
Фишка: профессиональная траектория, диплом, помощь в трудоустройстве;
Портфолио из 5 проектов, поддержка наставника, сертификат
5. UX/UI дизайн – получить опыт работы плечом к плечу в команде над крупным проектами (оффлайн в Москве)
На UX дизайне в БВШД вы работаете над брифами известных компаний, создающих диджитал-продукты. Каждая команда учащихся на программе выполняет по 4 проекта и презентует комиссии из практиков – это крутая возможность попробовать себя в роли дизайнера на передовой. Студенты курса вживую взаимодействуют с реальной целевой аудиторией и актуальными данными.
Автор курса: Команда преподавателей БВШД. Куратор курса Ярослав Шуваев, руководитель R&D в Ak Bars Digital Technologies (Банк Ак Барс)
Для кого: для тех, кому важно прочувствовать влияние дизайна на восприятие
Объем курса: 1 год
Стоимость: 350 000 руб. в год
Фишка: погружение в профессию через реальные проекты и живое взаимодействие с экспертами: Банк Ак Барс, ExactFarming, Tele2, IBM Interactive Experience Россия, Райффайзенбанк, VRTech, Сбербанк
А что изучать дальше: мой личный список источников вдохновения (Figma, After Effects и другие)
Пробегитесь еще раз по курсам, которые мы обсудили. Там самый смак, свежачок, практика и годнота. А теперь несколько источников вдохновения по каналам, которые могут пригодится тем, кто ищет бесконечность. В подборке два английских курса и Youtube-каналы.
Youtube-каналы по UI-дизайну
Курсы по UI-дизайну на английском: следующий уровень
Если вы решили постичь дзен в UI, то After Effects вам точно поможет прокачать поведенческие аспекты в дизайне: переходы и микровзаимодействия.
After Effects поможет пробить потолок в моушн-дизайне интерфейсов. Да, вы не создадите в нем анимации и поведение, которые можно пощупать и реализовать шустро в ближайшем будущем (для этого идеальны Principle и InVision Studio), зато он снимет все блоки в сознании и прокачает вашу фантазию в интерактивном дизайне.
Вывод и рекомендация
Стартуйте с онлайн-курса по Figma на Breezzly и начинайте самостоятельно создавать сайты, мобильные и веб-приложения, затем хватайте курс с выходом на UX и защиту проекта перед комиссией, а затем уже выходите на очный и долгий курс с работой в команде и вживую руками, например, курс от БВШД.
30 бесплатных онлайн-курсов по UX/UI-дизайну
С нуля до PRO. В 2021 году.
💰 Материал спонсора. «UX-дизайнер с нуля до PRO» от Skillbox 💰
Skillbox предоставляет бесплатный доступ к части уроков своей платной обучающей программы «Профессия UX/UI-дизайнер». Успейте попробовать!
Длительность: 27 уроков.
Формат обучения: видеоуроки + текстовые материалы + домашние задания без проверки + тесты.
Программа обучения:
Чему научитесь:
Кто проводит курс
1. «Figma. Начальный уровень» от GeekBrains
Длительность: 5 уроков, каждый по 30 минут.
Формат: видеоуроки, домашние задания.
Программа обучения:
Чему научитесь: пользоваться графическим редактором Figma на базовом уровне и с его помощью делать несложные макеты сайтов.
Преподаватель: Илья Полянский. Ведущий дизайнер цифровых продуктов в «Почте России». Опыт работы — 7 лет.
2. «Основы Figma» от «Нетологии»
Длительность: 16 лекций общей продолжительностью 17 часов, 7 из них уделено теории, а оставшиеся практике.
Формат: видеолекции и упражнения.
Документ об окончании: отсутствует.
Программа:
Чему научитесь:
💰 На правах рекламы. «Профессия UX/UI-дизайнер» от Contented 💰
Продолжительность курса: 9 месяцев.
Документ об окончании: удостоверение о повышении квалификации установленного образца.
Формат: видеоуроки + домашние задания с проверкой и обратной связью от личного наставника + общение с другими студентами в закрытом комьюнити + удалённая стажировка.
Программа обучения:
Чему научитесь:
3. «Дизайн приложения» от Loftschool
Длительность: 15 лекций (продолжительность каждого 2–15 минут).
Формат: видеоуроки.
Диплом об окончании: не выдаётся.
Программа обучения: разделена на четыре блока:
Чему научитесь:
Лектор: Елена Мойся — дизайнер со стажем работы более 4 лет. Создаёт графические продукты в «МТС».
4. «Как стать дизайнером интерфейсов» от «Яндекс.Практикум»
Курс платный, но есть бесплатная вводная часть, которая позволит попробовать себя в профессии и понять, стоит ли продолжать обучение.
Длительность: 10 часов.
Формат: текстовые материалы, тесты, работа в интерактивном тренажёре.
Программа: слушатели узнают, что включает в себя работа дизайнера интерфейсов и на практике познакомятся с графическими редакторами, в том числе и с Figma.
Что узнаете:
5. «Уроки по UX/UI Design» от DesignLab
Длительность: 9 занятий. Каждое разделено на несколько роликов, включающих в себя теорию и практику. Всего 21 видеоурок. Средняя продолжительность — 1 час, но есть и видеоролики по 2–3 часа.
Формат: видеоматериалы.
План обучения: на курсе рассказывается о UX/UI-дизайне, проектировании страниц «О нас» и «Контакты», создании UI-дизайна мобильной версии сайта. Также затронуты темы поиска клиентов и составления портфолио.
Что узнаете:
Автор: Александр Гайдай. Создаёт обучающие курсы по веб-дизайну более 6 лет.
6. «Principles of UX Design» от InVision
Длительность: 9 занятий.
Формат: текстовые уроки.
Программа:
Чему научитесь:
Автор: Тимоти Эмбретсон — дипломированный графический дизайнер. Помогает крупным компаниям решать сложные проблемы.
7. «Fundamental UI Design» от InVision
Продолжительность: 5 занятий.
Формат: текстовые уроки.
План обучения:
Что узнаете:
Автор: Джейн Портман — консультант по UX/UI из России. Решает бизнес-задачи с помощью умного UI-дизайна.
8. «Создание Landing Page» от Tilda Education
Длительность: 5 лекций.
Формат: видеолекции.
Сертификат: отсутствует.
Программа:
Чему научитесь:
Лектор: Никита Обухов — создатель конструктора сайтов Tilda Publishing и основатель одноимённой компании.
9. «Уроки по UI/UX Design» от Игоря Джазова
Длительность: 72 ролика.
Формат: видеоматериалы.
Документ об окончании: нет.
Программа: на курсе рассказывается об отличиях веб-дизайнера от UX/UI-дизайнера, ошибках начинающих дизайнеров, о дизайне сайтов и мобильных приложений в Figma и Tilda, скетчах, проектировании прототипов сайтов в Axure. Также слушатели узнают много советов для оптимизации рабочих процессов.
Чему научитесь:
10. «Уроки по UX/UI дизайну» от Евгения Кузьмина
Длительность: 35 роликов, каждый идёт в среднем 1 час.
Формат: видеоуроки.
План обучения: в курс включена информация о типографике, сетках и композициях, создании лендингов, нестандартной анимации в Tilda, проектировании мобильных приложений.
Чему научитесь:
11. «Веб-дизайн» от AndyOne
Длительность: 9 занятий, каждое идёт в среднем 3–10 минут.
Формат: видеоматериалы.
Программа: слушатели узнают о UX-дизайне, типографике, цветах, изображениях, модульных сетках. Также в видеороликах затронуты важные правила продуктивной работы и «фишки» мастеров.
Что узнаете:
12. «Уроки Web Design — UI/UX» от G-Starting
Длительность: 11 видеороликов (до 15 минут).
Формат: видеоуроки.
План обучения:
Что узнаете:
13. «UX Design for Mobile Developers» от Udacity
Длительность: 4 лекции.
Формат: видеоуроки, интерактивные викторины.
Документ об окончании: нет.
Программа:
Чему научитесь:
Авторы: команда разработчиков Google.
14. «Пользовательский интерфейс» от Coursera
Длительность: 6 недель (всего на учёбу уйдёт 15 часов).
Формат: видео, текстовые материалы, практические задачи.
План обучения:
Что узнаете:
Преподаватели:
15. «Visual Elements of User Interface Design» от Coursera
Продолжительность: 4 недели (всего на учёбу уйдёт 16 часов).
Формат: видеолекции, текстовые материалы, упражнения.
Сертификат: предусмотрен.
Программа:
Узнаете:
Преподаватель: Майкл Уортингтон. Преподаёт веб-дизайн в Калифорнийском институте искусств. Публиковал свои работы в множестве стран, в том числе в Китае, Японии, Англии, Франции, Италии. Обучил более 600 тысяч человек.
16. «UX Design Fundamentals» от Coursera
Длительность: 4 недели (на учёбу уйдёт 12 часов).
Формат: видео, статьи, тесты.
План обучения:
Чему научитесь:
Автор курса: Майкл Уортингтон.
17. «Web Design: Strategy and Information Architecture» от Coursera
Длительность: 4 недели (на учёбу уйдёт 12 часов).
Формат: видео, текстовые материалы, упражнения.
Программа:
Что узнаете:
Автор курса: Роман Джастер — графический дизайнер из Лос-Анджелеса со стажем работы более 14 лет.
18. «Web Design: Wireframes to Prototypes» от Coursera
Длительность: 4 недели (на учёбу уйдёт 40 часов).
Формат: видео, текстовые материалы, тесты.
Сертификат: выдаётся (платно).
План обучения:
Что узнаете:
Автор курса: Роман Джастер.
19. «Human-Centered Design: an Introduction» от Coursera
Продолжительность: 4 недели = 15 часов на освоение материала.
Формат: видеоуроки + текстовые материалы + тесты.
Программа обучения:
Автор: Скотт Клеммер — профессор когнитивных и компьютерных наук в Калифорнийском университете Сан-Диего.
20. «Design Principles: an Introduction» от Coursera
Длительность: 3 недели = 13 часов на освоение материала.
Формат: видеоролики, текстовые уроки, практические задачи.
План обучения:
Чему научитесь:
Автор: Скотт Клеммер.
21. «Social Computing» от Coursera
Продолжительность: 3 недели = 9 часов на освоение.
Формат: видеолекции, статьи, практические задания.
Программа:
Узнаете:
Автор: Скотт Клеммер.
22. «Input and Interaction» от Coursera
Длительность: 3 недели (9 часов).
Формат: видеоматериалы, текстовые уроки, практические задания.
План обучения:
Узнаете:
Преподаватель: Скотт Клеммер.
23. «Удобство использования: исследования и разработка прототипов» от Coursera
Продолжительность: 4 недели (12 часов).
Формат: видеоматериалы, статьи, практические задания.
Документ об окончании: предусмотрен.
Программа:
Чему научитесь:
Преподаватели:
24. «Информационный дизайн» от Coursera
Длительность: 3 недели (14 часов).
Формат: видеоуроки, статьи, упражнения.
План обучения:
Чему научитесь:
Плюсы:
Преподаватель: Скотт Клеммер.
25. «Разработка, осуществление и анализ экспериментов» от Coursera
Продолжительность: 9 недель (15 часов).
Формат: видеолекции, текстовые уроки, упражнения.
Программа:
Какие навыки приобретёте:
Преподаватели:
26. «Digital Skills: User Experience» от FutureLearn
Длительность: 3 недели.
Формат: видеоролики, статьи, аудио и практические занятия.
Сертификат: выдаётся (платно).
План обучения:
Чему научитесь:
Минусы:
27. «Foundations of User Experience (UX) Design» от Coursera
Продолжительность: 4 недели (25 часов).
Формат: видеолекции, статьи, тесты.
Сертификат: выдаётся (платно).
Программа:
Что узнаете:
Преподаватели: команда Google Career Certificates. Создаёт цифровые продукты, сервисы и программы, которые помогают людям и бизнесу расти.
28. «Start the UX Design Process: Empathize, Define, and Ideate» от Coursera
Длительность: 5 недель (29 часов).
Формат: видеоуроки, статьи, упражнения.
План обучения:
Что узнаете:
Преподаватели: команда Google Career Certificates.
29. «Conduct UX Research and Test Early Concepts» от Coursera
Продолжительность: 4 недели (21 час).
Формат: видеолекции, статьи, упражнения.
Программа:
Чему научитесь:
Преподаватели: команда Google Career Certificates.
30. «Design a User Experience for Social Good & Prepare for Jobs» от Coursera
Длительность: 5 недель (46 часов).
Формат: видеоуроки, статьи, практические задания.
План обучения:
Чему научитесь:
Преподаватели: команда Google Career Certificates.