Курс по UI/UX дизайну: Проектирование интерфейсов от новичка до профи

Что вы сможете после курса

• Формулировать задачу проекта и проводить исследование аналогов и конкурентов по схеме «скриншот, плюсы, минусы»
• Собирать карточку персонажа и прописывать сценарии использования, включая исключительные ситуации
• Строить прототипы: от скетча толстым маркером через блочный и лоскутный до кликабельного со скринкастом
• Выбирать шрифтовую пару, вести микротипографику и верстать макет по модульной сетке
• Презентовать проект: key visual, концепция подхода, PDF со слайдами о процессе
• Вести переговоры с заказчиками и готовить отклики: портфолио, шаблоны писем, предоплата и сроки

Кому подойдёт курс

Не подойдёт тем, кто ищет обучение вёрстке и программированию, рисованию с нуля или отдельный курс по интерфейсам конкретной программы, — таких уроков в курсе нет.

Как проходит обучение

• Один проект на весь курс — Все задания идут на один выбранный проект — к концу обучения у вас готовая работа для портфолио. Вместо стандартного задания можно взять собственный рабочий проект, если он самодостаточен и имеет начало и конец.
• Домашние задания с жёстким дедлайном — Работа, отправленная позже, выпадает из ближайшего разбора и переносится на следующие выходные, — темп не даёт проекту застрять.
• Разборы работ участников — Их полезно смотреть целиком, а не только свою часть: ошибки и удачные решения других участников обычно повторяются и в собственной работе.
• Вопросы по почте с видеоответами — Вопросы выписываются по ходу занятий: сначала вы разбираетесь сами и ищете ответы в материалах прошлых потоков, затем отправляете список — ответ приходит видео.
• Профессия по ролям — Проектирование, визуальный дизайн, дизайн-менеджмент и арт-дирекшн разбираются отдельными занятиями: видно, за что отвечает каждая роль и как роли соединяются в одном проекте.

Что понадобится

• Графические редакторы по ходу задач: Adobe Photoshop, Sketch, Adobe After Effects, Adobe Fireworks
• Прототипирование и демонстрация: Mockingbird, PopApp, Axure, ScreenFlow
• Блокнот, ручка и таймер для техники помидора; Behance и сайты вакансий — для портфолио и откликов

Почему самому обычно не выходит

Дизайн междисциплинарен: в модели «люди — бизнес — технологии» нужно понимать место продукта в бизнес-процессе и хотя бы базово разбираться в HTML, CSS и JavaScript. По разрозненным статьям эти знания не соединяются в путь макета — от задачи и исследования до сетки и презентации.

Дизайнерская задача редко решается размышлением: работает цепочка «исследование, интерпретация, идея, эксперимент, эволюция». Самому ошибку не увидеть — её показывают разборы работ, где неудачи и удачные решения других участников обычно повторяются и в собственной.

Без внешнего ритма проект затягивается: дедлайн домашних заданий и разбор задают темп, с которым выбранный проект доходит до полноценной работы в портфолио.

Что изменится

Как устроен путь

1. Задача и проект На вводном занятии выбирается проект, который прорабатывается до конца обучения. Формулируется задача, проводится исследование работ, собираются карточка персонажа и сценарии использования.
2. Прототипы Идея идёт от скетча толстым маркером через блочный и лоскутный прототипы к кликабельному: связи собираются в редакторе, взаимодействие демонстрируется скринкастом.
3. Визуальная часть Фиксируются шрифтовая пара, палитра и сетка, по ним верстается дизайн-макет; часть материала — графика, иконки, фотографии и шрифты — делегируется стокам.
4. Презентация и портфолио Выделяется key visual, формулируется концепция, собирается PDF со слайдами о процессе. Портфолио, шаблоны писем и переговоры переводят проект в работу с заказчиками.

Программа курса

4 урока · 21 час 42 минуты видео · Занятия связаны одним сквозным проектом: каждое добавляет в него свою часть — от исследования и прототипов до макета и презентации.

