Анимация в коммерческих проектах
Анимация на сайте привлекает внимание пользователей и подталкивает к взаимодействию с элементами на странице. Но как не переборщить с анимацией и понять, не перегружает ли она сайт?
1️⃣ Определите цель
Перед созданием анимации ответьте себе на вопрос: «для чего она используется?». Ответом может быть, например:
• обратить внимание пользователя на определённый раздел;
• разнообразить текстовые блоки, если на сайте перечислено много повторяющихся услуг;
• подсветить призыв к действию.
2️⃣ Проверьте уместность анимации
Важно помнить, что коммерческий сайт создается не для демонстрации своих навыков. Поэтому создавайте такую анимацию, которая будет не только соответствовать характеру бренда, но и помогать пользователю. Например, для небольших заголовков лучше использовать одноразовое появление, а не зацикленную анимацию.
3️⃣ Следите за качеством
Анимация требует много системных ресурсов, из-за чего может работать медленно или прерывисто. Чтобы этого избежать, важно:
• не анимировать много элементов;
• вместо одновременной анимации нескольких элементов использовать последовательную, но с короткими задержками;
• не загружать на сайт тяжелые изображения.
Подробнее про анимацию для коммерческих проектов уже завтра расскажет на вебинаре Элина Блажиевская. Регистрируйтесь по ссылке 👉 https://webinars.tilda.cc/interactive-animation
Анимация на сайте привлекает внимание пользователей и подталкивает к взаимодействию с элементами на странице. Но как не переборщить с анимацией и понять, не перегружает ли она сайт?
Перед созданием анимации ответьте себе на вопрос: «для чего она используется?». Ответом может быть, например:
• обратить внимание пользователя на определённый раздел;
• разнообразить текстовые блоки, если на сайте перечислено много повторяющихся услуг;
• подсветить призыв к действию.
Важно помнить, что коммерческий сайт создается не для демонстрации своих навыков. Поэтому создавайте такую анимацию, которая будет не только соответствовать характеру бренда, но и помогать пользователю. Например, для небольших заголовков лучше использовать одноразовое появление, а не зацикленную анимацию.
Анимация требует много системных ресурсов, из-за чего может работать медленно или прерывисто. Чтобы этого избежать, важно:
• не анимировать много элементов;
• вместо одновременной анимации нескольких элементов использовать последовательную, но с короткими задержками;
• не загружать на сайт тяжелые изображения.
Подробнее про анимацию для коммерческих проектов уже завтра расскажет на вебинаре Элина Блажиевская. Регистрируйтесь по ссылке 👉 https://webinars.tilda.cc/interactive-animation
Please open Telegram to view this post
VIEW IN TELEGRAM
webinars.tilda.cc
Как добавить интерактив: настройка пошаговой анимации в Zero Block
Как настроить горизонтальный скролл, переход между блоками и другие виды анимации в Zero Block — узнаете на бесплатном вебинаре.
🔔 Начинаем вебинар «Настройка интерактивной анимации в Zero Block». Узнайте, как настроить горизонтальный скролл, переход между блоками и другие виды эффектной анимации в нулевом блоке.
Подключайтесь к трансляции: https://youtube.com/live/ZpkuBXrZVvE
Вебинар проведёт Элина Блажиевская, соосновательница студии Тистолов.
Подключайтесь к трансляции: https://youtube.com/live/ZpkuBXrZVvE
Вебинар проведёт Элина Блажиевская, соосновательница студии Тистолов.
YouTube
Настройка пошаговой анимации в Zero Block: добавляем интерактив
В прямом эфире увидите, как выглядит настройка пошаговой анимации в Zero Block. Как настроить горизонтальный скролл, переход между блоками и другие виды анимации в нулевом блоке — расскажет Элина Блажиевская, соосновательница студии Тистолов.
◾ Телеграм…
◾ Телеграм…
Новые блоки из категории Преимущества
• FR308 Изображение и список с галочками
• FR309 Изображение снизу и карточки с иконками сверху
В новых блоках можно гибко настраивать ширину контента, а также выбрать, как отображать карточки — в одну или две колонки. Дизайн блоков отсылает к традициям вёрстки бумажных журналов и позволяет компактно расположить контент. В карточках читайте подробнее 👉
Как вам новые блоки? Поделитесь в комментариях 💭
#tildaupdates
• FR308 Изображение и список с галочками
• FR309 Изображение снизу и карточки с иконками сверху
В новых блоках можно гибко настраивать ширину контента, а также выбрать, как отображать карточки — в одну или две колонки. Дизайн блоков отсылает к традициям вёрстки бумажных журналов и позволяет компактно расположить контент. В карточках читайте подробнее 👉
Как вам новые блоки? Поделитесь в комментариях 💭
#tildaupdates
Вебинар «Дизайн-ревью сайтов на Тильде»
7 августа в прямом эфире разберём ваши сайты на Тильде — проанализируем ошибки и подскажем, что можно улучшить.
👉 Отправьте работу и запишитесь на вебинар: https://webinars.tilda.cc/rabota-nad-oshibkami
Вебинар проведёт Маша Миамас, дизайнер, 33 сайта в галерее #madeontilda. Если пока не готовы показать проект, приходите послушать и посмотреть разбор чужих работ.
7 августа в прямом эфире разберём ваши сайты на Тильде — проанализируем ошибки и подскажем, что можно улучшить.
👉 Отправьте работу и запишитесь на вебинар: https://webinars.tilda.cc/rabota-nad-oshibkami
Вебинар проведёт Маша Миамас, дизайнер, 33 сайта в галерее #madeontilda. Если пока не готовы показать проект, приходите послушать и посмотреть разбор чужих работ.
webinars.tilda.cc
Вебинар «Дизайн-ревью сайтов на Тильде»
В прямом эфире разберём ошибки и подскажем, что можно улучшить
📅 Бесплатные вебинары Тильды в августе
В августе узнаете, как создавать стильные элементы сайта с помощью попапа в Zero Block и защищать дизайн-концепцию перед клиентом, а также увидите процесс создания дизайна в коллажном стиле. Регистрируйтесь, чтобы получить ссылку на вебинар перед началом:
▶ 7 августа в 13:00
Дизайн-ревью сайтов на Тильде в прямом эфире
https://webinars.tilda.cc/rabota-nad-oshibkami
▶ 14 августа в 13:00
Неочевидные способы использования попапа в Zero Block
https://webinars.tilda.cc/zero-popup
▶ 21 августа в 13:00
Защита и аргументация дизайн-решений перед клиентом
https://webinars.tilda.cc/design-explanation
▶ 28 августа в 13:00
Дизайн и вёрстка коммерческого сайта в коллажном стиле
https://webinars.tilda.cc/collage-design
📺 Записи всех вебинаров сохраняются на YouTube-канале Тильды. Подписывайтесь, чтобы не пропустить новые видео: https://www.youtube.com/c/TildaPublishing
В августе узнаете, как создавать стильные элементы сайта с помощью попапа в Zero Block и защищать дизайн-концепцию перед клиентом, а также увидите процесс создания дизайна в коллажном стиле. Регистрируйтесь, чтобы получить ссылку на вебинар перед началом:
▶ 7 августа в 13:00
Дизайн-ревью сайтов на Тильде в прямом эфире
https://webinars.tilda.cc/rabota-nad-oshibkami
▶ 14 августа в 13:00
Неочевидные способы использования попапа в Zero Block
https://webinars.tilda.cc/zero-popup
▶ 21 августа в 13:00
Защита и аргументация дизайн-решений перед клиентом
https://webinars.tilda.cc/design-explanation
▶ 28 августа в 13:00
Дизайн и вёрстка коммерческого сайта в коллажном стиле
https://webinars.tilda.cc/collage-design
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Дизайнер Маша Миамас приглашает вас на вебинар «Дизайн-ревью сайтов на Тильде в прямом эфире» 7 августа в 13:00.
Регистрируйтесь, чтобы получить напоминание перед началом:
🔗 https://webinars.tilda.cc/rabota-nad-oshibkami
Регистрируйтесь, чтобы получить напоминание перед началом:
Please open Telegram to view this post
VIEW IN TELEGRAM
Скругление элементов в базовых блоках
В 200+ базовых блоках вы можете задавать скругление углов их элементов: обложек, попапов, изображений, видео, карточек, галерей и сообщений об успешной отправке в формах. Задать значение скругления можно для всех углов сразу или отдельно для каждого угла.
Чтобы настроить скругление углов, перейдите в Настройки блока → Радиус скругления.
Отдельно можно указать радиус скругления элементов для мобильных устройств. Это может пригодиться, например, если вы хотите, чтобы дизайн элементов отличался на десктопе и мобильных.
Ставьте в комментариях 🔥, если обновление вам понравилось и будет полезно.
#tildaupdates
В 200+ базовых блоках вы можете задавать скругление углов их элементов: обложек, попапов, изображений, видео, карточек, галерей и сообщений об успешной отправке в формах. Задать значение скругления можно для всех углов сразу или отдельно для каждого угла.
Чтобы настроить скругление углов, перейдите в Настройки блока → Радиус скругления.
Отдельно можно указать радиус скругления элементов для мобильных устройств. Это может пригодиться, например, если вы хотите, чтобы дизайн элементов отличался на десктопе и мобильных.
Ставьте в комментариях 🔥, если обновление вам понравилось и будет полезно.
#tildaupdates
Смотрите наши вебинары и обучающие видео на RUTUBE и в ВК
Если у вас медленно работает YouTube, смотреть видеоинструкции по работе с Тильдой теперь можно на официальном канале в RUTUBE → https://rutube.ru/u/TildaPublishing
Пока там доступна только часть материалов, но в ближайшее время появятся все ролики. Если вам нужно какое-то конкретное обучающее видео, которого сейчас нет на RUTUBE — напишите в комментариях, и мы добавим его в первую очередь.
Вебинары планируем дополнительно транслировать в VK Видео, а их записи загружать на все платформы. Подпишитесь на нашу группу, чтобы не пропускать трансляции → https://vk.com/tildapublishing
Также мы работаем над интеграцией альтернативных Ютубу сервисов для добавления видеоплеера на ваши сайты. Об этих обновлениях будем сообщать дополнительно.
Если у вас медленно работает YouTube, смотреть видеоинструкции по работе с Тильдой теперь можно на официальном канале в RUTUBE → https://rutube.ru/u/TildaPublishing
Пока там доступна только часть материалов, но в ближайшее время появятся все ролики. Если вам нужно какое-то конкретное обучающее видео, которого сейчас нет на RUTUBE — напишите в комментариях, и мы добавим его в первую очередь.
Вебинары планируем дополнительно транслировать в VK Видео, а их записи загружать на все платформы. Подпишитесь на нашу группу, чтобы не пропускать трансляции → https://vk.com/tildapublishing
Также мы работаем над интеграцией альтернативных Ютубу сервисов для добавления видеоплеера на ваши сайты. Об этих обновлениях будем сообщать дополнительно.