Меню

Figma Pro. Онлайн курс у записі з перевіркою завдань викладачем

Відгуки: 0
Запуск у будь-який час
Термін навчання: 
23 заняття

Вартість:

Залишити заявку

Опис

Цей курс проводиться у форматі записаних відеоуроків з перевіркою завдань викладачем.

Цей курс ідеально підходить для тих, хто бажає опанувати використання програми Figma як інструменту для розробки вебдизайну.

Також даний курс підійде розробникам, які бажають зробити свою взаємодію з командою дизайнерів більш продуктивною і зрозуміти, як можливості є у даного інструменту.

Курс надає великий багаж знань та навичок, які охоплюють від базових до високорівневих, дозволяючи студентам вивчити сучасні тенденції в галузі дизайну та навчитися швидко та правильно працювати з програмою.

Як проходить навчання?

  1. Отримуєш доступ до відеуроків
  2. Виконуєш домашні завдання для закріплення знань
  3. Ментори курсу перевіряють домашні завдання та надають фідбек

ЦІЛІ КУРСУ

  • Оволодіти програмою Figma для створення інтуїтивно-привабливих інтерфейсів
  • Зрозуміти ключові принципи UI/UX з фокусом на використанні програми Figma для ефективного створення інтерфейсів
  • Навчитись використовувати всі ключові можливості програми та ефективне їх застосувати у роботі над макетами
  • Впровадити сучасні практики у галузі UI/UX Design з використанням програми Figma (а саме, використання Local Variables та просунутого прототипування у програмі Figma)
  • Навчитись створювати прості анімації елементів

ВИВЧАЄМО ТАКІ ТЕХНОЛОГІЇ

  • Figma
  • FigJam
  • Local Variables

БОНУСИ КУРСУ: Перевірка домашніх завдань викладачем.

Програма навчання

Ознайомлення з інтерфейсом Figma

 
  • Знайомство
  • Завантаження та встановлення програми
  • Огляд інтерфейсу
  • Робота зі сторінками
  • Емодзі для позначення сторінок
  • Figma Community
  • Спільна робота у Figma
  • Коментування макетів

Робота з обʼєктами

  • Створення об'єктів
  • Редагування та трансформація обʼєктів
  • Групування та організація
  • Обʼєднання фігур
  • Створення ліній та їх налаштування
  • Використання маски

Векторні інструменти

  • Використання векторних інструментів (pen/pencil)
  • Створення обʼєктів
  • Редагування обʼєктів

Frame

  • Вибір типу фрейму
  • Налаштування фрейму
  • Налаштування об'єктів всередині фрейму
  • Робота із constraints
  • Скейлінг за допомогою гарячої клавіші K
  • Використання гарячих клавіш

Робота з кольором

  • Fill solid
  • Fill gradient
  • Гарячі клавіші при роботі з кольором
  • Стиль кольору

Робота з текстом

  • Вибір шрифтів
  • Налаштування шрифтів
  • Line height
  • Letter spacing
  • List spacing
  • Auto width
  • Auto height
  • Text align
  • Робота з текстовими блоками
  • Переведення тексту в криві
  • Текстові стилі

Робота з Auto Layout

  • Налаштування Auto Layout
  • Оновлення Auto Layout 2023
  • Створення кнопок через Auto Layout
  • Створення карток через Auto Layout

Робота з компонентами

  • Материнські і дочірні компоненти
  • Варіативність компонентів
  • Створення сету кнопок
  • Створення сету інпутів
  • Прототипування елементів

Робота з ефектами

  • Створення ефектів
  • Налаштування ефектів
  • Створення стилю ефекту

Сітки та їх використання на різних пристроях

  • Сітки
  • Направляючі
  • Створення сітки з 12 колонок
  • Налаштування сітки для фреймів
  • Стиль сітки

Що таке плагіни та як їх використовувати

  • Плагіни для роботи з кольором
  • Плагіни для роботи з текстом
  • Плагіни для роботи з зображеннями

Icons

  • Вимоги до іконок
  • Плагіни для роботи з іконками
  • Додаткові плагіни для прискорення роботи у програмі

Використання Auto Layout

  • Розширені можливості Auto Layout
  • Мінімальні та максимальні значення при адаптації макету

Використання Local Variables, частина 1

  • Color
  • Number
  • String
  • Boolean

Використання Local Variables, частина 2

  • Boolean
  • Застосування Boolean у макетах

Просунуте прототипування

  • Прототипування за допомогою Local Variables
  • Налаштування доданих елементів у корзину. Автоматичне вираховування суми

Робота з графікою та зображеннями

  • Вставка та заміна зображень
  • Редагування графіки
  • Техніка обрізання зображень
  • Оптимізація зображень
  • Заливка фігур зображенням. Гарячі клавіші.

Створення елементів

  • Створення різних станів Button
  • Створення різних станів Input
  • CheckBox
  • Radiobutton
  • Chips
  • Modal windows
  • Notifications
  • Toggle
  • Dropdown
  • Tabs
  • Tooltip
  • Створення таблиць та осередків для них

Обʼєднання елементів

  • Види навігації
  • Використання горизонтального та вертикального меню
  • Створення карток
  • Прототипування карток за натисканням на кнопку

Підготовка до роботи з макетом

  • Особливості UI-Kit
  • Основи роботи у FigJam
  • Розширені можливості у FigJam

Наповнення макету

  • Створення макету сторінки
  • Додавання елементів інтерфейсу

