IT-Univer - це ІТ-навчання дітей з 3 по 11 клас у Клубному Smart-форматі. Це місце, де знайомлять дітей зі світом ІТ в ігровому форматі, в основі якого лежить гейміфікація навчання. Діти програмують ігри та додатки під Android, моделюють персонажів та створюють сайти, працюють у команді та непомітно стають справжніми профі.
Відгуки: 0
Набір на курс!
Термін навчання:
8 місяців
Вартість:
Залишити заявку
Опис
Створення сайтів. UI/UX Дизайн. Web Design
Рекомендовано для 7-11 класів.
Курс Web Design — це програма, завдяки якій діти навчаться продумувати дизайн сайту з урахуванням вимог до структури сторінки, працювати зі шрифтами, кольором та зображеннями, а також готувати свої проєкти для передачі на верстку за допомогою HTML5 та CSS3.
Акцентуємо увагу на вивченні принципів User Interface (UI), User Experience (UX) та роботі у Figma.
Під час занять передбачається використання штучного інтелекту для генерації тексту та зображень, що допоможе ефективніше створювати адаптивні й сучасні вебпроєкти.
Чим займаються діти під час уроків:
- Вивчають основи композиції сайту, теорію кольору, шрифти
- Створюють не лише макети сторінок, а й працюють з зображеннями в Online Photoshop
- Вчаться створювати адаптивний дизайн у Figma
- Знайомляться із User Interface (UI) та User Experience (UX)
- Розвивають Soft Skills: дизайн-мислення, аналітика, увага до деталей
Програма навчання
Тема 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.
Контакти
Останні відгуки
За даним курсом поки немає відгуків.
