Також посібник розповідає, як за допомогою анімації привертати увагу користувачів до важливого контенту та елементів інтерфейсу: кнопок, пунктів меню, активних посиланнь, плиток. Всі приклади з підручника можна повторити в конструкторі Tilda — в кожному уроці є відеоінструкція, яка допоможе розібратися, як створити анімацію.
Тут розповідається, як анімувати елементи в обкладинках. Для кожного прикладу всередині уроку описані налаштування для повторення ефекту.
У вигляді списків і карток можна оформити відгуки, послуги, кейси, переваги, команду, FAQ. Урок присвячений тому, як привернути увагу до елементів цих блоків за допомогою анімації появи.
Hover-ефект — це анімація елемента при наведенні. Допомагає зрозуміти, що з картками і плитками на сторінці можна взаємодіяти. Популярні Hover-ефекти для плиток: затемнення фільтра, поява тіні, поява контенту, зміна масштабу, зміна зображення, зміщення.
Хороший прийом, щоб продемонструвати, з чого складається продукт. У прикладі елементи переміщаються зі зміною розміру при скролі.
Переміщаючи елемент уздовж екрану при прокрутці, можна привернути увагу відвідувача сайту.
Паралакс дозволяє домогтися ефекту глибини при перегляді сторінки завдяки різній швидкості руху елементів.
Дізнатися більше про теми уроків можна за посиланням.
Раніше Depositphotos і Tilda розповіли про тенденції візуальних комунікацій — 9 трендів на 2019 рік.
Amazon запустила платформу, на якій можна створити свою лінію мерчу
Спостереження за відбудовою: UNITED24 та ЛУН запустили спільний проєкт
Компанія BRG hotels оновила логотип
«Житомирські Ентузіасти» створили віртуальну екскурсію музеєм космонавтики
Проєкт Directa Design Bureau для бренду кави здобув Red Dot
Мистецький арсенал презентує онлайн-видання «Україна в огні»