• Вся профессия на одном проекте: от задачи до презентации 4 урока

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

  • День проектировщика6:42:31

    Урок систематизирует проектирование интерфейсов: свойства удобного интерфейса, работу с привычками и целями человека, различие UI и UX, сценарии и виды прототипов — от скетча до кликабельной версии. Разбираются исследование аналогов и конкурентов, модель «люди — бизнес — технологии», карточка персонажа и проверка решений A/B-тестированием с мерой в виде конверсии. В задании — исследование работ, карточка персонажа, сценарий и цепочка прототипов от скетча до лоскутного, по желанию — кликабельный со скринкастом.

  • День дизайнера5:17:50

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

  • День дизайн-менеджера4:22:57

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

  • День арт-директора5:19:06

    Урок объясняет роль арт-директора и отличие от дизайнера: key visual и digital-инсайт, работа с эмоциями, мудбордами и креативными концепциями, визуальный молоток, метафоры и культурные аллюзии, сторителлинг, гайдлайны и командная работа. Показаны виды концепций и критерии идей, а сайт разбирается как часть большой рекламной кампании. В задании — выделить key visual с носителями, описать визуальную рифму, написать инсайты, сформулировать концепцию и разослать письма с презентацией подхода.

Частые вопросы

Об этом курсе

• Нужно ли уметь программировать или рисовать?

  Нет. HTML, CSS и JavaScript упоминаются как база, которую проектировщику полезно понимать, но обучению коду в курсе нет. Рисование и иллюстрация с нуля как отдельная тема не разбираются: графика, иконки, фотографии и шрифты делегируются стокам, а рукописные надписи делаются от руки и оцифровываются.

• Обучают ли работе в Photoshop, Sketch или Figma?

  Отдельных уроков по интерфейсам программ в курсе нет: Photoshop, Sketch, Fireworks и Axure используются по ходу задач. Figma и схожие инструменты в материалах не упоминаются — курс про проектирование и дизайн интерфейсов, а не про конкретный редактор.

• На каком проекте делаются домашние задания?

  На одном выбранном — он детально прорабатывается до конца обучения. Можно взять стандартное задание или собственный рабочий проект, если он самодостаточен и имеет начало и конец.

• Что будет, если не сдать домашнее задание в срок?

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

• Что делать, если по ходу занятий возникают вопросы?

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

• Поможет ли курс выйти на заказы или работу?

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

Доступ и материалы

• Когда и как я получу доступ к курсу?

  Сразу после оплаты, в ту же секунду и автоматически. Ждать подтверждения не нужно. Доступ приходит двумя путями сразу. Первый: на почту, указанную при оформлении заказа, приходит письмо со ссылкой на материалы. Второй: та же ссылка появляется в вашем аккаунте на сайте, в разделе «Загрузки», и остаётся там постоянно.

• Где хранятся материалы курса?

  Все видео и дополнительные файлы лежат в облачном хранилище. Ссылка на него — в вашем аккаунте на сайте, раздел «Загрузки», и в письме, которое пришло после оплаты. Аккаунт здесь — не формальность, а способ доставки: курс остаётся в нём навсегда. Даже если письмо потерялось или вы вспомнили о покупке через год, ссылка будет на месте.

• Можно ли скачать материалы или только смотреть онлайн?

  Скачивать можно и нужно. Мы рекомендуем сохранить видео на компьютер и смотреть оттуда. Причина простая: облачное хранилище не рассчитано на просмотр видео. Иногда оно позволяет включить ролик прямо в браузере, но качество при этом заметно хуже исходного. На своём компьютере вы увидите курс таким, каким его записывали.

• Как долго действует доступ?

  Бессрочно. Курс остаётся вашим навсегда, возвращаться к нему можно сколько угодно раз. Если через год или два ссылка вдруг перестанет открываться по техническим причинам — напишите на info@siluette.com.ua, мы её восстановим.

• Письмо с доступом не пришло — что делать?

  Прежде всего: доступ у вас есть в любом случае. Войдите на сайт и откройте раздел «Загрузки» — ссылка на курс уже там, независимо от того, дошло письмо или нет. Чаще всего письмо теряется из-за опечатки в адресе при оформлении заказа. Ещё стоит заглянуть в папку «Спам». Не разбирается — не тратьте время: напишите на info@siluette.com.ua или в чат в правом нижнем углу сайта, мы поможем.

