Який хоче освоїти новий інстурмент з широким функціоналом, який допоможе створювати цікаві та ефективні креативи.
Веб розробник
Який хоче опанувати усі основи, які можуть знадобитися під час роботи з наданими дизайнером проектами.
Майбутній дизайнер
І хочеш навчитись користуватись найзручнішою програмою для створення дизайну і зможеш заробляти на цьому.
Маю 4-річний досвід роботи у сфері UI/UX дизайну. Більшість з цього часу співпрацювала з Ізраїльською компанією Працювала над проектами в сфері онлайн начання, медицини, краси, дистрибуції товарів загального вжитку та іншими комерційними проектами
На теорії та пркатиці навчишся користуватись усіма панелями та інструментами відповілно до їх цільових функцій
Користуватись всіма інстурментами Figma
Чого ти навчишся на курсі?
Пройшовши увесь курс, навчишся створювати проекти для портфоліо, красиво їх формляти та отримувати перші замовлення
Створиш свої перші проекти для портфоліо
Навчишся грамотно систематизувати елементи, вибирати кольори та шрифти, будувати правильну візуальну композицію у своєму макеті.
Вивчиш базові принципи UI дизайну
Програма курсу
МОДУЛЬ № 1
Початок роботи
4 уроки
1 година
На прикладі інстаграму розглянемо з чого складається дизайн інтерфейсів. Поговоримо про ключовий фактор для будь якого дизайнера-надивленість, та де брати ідеї та натхнення для своїх робіт
Результат :
З чого складається дизайн?
Розбір інтерфейсу
Надивленість
Платформи Behance та Dribble
Зміст уроку :
З чого складається дизайн
УРОК №4
Створимо перший файл. Поговоримо про права редагування та огляду. Розглянемо бокові панелі графічного редактора та з чого вони складаються. Розберемось як працює центр допомоги та шорткати
Результат :
Де розміщені файли та як їх створювати
Елементи інфтерфейсу Figma
Розбір інструментів
Шорткати
Зміст уроку :
Створення першого файлу
УРОК №3
Розглянемо дві версії фігми- десктоп версію та веб-версію. Поговоримо про різницю між ними. Встновимо додаток на ПК та телефон та зареєструємось. Розглянемо домашню сторінку фігми, її складові. Персоналізуємо її та відредануємо свій акаунт
Результат :
Які існують версії Фігми та яку вибрати
Реєстрація акаунту
Інтерфейс домашньої сторінки
Редагування акаунту. Корисні поради
Зміст уроку :
Перше знайомство з інтерфейсом
УРОК №2
Познайомимось з куратором, розглянемо для кого підійде цей курс, поговоримо про середній заробіток та де знайти роботу по даному напрямку
Результат :
Знайомставо з куратором
Коротко про зміст курсу
Для кого підходить цей курс
Що ми навчимось на курсі
Зміст уроку :
Вступ до курсу
УРОК №1
МОДУЛЬ № 2
Фігури та їх властивості
4 уроки
1 година 30 хвилин
Навчимось створювати примітиви, такі як прямокутники, коло та лінії. навчимось задавати їм певні параметри та характеристики- розположення в системі координат, скруглення колір та обведення.
Результат :
Прямокутник
Еліпс
Трикутник
Лінії та стрілки
Зміст уроку :
Робота з фігурами
УРОК №5
Розглянемо види ефектів які можна надавати фігурам: тіні та розмиття, та як ми можемо їх редагувати. Поговоримо про те, які середні значенння варто надавати аби ефекти виглядали натурально
Результат :
Зовнішня тінь
Внутрішня тінь
Layer Blur
Background Blur
Зміст уроку :
Eфекти та градієнти
УРОК №6
Поговоримо про те, що таке логічні операції та де ми можемо їх застосовувати. Розглянемо їх види та те, як ми можемо використовувати їх в дизайні.
Результат :
Злиття фігур
Віднімання
Перетинання
Виключення
Зміст уроку :
Булінові (логічні) операції
УРОК №7
Навчимось створювати маскові групи, використовуючи фігури та фото. Розглянемо випадки, в яких можна використовувати маски.
Результат :
Що таке маски
Створення маски використовуючи фото та фігури
Де використовуються маски
Зміст уроку :
Маски
УРОК №8
МОДУЛЬ № 3
Робота з зображеннями та текстом
4 уроки
1 година
Розглянемо що таке растрові та векторні зображення. Поговоримо про різницю між нимим та де які зображення слід використовувати.
Результат :
Що таке растрові та векторні зображення
Де брати безплатні зображення
Вставка зображень
Маніпуляції з зображеннями
Зміст уроку :
Векторні та растрові зображення
УРОК №9
Розглянемо редактор зображень, відредагуємо парамети освітлення та кольор, використаємо 4 види обрізок та розглянемо ситуації в яких вони можуть використовуватись
Результат :
Редактор зображень:експозиція, контраст, колір, насиченість
Обрізка зображень
Зміст уроку :
Редагування зображень
УРОК №10
Розглянемо усі можливі варіанти накладень, використовуючи зображенння та верхній шар.
Результат :
Затемняючі режими накладання
Висвітлюючі режими накладання
Режими накладання, міняючі освітлення
Режими накладання, міняючі колір
Зміст уроку :
Режим накладання для зображень
УРОК №11
Розглянемо як вводити текст та які маніпуляції ми можемо проводити з текстом. Навчимось змінювати властивості тексту та абзаців: шрифт, розмір, відступи та вирівнювання. Розглянемо просунуті налаштування шрифта
Результат :
Шрифти, накреслення, розмір
Інтерліньяж, відступи між буквми та абзацами
Вирівнювання
Налаштування тексту
Зміст уроку :
Робота з текстом. Шрифти
УРОК №12
МОДУЛЬ № 4
Фрейми та групи
4 уроки
1 година
Ознайомимось з властивістю фреймів- сітками, які допомагають при розстановці елементів всередині нього. Розглянемо 3 основних види сіток, їх різницю та розглянемо випадки, в яких потрібно використовувати той чи інший вид.
Результат :
Піксельні сітки
Вертикальна сітка (колонки)
Горизонтальна сітка (рядки)
Яку сітку варто використовувати у макеті
Зміст уроку :
Сітки
УРОК №16
Розглянемо що таке привязки та як елементи себе поволять всередтні фрейму при зміні його розмірів. Поговоримо про привязки до боковиз панелей, до центру та привязки масштабування. Розглянемо різницю між елементами, які знаходяться в групі та в фреймі
Результат :
Прив'язки до країв фрейму.
Прив'язки до центру
Scale
Які привязки варто використовувати у макеті
Зміст уроку :
Прив'язки
УРОК №15
Детальніше розглянемо ієрархію елементів всередині макету: яка різниця між групами та макетами. Навчимось вирівнювати групи та елементи всередині них відносно одне одного
Результат :
Ліва бокова понель
Меню налаштувань елементу
Групи та їх властивості
Види вирівнювань елементів в групі
Зміст уроку :
Вирівнювання. Групи
УРОК №14
Розглянемо ліву бокову панель навігації, як виглядають шари та навчиось створювати базовий елемент макетів- фрейми. Поговоримо про те які властивості має фрейм, де знайти шаблони фреймів та як його використовувати при роботі.
Результат :
Структура сторінок
Властивості фреймів
Готові шаблони
Елементи всередині фрейму
Зміст уроку :
Фрейми
УРОК №13
МОДУЛЬ № 5
Стилі, аутолейаут, компоненти
4 уроки
1 година 15 хвилин
На прикладі розглянемо що таке компоненти та як їх створювати. Поговоримо про мастер-компонент та дочірні компоненти (інстенси) та в чому їхня різниця. Навчимось змінювати властивості мастер-компоненту, щоб побачити, як це впливає на інші елементи, та відвязувати компоненти. Навчимось користуватись бібліотекою компонентів та правильно їх організовувати.
Результат :
Створення комоненту
Мастер компонент та інстенси
Біблоітнека компонентів
Зміна властивостей компоненту
Зміст уроку :
Компоненти
УРОК №19
Ознайомимось з властивістю фреймів- сітками, які допомагають при розстановці елементів всередині нього. Розглянемо 3 основних види сіток, їх різницю та розглянемо випадки, в яких потрібно використовувати той чи інший вид.
Результат :
Піксельні сітки
Вертикальна сітка (колонки)
Горизонтальна сітка (рядки)
Яку сітку варто використовувати у макеті
Зміст уроку :
Варіанти
УРОК №20
Поговоримо про те, що таке стилі, як їх створювати та як вони допомагають організувати роботу всередині макету. Створимо стилі для кольору, тексту, сітки та ефектів. Навчимось редагувати та видаляти стилі
Результат :
Кольорові стилі
Текстові стилі
Стилі для сіток та ефектів
Коли та де використовувати стилі
Зміст уроку :
Стилі в проекті
УРОК №17
На декількох прикладах створимо різні варіанти аутолейауту та розглянемо як він працює. Поговоримо про те в яких випадках потрібно використовувати аутолейаути та як вони допоможуть нам організувати роботу всередині макету
Результат :
Створення актолейауту
Робота з елементами
Властивості аутолейауту
Просунуті налаштування
Зміст уроку :
Що таке аутолейаут
УРОК №18
МОДУЛЬ № 6
Прототипування та Community
4 уроки
1 година
Підібємо підсумки по усіх вивчених матеріалах, згадаємо усі інструменти, якими ми навчились користуватись, поговоримо про подальші кроки та дії, які допооможуть знайти перше замовлення та почати заробляти
Результат :
Підсумок курсу
Подальші кроки
Побажання
Зміст уроку :
Заключна частина
УРОК №23
Розглянемо де знайти та як користуватись Figma Community. Навчимрсь шукати корисні файли, копіювати їх та вставляти в свій макет. Навчимось кортстуватись плагінами, шукати їх та поговоримо про декілька найкорисніших плагінів для роботи. Розглянемо віджети
Результат :
Що таке Community у фігмі
Файли та як ними користуватись
Плагіни
Віджети
Зміст уроку :
Figma Community
УРОК №22
На прикладі екранів додатку "Instagram" розглянемо варіанти створення та редагування інтерактивного прототипу для екранів нашого макету. Розглянемо які існують варінати анімації та інтеракцій, навчимось їх змінювати відповідно до контексту. Навчимось створювати анімацію для окремих елементів та екранів в цілому
Результат :
Що таке інтерактивний прототип
Створення інтеракцій між екранами
Варінати анімації
Створення флову (сценарію)
Зміст уроку :
Інтерактивний прототип
УРОК №21
PREMIUM МОДУЛЬ
3 ПРАКТИЧНИХ УРОКИ
PREMIUM
Модуль доступний лише у тарифі Expert
Створення сайту (Landing page) для портфоліо
Створення мобільного додатку для портфоліо Частина 1
Створення мобільного додатку для портфоліо. Частина 2
Доступ до уроків та матеріалів Технічна підтримка під час навчання Домашні завдання без перевірки
Доступ до всіх уроків та матеріалів Підтримка експерта Домашні завдання з перевіркою Чат з учасниками курсу 2 сесії в місяць з експертом Сертифікат Доступ до Premium модуля
МЕНТОРСТВО
НАВЧАЙТЕСЬІНДИВІДУАЛЬНО З ОЛЕНОЮ
ПЕРЕВАГИ ТА БОНУСИ
Досягати нових висот значно легше, якщо маєш підтримку того, хто вже пройшов цей шлях. Ми впровадили тариф «Менторство» для тих, хто прагне отримати максимальний результат, і швидко опанувати знання.
консультації, навчальні матеріали, фідбеки від експерта-практика.
Індивідуальна робота:
ти отримаєш максимум уваги та швидкий результат
Гарантія результату:
обирай зручний для тебе час навчання
Гнучкий навчальний графік:
консультації, фідбеки від експерта-практика.
Гнучнкий графік:
обирай зручний для тебе час та навчайся з будь-якої точки світу.
ти отримуєш максимум уваги та швидко досягаєш поставленої мети.
Індивідуальні безлімітні зідзвони
Особисті рекомендації
Участь в проектах разом з експертом
Бонус - професійний софт для збільшеня доходу
Ціна після 03.02.23 : 300 $
Розтермінування без переплат
Розпочни навчання просто зараз, обравши спосіб оплати «розтермінування частинами».
Розтермінування доступне в таких варіантах: Приват Банк, Monobank.
Навчайся зараз - плати потім
Як відбувається навчання?
Реєстрація
Знайомитесь з платформою
Платформа Pikiran — особиста розробка компанії, яку ми постійно покращуємо. На платформі на вас чекають відео, практичні завдання та спілкування з кураторами. Ви отримаєте доступ до матеріалів одразу після оплати курсу.
Реєстрація
Знайомся з платформою
Платформа Pikiran — особиста розробка компанії, яку ми постійно покращуємо. На платформі на вас чекають відео, практичні завдання та спілкування з кураторами. Ви отримаєте доступ до матеріалів одразу після оплати курсу.
Теорія
Здобувай знання
Кожен курс складається з тематичних експертних відео різної тривалості. Ви можете дивитися відео будь-де й будь-коли — ви самі будуєте свій навчальний процес та графік навчання.
Практика
Виконуй завдання
Ми впевненні, що навички відпрацьовуються тільки на практиці. Тому після опанування теорії на вас чекає практична робота або тест. Всі завдання наближені до реальних — їх можна з гордістю додати до портфоліо.
Зворотній зв'язок
Працюй з куратором
Ваші завдання перевірятимуть куратори курсу — це експерти з досвідом в окремій галузі. Саме вони нададуть зворотний зв’язок щодо ваших домашніх завдань, допоможуть з виконанням важких завдань та підкажуть, як покращити вашу роботу.
Зворотній зв'язок
Працюй з куратором
Ваші завдання перевірятимуть куратори курсу — це експерти з досвідом в окремій галузі. Саме вони нададуть зворотний зв’язок щодо ваших домашніх завдань, допоможуть з виконанням важких завдань та підкажуть, як покращити вашу роботу.
Звичайно! У вас все вийде навіть без спеціальних знань, просто приділяйте більше уваги домашнім завданням та вивчайте додаткові матеріали. У всьому допоможе досвідчений наставник, який буде допомагати вам протягом усього курсу.
Так, Ви опануєте основний інструмент для дизайну і по завершенню курсу зможете створити перші портфолійні роботи та почати працювати у сфері вебдизайну.
Купувати нічого не треба. Для роботи потрібен тільки ноутбук та інтернет. Ми будемо працювати у безплатний версії Figma – там є всі необхідні інструменти.
Ви можете вивчати матеріали курсу в зручному для вас режимі, поєднувати навчання з роботою та іншим навчанням. До того, всі уроки будуть доступні та після закінчення курсу, тому ви зможете освіжити свої знання в будь-який момент.
Все залежить лише від вас. В середньому наші студенти займаються від 5 до 10 години на тиждень, і отримують перший результат вже через 1 місяць після початку навчання.
У вас буде куратор у Telegram-чаті, що перевіряє, прокоментує домашні завдання і дасть корисні поради. Так ви зможете перейняти досвід, професійні знання та лайфхаки від експерта.
Так, ви можете купити курс на виплат — і спланувати свій бюджет, розбивши всю суму на невеликі щомісячні платежі.
PIKIRAN
Приєднуйтесь до нашої спільноти та підпишіться на нашу розсилку, щоб бути в курсі останніх новин.