Ми входимо в нову еру – еру Моушн-дизайну. Сьогодні користувачі стали набагато вимогливішими.
Гарного UX і симпатичного UI стало недостатньо. Користувачі хочуть більше руху. Майже всі топові додатки впроваджують анімацію: Uber, Google, Netflix і багато інших. Чого тільки варта Onboarding анімація в додатку Home від Google або новий Splash Screen від Uber. Виглядає заворожуюче!
В цілому анімація інтерфейсів дуже цікава. Її нескладно вивчити, так що почати може кожен. Але з часом ви будете дізнаватися її нові сторони, відкриваючи нові прийоми і техніки.
Моушн-дизайн колосально відрізняється від статичного дизайну, тому тут для вас відкриється абсолютно новий і дивовижний світ. Анімація інтерфейсів потрібна для створення анімованих дизайн-систем, для просунутих анімацій і microinteractions, для експериментальних анімацій з ефектів і 3D, для нових видів взаємодії.
Кому буде корисно:
– UI / UX дизайнерам, які: хочуть відкрити для себе нові техніки і інструменти для взаємодії з користувачами, робити більш круті презентації для своїх клієнтів і портфоліо, говорити з розробниками на одній мові і працювати з ними в одній команді;
– початківцям Моушн-дизайнерам, які працюють в digital-агентствах;
– front-end і app розробникам, які хочуть вийти на новий рівень і додати анімацію в свої роботи;
– Моушн-дизайнерам, які хочуть навчитися автоматизувати свою роботу і витрачати менше часу на рутину (блок з експрешенамі)
Програма курсу:
Курс розрахований на 3 місяці навчання. За цей час ми з вами виконаємо два курсових проекту, плюс розберемо всю теорію і практику по анімації інтерфейсів.
Двічі на тиждень вам будуть відкриватися відеоуроки, а по четвергах будуть проходити живі дзвінки з куратором і групою.
По закінченню курсу ви отримаєте знання для анімації Лендінзі, створення анімованої дизайн системи, анімації флоу в додатку. А також дізнаєтеся, як перезентовать роботи в портфоліо.
Основи анімації інтерфейсів
Відповімо на питання «чому ми робимо анімацію в складному After Effects, а не Principle, Framer X і інших інструментах?». Навчимося переносити дизайни з Figma, Sketch, Adobe xd в Аfter Еffects. Розберемо, що таке анімація. З чого вона складається. Як зробити анімацію хорошою. Зрозуміємо, як будується анімація простих і складних форм, і дізнаємося основи анімації в інтерфейсах.
Кнопки, лоадери, іконки
З цих елементів будується основний «мову» спілкування між інтерфейсом і користувачем. Тому варто приділяти їм найпильнішу увагу. Ми анімуємо безліч іконок, лоадерів і кнопок. Навчимося грамотно використовувати таймінг і спейсінг.
Seamless transitions
Все не так страшно, як здається. Але якщо і страшно, то після цього модуля вже не буде. Детально розберемо – як будуються переходи між екранами, навчимося їх планувати і грамотно використовувати в додатку.
3D і використання ефектів в АЕ.
Зануримося в світ 3D. Саме зануримося, а не пірнемо. 3D світ в АЕ дуже невеликий 🙂 Але за допомогою нього можна отримувати цікаві результати. Також розглянемо часто використовувані ефекти, навчимося їх міксувати для отримання потрібного результату.
3D и Cinema 4D
Глибше пірнемо в світ 3D. Це потрібно для того, щоб красиво представити свою роботу в портфоліо або клієнту. Можна використовувати мокап, але вони однотипні. А за допомогою простих технік в синьому можна отримувати завжди різноманітні і цікаві результати. Навчимося використовувати готові моделі, матеріали, пресети світла. Навчимося настроювати рендер в різній стилістиці. А пізніше будемо інтегрувати 3D рендери з інтерфейсами.
Лого анімація
Учимся делать кастомные прелоадеры и splash screens с использованием логотипов.
Анімація тексту
Розглянемо просунуту анімацію тексту. Будемо використовувати і кастомизировать Ефектори, а пізніше будемо зберігати їх в пресети для подальшого використання в інших проектах.
Анімація ілюстрацій
Майже всі сайти і додатки так чи інакше використовують ілюстрації. Ми ж навчимося їх анімувати і викликати «WOW» у своїх клієнтів.
Кейфрейми, композиції і експрешени
У наш час дизайнер повинен вміти трохи програмувати. Будемо вчитися грамотно оптимізувати свій робочий процес і дивитися на анімації очима розробника.
Вчимося говорити з розробником
Звернемо увагу на те, яка інформація важлива розробнику. Відточимо техніки для виокремлення та структурування цієї інформації. Підготовка хорошого завдання на розробку анімації будь-якої складності.
Ще немає відгуків.