Анімовані GIF — один з найпростіших способів додати руху до листа. Вони можуть показати товар з кількох ракурсів, продемонструвати функцію або просто додати грайливої іскри привітанню. Наші шаблони листів з GIF створені так, щоб рух мав сенс: анімація розміщується там, де вона підтримує повідомлення, а не відволікає від нього.
Навіщо використовувати шаблони листів з GIF
Більшість листів статичні, тож рух одразу привертає погляд. Використаний з чіткою метою, GIF може пояснити щось швидше за абзац тексту й дати читачам привід прокручувати далі.
- Показуйте, а не розповідайте. Коротка анімація екрана застосунку чи товару в дії передає цінність за секунди.
- Підкреслюйте пропозицію. М’який рух навколо знижки чи кнопки спрямовує увагу на найважливішу частину листа.
- Додавайте характеру. Сезонні анімації та грайливі ілюстрації роблять святкові кампанії яскравішими й пам’ятнішими.
Робота з GIF у Blocks
У Blocks GIF додаються так само, як і будь-яке інше зображення: завантажте файл або оберіть його з бібліотеки зображень, перетягніть у блок і налаштуйте розмір, посилання та альтернативний текст у параметрах. Решта шаблону навколо нього залишається повністю редагованою.
Редактор також включає елемент таймера зворотного відліку, який створює анімоване зображення таймера, — популярний спосіб поєднати рух з терміновістю в листах про продаж.
Чудові способи використання анімованих листів
- Запуски продуктів: листи про запуск, які показують новий товар через коротке обертання чи розпакування по колу.
- Модні показники: зміни образів і кольорових варіацій з шаблонів для моди.
- Святкові привітання: сніг, що падає, конфеті чи серця для кампаній Різдва та Дня святого Валентина.
- Анонси: листи-анонси, де тонкий анімований банер сигналізує про новини, варті прочитання.
Поради для шаблонів листів з GIF
- Розміщуйте головне повідомлення в першому кадрі. Деякі версії Outlook показують лише перший кадр GIF, тож він має бути зрозумілим сам по собі.
- Тримайте розмір файлу невеликим. Обмежуйте кількість кольорів, розміри й кількість кадрів, оскільки великі GIF повільно завантажуються на мобільному інтернеті.
- Використовуйте одну основну анімацію. Кілька GIF, що конкурують між собою, роблять лист перевантаженим і розмивають заклик до дії.
- Пишіть альтернативний текст. Опишіть, що показує анімація, для читачів, які вимкнули зображення або використовують програми читання з екрана.
- Уникайте швидкого мерехтіння. Швидке мерехтіння з високим контрастом може бути некомфортним чи шкідливим для деяких читачів, тож тримайте рух плавним.
Хочете глибше зануритися в моушн-дизайн для листів? Наш гайд з анімованих листів охоплює формати, розміри та креативні ідеї, а стаття про GIF з таймером зворотного відліку показує одну з найпрактичніших анімацій у дії.
Анімація завжди повинна підтримувати чітку мету. Перш ніж додати GIF, запитайте себе, що саме він допомагає читачеві зрозуміти чи зробити. Якщо відповідь не очевидна, вдало підібране статичне зображення може прислужитися листу краще й завантажуватися швидше.
Також корисно планувати анімацію з урахуванням гайдлайнів бренду. Послідовні стилі руху — однакове згладжування, кольори й тривалість циклу в різних кампаніях — роблять анімовані листи впізнаваною частиною вашої айдентики, а не випадковими прикрасами.
Коли створюєте власні GIF, експортуйте їх точно в тій ширині, у якій вони з’являться в листі, а не масштабуйте величезний файл у макеті. Зазвичай достатньо кількох секунд циклічної анімації, а менша кількість кадрів часто виглядає плавніше, ніж очікується, при цьому зберігаючи легкість файлу.
Отримайте безкоштовні шаблони листів з GIF
Оберіть шаблон вище, додайте свою анімацію і перевірте лист на десктопі та мобільному перед надсиланням. Один вдало розміщений GIF може перетворити звичайну кампанію на таку, яку люди справді зупиняться подивитися.