Тильда. Zero-block. Настройка, анимация, адаптация
00:00 — Добавляем нулевой блок в тильде
01:00 — Знакомимся с интерфейсом
03:58 — Верхняя панель
04:32 — Панель настроек
00:20 — Вставляем в нулевой блок png с нашим дизайном (desktop)
02:11 — Добавляем текст
04:34 — Добавляем кнопку
05:55 — Добавляем изображения и рамку
09:30 — Настраиваем наш главный экран
12:30 — Знакомимся с базовой анимацией
17:48 — Step-by-step Animation — пошаговая анимация
20:32 — Триггерная анимация
Знакомимся ближе с анимацией, рассматриваем примеры.
00:00 — Редактируем анимацию
00:52 — Адаптируем экран для планшета в горизонтальном виде
02:07 — Адаптируем экран для вертикального планшета
03:08 — Слои в Zero Block
03:46 — Адаптация под мобильный телефон в горизонтальном виде
05:21 — Адаптация под мобильный вертикальный экран телефона (высота экрана 568)
06:39 — Настраиваем цвет шрифта
07:22 — Проверяем как все работает
08:22 — Пробуем сделать более простые версии главного экрана
09:00 — Grid container & window container
11:18 — Делаем главный экран с фотографией на фоне
Домашнее задание
1. Перенесите макет из Figma в Tilda
2. Добавьте анимацию элементам
3. Адаптируйте экран под все устройства
Made on
Tilda