— Вводная лекция
— Работа в программе, что нужно дизайнеру
— С чего начать работу над проектом
— Анализ сайтов конкурентов
— Структура и тексты
— Черновой прототип
Анализ конкурентов
и черновое прототипирование в FigJam
Изучите, как исследовать сайты конкурентов, формировать структуру будущего проекта, писать тексты и создавать черновые прототипы в FigJam для начального этапа разработки.
Изучение инструментов Figma, создание дизайн-системы, работа с сетками, отступами, типографикой и кнопками, а также проработка макета с учетом ограничений конструктора Tilda.
Разработка дизайн-макета в Figma
— Основные инструменты и работа в фигме
— Плагины для работы
— Мудборд и референсы
— Прототип
— Ограничения тильды и на что они повлияют в ваших макетах
— Сетки и направляющие
— Система отступов в макете
— Типографика
— Кнопки
— Стили и дизайн система
— Автолэйауты
— Создание и подготовка макета
— Контраст элементов + правильный серый
— Интерфейс конструктора
— Популярные блоки тильды на практике
— Работа со стандартными блоками. Создание лэндинга
— Многостаночные сайты +Правильная навигация+Шапка и подвал
— Формы и управление уведомлениями
— Pop-up
— Мультиязычность
Обзор функционала конструкторов сайтов Tilda Publishing
Освоение интерфейса конструктора Tilda, работа с популярными блоками, настройка шапки, подвала, форм и pop-up окон, создание лендингов и многостраничных сайтов.
Научитесь переносить дизайн-макеты из Figma в Tilda, работать с Zero-блоками, настраивать адаптивы для разных устройств, добавлять анимации и управлять элементами.
Адаптивная верстка и перенос макета в Tilda Publishing
— Различие между стандартным блоком и зеро
— Перенос макета из фигмы в тильду. Создание лэндинга
— Грид контейнер, виндоу контейнер и автоскейл
— Как привязать ссылки к различным элементам
— Ссылки на соц.сети и месенджеры в зероблоке
— Система отступов между блоками
— Анимация
— Адаптивы
— ИМ и его ограничения в рамках тильды
— Когда использовать каталог, а когда можно обойтись размещением товаров внутри блоков из «Магазина»
— Корзина или покупка напрямую
— Подключение платёжных систем
— Поиск по сайту
— Новости и потоки
— Базовое SEO, Фавикон, 404-я страница
— Папки в тильде, библиотеки и избранные блоки
— Подключение домена
— Передача сайта клиенту
Создание интернет-магазина
Освоите все аспекты работы с интернет-магазинами на Tilda, включая настройку каталога, корзины, подключение платежных систем, а также базовая SEO-оптимизация сайта.
Научитесь расширять функционал сайтов через кастомизацию меню, создание pop-up окон и модификацию стандартных блоков для реализации уникальных дизайнерских решений.
Работа с кодом
и модификациями
— Кастомизация меню
— Создание попап в Зеро блоке
— Модификации, которые дорабатывают стандартные блоки