Тильда. Zero-block
00:00 — Задачи первого экрана
02:59 — Какие элементы должны быть на сайте
06:46 — Примеры на реальных сайтах
13:22 — Создаем Frame
14:42 — Плагин для создания сетки Grid for Tilda Publishing
15:35 — Зачем нужна сетка
17:27 — Создаем прототип первого экрана
22:29 — Добавляем дизайн опираясь на Мудборд
32:00 — Готовим макет к переносу в Тильду
35:10 — Переносим в Тильду макет



ПРАВИЛА ДЛЯ ПОДГОТОВКИ МАКЕТА В FIGMA
— Ширина фрейма — 1200px;
— Каждый блок расположен в отдельном фрейме;
— Чтобы импортировать группу изображением, назовите её image или svg;
— Для импорта кнопки объедините текст и шейп в группу и назовите её button;
— Ширина текста на кнопке должна совпадать с шириной шейпа кнопки;
— Если на шейпе есть эффект, который нельзя воспроизвести в Zero Block, он импортируется с изображением эффекта на фоне.
2. Получите API токен в настройках аккаунта Фигмы. Через API Тильда получит доступ к макету и перенесет его в Zero Block автоматически.
3. Импортируйте макет в Zero Block:
— Откройте меню в Zero Block;
— Нажмите Import;
— Вставьте ссылку на макет, API токен и нажмите Import.
Готово!


НАПОМИНАЮ ГЛАВНОЕ:

Заголовок отвечает на вопрос: «Где мы находимся? Чему посвящен сайт? Что здесь можно заказать? Я попал туда, куда и хотел?». Подзаголовок раскрывает суть предложения, рассказывает о преимуществах и спец. предложениях и отвечает на вопрос «Зачем мне это нужно»
00:10 — Отличие Zero-Block от стандартного
02:05 — Настройки на 3х точках справа
04:00 — Какие элементы находятся под плюсиком слева
10:25 — Настройки экрана
16:50 — Настройки текста
20:39 — Настройки изображения
23:32 — Настройки кнопки
26:40 — Tooltip
28:22 — Форма ввода данных
31:30 — Галерея
32:51 — Групповое изменение элементов
Домашнее задание
Создайте дизайн первого экрана в Figma, опираясь на общую стилистику сайта. Вдохновляйтесь работами на pinterest, behance, dribbble. Перенесите его в Тильду, адаптируйте и заанимируйте

Изображения скачивайте на unslash.com, ru.freepic.com, вырезайте фотографии в фотошоп))) У вас уже достаточно навыков, чтобы реализовать любую задумку. Напоминаю, что более глубоко в дизайн мы погрузимся в следующем модуле. Пока нам главное понять общие принципы работы и отточить навыки работы в программах

Пришлите ссылку. Ого какие вы молодцы!!!!!!! Осталось совсем чуть-чуть
Made on
Tilda