Основи веб-дизайну HTML та CSS з VS Code (близько 9 днів)

Вступ до HTML

Основні фреймворкові теги для створення тексту (h1-h6, p, br, span)

Команди форматування тексту

Інтеграція графіки

Посилання (внутрішні, зовнішні, телефон, mailto посилання)

Списки та таблиці

Вступ до CSS

Варіанти інтеграції специфікацій CSS (внутрішній, зовнішній, вбудований стиль)

Основні команди (оформлення тексту, колір шрифту, колір фону)

Правильна структура синтаксису

Перевірка за допомогою інструменту валідації W3C

Контейнери HTML

Використання та стилізація контейнерів

Знайомство з коробковою моделлю

padding, margin, border, border-radius та їх скорочення

Класи, ідентифікатори, селектори

Вступ до VS Code

Додаткові розширення для VS Code (наприклад, Live Server, Emmet Commands, Copilot (AI))

Використання ШІ в поєднанні з VS Code

Вступ до CSS Flex-Box

Макети з Flex-Box

Вирівнювання за допомогою Flex-box

Вступ до позицій

Статичні, абсолютні, фіксовані, липкі, відносні

Ліворуч, праворуч, зверху, знизу, z-індекс

Вступ до адаптивного дизайну

Медіа-запити, точки зупинки

альбомний, книжковий режим

Основи CMS з WordPress (приблизно 4 дні)

Вступ до WordPress (встановлення, оновлення, інформаційна панель, фронтенд, бекенд)

налаштування

Управління медіа

Коментарі

Створення та редагування сторінок і постів

Блоки та їх функції

Повторювані блоки

Теми та редактор тем

Шаблони та можливі застосування

Вступ до плагінів

Плагін для форм

Плагін для пошукової оптимізації та використання текстів, згенерованих штучним інтелектом

Законодавчі вимоги та управління проектами (близько 2 днів)

Інтернет-право та корисні плагіни для імплементації GDPR

Інструменти WordPress для реалізації GDPR

Адміністрування користувачів

Доступність

Управління проектами

Робота над проектом (близько 5 днів)

Осмислення та закріплення вивченого матеріалу

Презентація результатів проекту

Основи редагування зображень за допомогою Adobe Photoshop CC (приблизно 8 днів)

Ознайомлення з робочим середовищем та інтерфейсом користувача

Базові знання про формати файлів і колірні режими

Роздільна здатність, розмір зображення та робочий простір

Ефективна робота з шарами

Стилі шарів, режими накладання та непрозорість

Виділення та маскування областей зображення

Трансформування та смарт-об'єкти

Заливка на основі вмісту

Виправлення помилок і ретушування зображень

Прості корекції та налаштування кольору

Фільтри, смарт-фільтри та нейронні фільтри

Виведення та обмін зображеннями

Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі

Основи верстки в Adobe InDesign CC (близько 8 днів)

Ознайомлення з робочим середовищем, користувацьким інтерфейсом, меню та структурою команд

Перегляд, масштабування та навігація по документу

Структура сторінки та документа

Створення та збереження файлів

Використання допоміжних засобів верстки (наприклад, напрямних, сіток)

Зразки сторінок і автоматична нумерація сторінок

Оформлення за допомогою рамок та об'єктів

Розміщення зображень і тексту

Основи форматування тексту

Використання шрифтів Adobe

Використання форматів і шаблонів

Робота з кольорами та градієнтами

Використання шарів

Інтерактивність та цифрова публікація

Виведення та обмін файлами

Робота над проектом (приблизно 4 дні)

Закріплення вивченого матеріалу

Презентація результатів проекту

Вступ до Adobe Creative Cloud (приблизно 2 дні)

Програми для робочого столу з першого погляду: Photoshop, Illustrator, InDesign

Мобільні додатки Adobe для графічного дизайну

Бібліотеки Creative Cloud

Тенденції та натхнення у сфері кольорів (наприклад, Adobe Stock, Adobe Color)

Adobe Bridge, Adobe Exchange

Основи (приблизно 1 день)

Мистецтво vs дизайн

Дисципліни дизайну, принципи дизайну

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

Дизайнерські закони сприйняття

Візуальний потік та компонування

Взаємозв'язок фігури та землі

Оптичні ілюзії та явища

Ефекти інтерференції, закон Хіка

Перспектива та просторовий ефект

Форма та колір (приблизно 2 дні)

Точка, лінія та поверхня

Композиція, вага, формат, пропорції та співвідношення сторін

Теорія кольору, кольорові системи, кольоровий дизайн (гармонії, контрасти)

Властивості, ефект та значення

Привернення уваги за допомогою форми та кольору

Створення та редагування форм (знаків, піктограм, піктограм, іконок)

Штучний інтелект (ШІ) в робочому процесі

Презентація конкретних технологій ШІ

та можливих застосувань у професійному середовищі

Зображення (близько 3 днів)

Експертиза зображень та якість зображень

Піксельна та векторна графіка

Дослідження, ідея, мудборд, айдентика та сторітелінг

Людина як мотив

Зображення в корпоративній комунікації

Дизайн та редагування зображень

Типографіка та верстка (близько 5 днів)

Анатомія літер

Історія шрифтів, класифікація шрифтів, змішування шрифтів

Читабельна типографіка, детальна типографіка

Робочий процес: верстка, основні правила хороших макетів

Гарнітура та сітка дизайну

Драматургія, візуальний напрямок і фокус

Реалізація та презентація макетних ідей

Огляд виведення файлів (друк, цифровий формат)

Фірмовий дизайн (близько 2 днів)

Корпоративний дизайн vs. фірмовий стиль

Основні структурні елементи

Розробка логотипу, значків та брендів

Реалізація - слово-образ-бренд

Посібник з корпоративного дизайну (керівництво по стилю)

Робота над проектом (близько 5 днів)

Закріплення вивченого матеріалу

Презентація результатів проекту