Градиенты в Zero Block

Теперь можно добавлять градиенты в дизайн проекта без использования дополнительных инструментов — прямо внутри редактора Zero Block.

Градиенты в веб-дизайне притягивают взгляд пользователя, добавляют глубину цвета и создают иллюзию трёхмерного пространства. Используйте их, чтобы сделать страницу ярче и свежее. Рассказываем подробнее 👇

✨ Линейный градиент (Linear)
В линейном градиенте переход между цветами происходит по прямой линии. Можно использовать несколько цветов, изменить расстояние между ними внутри градиента и задать любой угол направления для цветового сочетания.

Чтобы добавить линейный градиент на элемент, перейдите в Настройки Zero Block → Background Color → Linear. Чтобы добавить ещё один цвет, выберите его на панели. Чтобы удалить цвет, зажмите его и потяните вниз. Под палитрой можно задать угол, под которым будет отображаться градиент — введите число или покрутите виджет мышкой.

✨ Радиальный градиент (Radial)
Переход между цветами в радиальном градиенте происходит из центра наружу по кругу. В настройках блока можно задать любое количество цветов и расстояние между ними внутри градиента.

Чтобы добавить радиальный градиент на элемент, перейдите в Настройки Zero Block → Background Color → Radial.

📌 Оба эффекта применимы к фону блока, к тексту, кнопкам, шейпам и тултипам.

Подробнее о градиентах в Zero Block 👉 https://blog.tilda.cc/gradients-in-zero-block

А вы используете градиенты в своих проектах? Поделитесь в комментариях 💬

#tildaupdates

Польза мудбордов
Вы наверняка и сами знаете что это, но если нет, то это файл/папка или документ, в котором собраны примеры элементов дизайна, проектов, скринов, которые отражают виденье дизайнера, в какую сторону он пойдёт, разрабатывая макет.

В чем профит? Дизайнеру понятнее ТЗ, шансы попасть в точку с первого раза увеличиваются, а это экономия времени для всех.

Этап продаж
Например, клиент выбирает из нескольких исполнителей, вы можете до оплаты предложить составить мудборд в том же Pinterest.
Он занимает немного времени (при этом экономит его в будущем), ни к чему не обязывает и располагает, так как это бесплатная, но приятная польза, а вы на шаг впереди конкурентов.

Помощь в защите проекта
Начиная презентацию макета, имеет смысл снова резюмировать бриф и показав мудборд напомнить заказчику, к каким выводам вы пришли после утверждения мудборда. Это может быть наглядным обоснованием, почему наше решение именно такое.
Потому что Вы, работая над проектом, думали о нем, перечитывали бриф или пересматривали мудборд, а клиент, скорее всего, нет.

Обработка возражений
На этапе мудборда отказываясь вместе от неподходящих решений и определившись с цветовой гаммой, настроением и тп вы успокоите заказчика и предугадаете вопросы в духе «что будет, если ему не понравится?» Результат уже на первой презентации будем ожидаемым, а какие-то мелочи всегда можно поправить.

Проще говоря, мудборд — отличная возможность облегчить себе работу и блеснуть профессионализмом.

Новый шаблон категории Z
Уже который месяц выходят экспериментальные шаблоны, созданные исключительно на Zero Block, которые рассчитаны на продвинутых пользователей Тильды.

Новый шаблон, Yellow!
https://yellow-template.tilda.ws

На сегодняшний день вышли уже 22 шаблона Z.
Каждый из шаблонов имеет свой стиль со сложной версткой, нестандартной типографской, пошаговой и триггерной анимацией, адаптацией под мобильные.

Ссылка на все шаблоны : http://zero.tilda.cc/ru/templates

💡 Основная идея Шаблонов категории Z — помочь профессионалам, в случае, когда требуется качественный сайт в сжатые сроки.
Также, шаблоны помогут специалистам смежных профессий (маркетологам, smm, таргетологам и т.д.) сделать классный сайт без привлечения дизайнера.

⚡️ Над шаблонами работает команда Школы Тильды — Максим Ширко и Денис Сиземов.

Если вы использовали шаблоны в своей работе, покажите какие сайты у вас получились в комментариях 👇

Не опять, а снова ANNEXX добавляет новые возможности.

⚡️Интерфейсные улучшалки
⚡️Заметная вкладка
⚡️Небольшие фишки для магазинов

Подробности перечисленного а также видео вот тут 👉 https://t.me/annexx_team/38

Простой, но интересный эффект для главного экрана.
Серьезно, никакой магии и кучи шагов.

Добавь изображение в шейп, задай ему window container и высоту и ширину в 100%.

Дальше, нужно заанимировать этот шейп по скроллу, сдвинув его на, например, 1200 px вниз и сделав distance 900.

И все, опубликуй и посмотри результат
(естественно, без следующего блока ниже магии не получится).

Плагины для Figma

Arrange page order — простой плагин, который сортирует страницы проекта по порядковому номеру.
Install

Variables — позволяет создавать переменные и потом пакетно их изменять: размер, тень, размытие и еще около 40 свойств
Install

BrandBird — с помощью плагина можно быстро оформить выбранный фрейм для поста в соцсетях.
Install

Typograff — автоматически устраняет опечатки в тексте, удаляет ненужные пробелы, изменяет символ (C) на © и много других исправлений.
Install

Make in 3D — позволяет добавить эффект 3D волны для фото
Install

#плагины