Дизайн сайтів для дітей 8-11 класів. Онлайн-навчання

Тема 1. Вебдизайнер. UX/UI дизайнер. Програми, в яких вони працюють.

Тема 2. Огляд інтерфейсу Figma. Головне меню. Панель інструментів. Робоча область. Панель властивостей. Панель шарів.

Тема 3. Композиція. Малюємо фігури. Виділяємо, переміщуємо та змінюємо розміри об'єктів. Налаштування властивостей об'єкта. Позиція та розмір. Кут повороту. Заокруглення кутів. Складні векторні фігури. Булеві групи. Інструмент «Вектор», «Перо», «Маска». Криві Безьє.

Тема 4. Колористика. Методи задання кольору. Проєктування сайту за фото.

Тема 5. Робота з плагінами. Плагін Vectary 3D Elements, Unsplash uiGradient, Easing Gradients, Chromatic Figma та інші.

Тема 6. Додавання сітки. Робота з сіткою (Grid)

Тема 7. Типографіка. Робота з текстом. Бібліотека шрифтів. Задаємо межі текстового блоку. Установки тексту. Вирівнювання та розподіл.

Тема 8. Контент. Правила написання контенту.

Тема 9. Структура сайту. Дизайн макета.

Тема 10. Робота з зображенням. Online Photoshop.

Тема 11. Створення фрейму. Обрізання фрейму. Створення мобільного дизайну сайту.

Тема 12. Модульні сітки та бібліотеки стилів. Стилі заливки, ефектів, тексту, сітки.

Тема 13. Функція Auto Layout.

Тема 14. Компоненти. Створення кнопок.

Тема 15. Візуальні ефекти. Створення простої анімації в Figma.

Тема 16. Адаптивний дизайн.

Тема 17. Дизайн-ідеї, як підібрати референси. Використання ChatGPT для дизайну ідей. Створення власного портфоліо.

Тема 18. Імпорт та експорт макета Figma в HTML CSS.