• На каких устройствах смотреть курс?

  Лучше всего на компьютере или ноутбуке: скачайте видео и откройте любым привычным плеером. Понадобятся установленные видеокодеки — на большинстве компьютеров они уже есть. Скачать курс можно на сколько угодно устройств. А вот телефон мы не советуем, и по двум причинам. На маленьком экране плохо видно детали, особенно если в уроке показывают интерфейс программы. И на телефонах часто нет кодеков для форматов, в которых записаны видео.

Оплата и возврат

• Какими способами можно оплатить?

  Банковской картой Visa, MasterCard или Prostir, через Google Pay, Apple Pay, Masterpass, Visa Checkout, платёжный QR-код, Botpay в Telegram или Privat24. Есть и оплата частями: Монобанк (3 или 4 платежа), А-Банк (2, 3 или 4 платежа и рассрочка), Банк Глобус (8 платежей), «Скибочка» от OTP Bank (3 платежа), мгновенная рассрочка и оплата частями от ПриватБанка.

• Примут ли карту, выпущенную не в Украине?

  Да. Платёжная система принимает карты из Евросоюза и любых других стран. Одна деталь, о которой часто забывают: банк может попросить подтвердить платёж — в мобильном приложении или кодом из СМС. Если оплата не проходит, проверьте приложение банка и сообщения.

• Как работает скидка 20% при покупке нескольких курсов?

  Добавьте в корзину два курса или больше — скидка применится автоматически ко всем товарам в корзине. Два курса: минус 20% на оба. Пять курсов: минус 20% на все пять. Скидка сочетается с любыми акционными ценами и действует на весь каталог без исключений.

• Можно ли вернуть курс или деньги?

  Цифровые товары возврату и обмену не подлежат. Это общее правило для всех электронных товаров в Украине — постановление Кабинета Министров № 172 от 19 марта 1994 года. При этом мы всегда на связи. Если доступ не открывается, ссылка перестала работать или файлы повреждены — напишите на info@siluette.com.ua, укажите дату и номер заказа. Восстановим. Если что-то непонятно в самом курсе, тоже пишите — подскажем.

• Можно ли оплатить от организации по счёту?

  Пока нет. Мы работаем только с частными покупателями — безналичной оплаты по счёту от юридических лиц сейчас нет.

Как проходит обучение

• Есть ли обратная связь с преподавателем и проверка заданий?

  Нет. Все курсы — это записи уроков для самостоятельного изучения: преподаватель не отвечает на вопросы и не проверяет домашние задания. Именно поэтому курсы стоят намного дешевле обучения с куратором. Вы получаете тот же материал, но занимаетесь сами и в своём темпе.

• Выдаётся ли сертификат?

  Да, цифровой сертификат — по запросу и бесплатно. Напишите на info@siluette.com.ua, укажите имя и фамилию ровно в том виде, в каком хотите видеть их в сертификате, и мы пришлём его в течение суток.

• Нужен ли опыт, чтобы начать?

  Для большинства курсов — нет. Они рассчитаны на начальный уровень и объясняют с азов. Если курс требует подготовки, это сказано в его описании.

• Есть ли сроки прохождения курса?

  Нет. Ни дедлайнов, ни расписания, ни сгорающего доступа. Скачали — смотрите когда удобно, с любыми перерывами.

• Можно ли поделиться курсом с другим человеком?

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

Поддержка

• Куда писать, если что-то не работает?

  Лучше всего на info@siluette.com.ua. Есть и чат в правом нижнем углу сайта, но почта надёжнее: там можно всё описать подробно и приложить скриншоты. Просьба: опишите, что именно вы делали и что пошло не так, и приложите снимок экрана с ошибкой. Так мы решим вопрос сразу, а не будем полдня выяснять, что произошло.

• Как быстро отвечает поддержка?

  В рабочее время, с 9:00 до 19:00, на почту обычно отвечаем в течение часа, в чате — за пару минут. После 19:00 тоже случается, но время ответа не обещаем.