Робота з превʼю

  • Збір блоків макету у лендінг
  • Smart Animate та її особливості
  • Створення анімаційних переходів. Прототипування елементів.
  • Фіксація позиції елементів при скролі
  • Можливості превʼю
  • Підбір мокапів під макет для перегляду
  • Плагіни для вибору мокапів

Передача макетів у розробку

  • Експорт елементів
  • Види форматів при експорті
  • Збереження макетів у PDF
  • Особливості передачі макету у розробку

В кінці курсу виконується дипломний проєкт.

Дни недели:
на вибір
Час занять:
на вибір
Вік аудиторії:
Студенти, Дорослі
Вид подготовки:
Базовий курс
Місто:
Київ, Онлайн
Викладач:
фахівець-практик
Документ об окончании:
Сертифікат
Опції:
Групові заняття, Індивідуальне навчання
Працевлаштування:
Немає

Контакти

На мапі

Адреса:
  • Онлайн

Залиште свій відгук

Всі відгуки достовірні! До публікації допускаються тільки відгуки від людей, які раніше залишали заявку на навчання.

Останні відгуки

За даним курсом поки немає відгуків.

Схожі курси

Набір на курс!

Конструювання та моделювання одягу

Курс дозволяє отримати необхідні знання про способи моделювання одягу та розробку нових фасонів.

Perfect School - ідеальна школа шиття у Києві
Акція

Вартість

5 400
грн
6200
грн
В місяць: 
2 700
грн
Кнопка записи: 
Залишити заявку
  • Київ
  • Шевченківський
2 місяці
Йде набір на курс

  • Перший урок - безкоштовно
Набір на курс!

Занурення у WEB-розробку: від школяра до профі. Онлайн курс для 7-11 класів

Станьте майстром перукарського мистецтва за 8 місяців. 95% практичних занять на моделях, 6 блоків від класичних стрижок до кератинового випрямлення. Матеріали включені + міжнародний сертифікат + працевлаштування.

Кит, Навчальний центр комп'ютерних технологій
Акція

Вартість

2200
грн
В місяць: 
1 650
грн
Кнопка записи: 
Записаться на пробный урок
  • Київ
  • Онлайн
5 місяців
Записалось: 1

13 Серпень 2024
Набір на курс!

Основи Web дизайну. Онлайн курс

Бровіст з нуля за 1 день: архітектура, фарбування та ламінування. Відпрацюєте 4 техніки на моделях під керівництвом майстра з 10-річним досвідом. Міжнародний сертифікат.

Hillel, комп'ютерна школа (Онлайн)
Акція

Вартість

9 000
грн
10000
грн
Кнопка записи: 
Залишити заявку
  • Київ
  • Онлайн
20 занять
Йде набір на курс

Набір на курс!

Курс UI/UX design. Проектування та веб-дизайн. Онлайн

Станьте масажистом-універсалом за 70 годин практики. Опануйте 9 технік масажу від класичного до лімфодренажного під керівництвом експерта з 20-річним досвідом та медичною освітою.

Hillel, комп'ютерна школа (Онлайн)
Акція

Вартість

14 850
грн
16500
грн
Кнопка записи: 
Залишити заявку
  • Київ
  • Онлайн
32 заняття
Записалось: 2

10
Відгуки: 
1
Набір на курс!

Ландшафтний дизайн. Лекційно-практичний курс 1 рівень

Станьте 3D-візуалізатором за 2 місяці. Опануйте Autodesk 3ds Max 2024, Corona та V-Ray для створення фотореалістичних інтер'єрів та архітектурних проєктів. Диплом та допомога з працевлаштуванням.

Анастасія, навчальний бізнес центр
Акція

Вартість

6 000
грн
Кнопка записи: 
Залишити заявку
  • Київ
  • Солом'янський
  • Онлайн
16 занять - 64 ак.годин
Йде набір на курс

Набір на курс!

Ландшафтний дизайн. Дизайнер з ландшафтів: лекційно-комп'ютерний курс 1+2 рівні

Brow Stylist за 3 дні інтенсиву. Опануйте 20 технік оформлення брів на 7 моделях: фарбування, корекція, трідінг, хна. 2 сертифікати та власне портфоліо для старту кар'єри.

Анастасія, навчальний бізнес центр
Акція

Вартість

8 921
грн
9912
грн
Кнопка записи: 
Залишити заявку
  • Київ
  • Солом'янський
  • Онлайн
21 заняття - 84 ак.години
Йде набір на курс

Набір на курс!

Ландшафтний дизайнер 1+2+3 рівні. Лекційно-практичний курс + комп'ютерний (візуалізація) + декоративне садівництво

Станьте Brow Master за один курс. Опануйте 5 технік корекції та фарбування брів. Практика на моделях з професійними матеріалами Refectocil та Cream&Caramel. Затребувана професія з першого дня.

Анастасія, навчальний бізнес центр
Акція

Вартість

11 045
грн
12272
грн
Кнопка записи: 
Залишити заявку
  • Київ
  • Солом'янський
  • Онлайн
26 занять - 104 ак.години
Йде набір на курс

Набір на курс!

Курси Садівників

Апаратний та комбінований педикюр з нуля. Освойте 5 професійних технік за один курс. Практика на моделях з усіма матеріалами школи. Ідеальне покриття гель-лаком встик до кутикули.

Анастасія, навчальний бізнес центр
Акція

Вартість

4 200
грн
Кнопка записи: 
Залишити заявку
  • Київ
  • Солом'янський
  • Онлайн
13 заняття - 52 ак.години
Йде набір на курс