Верстка уникального дизайна из Figma в Tilda Zero Block

Автор: Анастасия Свеженцева Здесь вы освоите серию техник, которые помогают сохранить характер бренда и читаемость на экранах разного размера. Шаг 1. Адаптация Zero Block под планшеты — тонкости адаптивной верстки на Тильде Сначала изучим принципы адаптации в Zero Block под планшеты landscape и portrait, а затем возьмемся за адаптацию уникальной графики бренда, текстов, образов и навигации Шаг 2. Адаптация Zero Block под мобильные телефоны и среда для тестирования на популярных смартфонах Адаптируем графику под самые маленькие экраны – экраны мобильных телефонов...

Автор: Анастасия Свеженцева В этом проекте вас ждет работа с мягкими анимациями в Tilda: базовой и продвинутой — пошаговой анимацией. Добавляем изображениям анимацию с эффектом параллакса и настраиваем продвинутую триггерную анимацию. Шаг 1. Знакомство с пошаговой анимацией в Tilda Zero Block, настройка анимации заголовка и фото продукта в первом экране Изучим принципы пошаговой анимации и инструменты анимации в Tilda Zero Block: тайминги, изинги, изменение координат и свойств элементов при анимации...

Автор: Анастасия Свеженцева В этом проекте вы осваиваете ключевые возможности создания веб-проектов на Tilda Zero Block: от верстки свободных композиций до применения принципов отзывчивого дизайна. Шаг 1. Знакомство с Tilda Zero Block и погружение в проект Подготовим Tilda к работе: подключим шрифты с библиотеки шрифтов Google Fonts, оглядимся в стандартных блоках, сделаем первые шаги в Zero block Шаг 2. Создадим витрину промо-страницы (первый экран) по дизайну в Figma Сверстаем первый экран сайта с учетом всех тонкостей дизайна Figma...