Основы веб-дизайна
Занятие 1: Что такое веб-дизайн?
Теория:
- Основные принципы: простота, удобство, эстетика.
- Отличия UX и UI.
- Введение в адаптивный дизайн.
Практическое задание:
- Проанализировать 3 сайта (на выбор) и выделить их сильные и слабые стороны с точки зрения дизайна и удобства.
- Принести примеры сайтов, которые кажутся "идеальными".
Занятие 2: Тренды и инструменты веб-дизайна
Теория:
- Минимализм, градиенты, микровзаимодействия, неоморфизм.
- Обзор инструментов: Figma, Tilda, Recraft.
Практическое задание:
- Найти 3 современных сайта с различными трендами и подготовить презентацию, как их можно адаптировать под проект на Tilda.
Основы работы в Figma
Занятие 3: Интерфейс и основные инструменты Figma
Теория:
- Знакомство с интерфейсом Figma.
- Работа с формами, текстом, слоями.
Практическое задание:
- Создать базовый макет главной страницы лендинга с использованием сетки (без детализации).
Занятие 4: Дизайн макетов и прототипирование
Теория:
- Типографика, цвета, изображения.
- Настройка компонентов, создание интерактивных прототипов.
Практическое задание:
- Разработать детализированный макет лендинга (главная страница и секция о компании).
Работа в Tilda
Занятие 5: Знакомство с Tilda и структура страниц
Теория:
- Интерфейс Tilda.
- Работа с блоками: стандартные и Zero-блоки.
Практическое задание:
- Воспроизвести в Tilda созданный ранее макет главной страницы.
Занятие 6: Редактирование и стилизация
Теория:
- Настройка шрифтов, отступов, адаптивности.
- Добавление изображений, видео и анимации.
Практическое задание:
- Настроить стили (цветовую схему и типографику) для макета в Tilda.
- Добавить изображения и текст.
Использование Recraft для создания визуалов
Занятие 7: Знакомство с Recraft
Теория:
- Роль AI в веб-дизайне.
- Использование Recraft для генерации визуалов.
Практическое задание:
- Сгенерировать фоновые изображения и графику для сайта с помощью Recraft.
- Внедрить созданные элементы в Tilda.
Занятие 8: Практика интеграции визуалов
Теория:
- Советы по выбору стиля графики.
- Интеграция визуальных элементов в дизайн сайта.
Практическое задание:
- Создать уникальную секцию с использованием визуалов, сделанных в Recraft.
Практическая работа над проектами
Занятие 9: Разработка структуры сайта
Теория:
- Постановка задачи: цель, аудитория, структура.
Практическое задание:
- Разработать карту сайта для выбранного проекта (например, лендинг или портфолио).
Занятие 10: Создание сайта на Tilda
Теория:
- Перенос макета в Tilda.
- Настройка и тестирование структуры.
Практическое задание:
- Полностью перенести одну внутреннюю страницу макета в Tilda.
Финальный проект и защита
Занятие 11: Работа над финальным проектом
Теория:
- Советы по доработке и проверке сайта перед запуском.
Практическое задание:
- Завершить финальный проект: добавление всех страниц и оптимизация сайта.
Занятие 12: Презентация и защита
Теория:
- Как презентовать проект клиенту.
- Обратная связь и советы по улучшению.
Практическое задание:
- Презентация готового сайта перед группой.
- Получение обратной связи и доработка по комментариям.