Вы когда-нибудь задумывались, почему людей так завораживает движение? Ведь не поспоришь с тем, что динамичные изображения привлекают больше внимания нежели статичные. Кроме вау-эффекта, анимация также позволяет выдать больше информации за короткий промежуток времени.
Уже довольно давно компании используют разные виды движения и анимации в своем дизайне. Чаще всего встречается анимация фона сайта или проигрывание видео вместо привычного изображения на главной странице. На продуктовых страницах можно увидеть обзор товара в 360 градусов, который помогает людям лучше рассмотреть детали. Все больше приложений используют технологии дополнительной реальности для улучшения пользовательского опыта.
Но почему анимация не настолько популярна в дизайне логотипов?
Конечно, есть несколько примеров успешных анимированных логотипов, но они все еще не настолько распространены как анимация в веб-дизайне. Возможно, динамические лого не пользуются такой популярностью именно потому, что у людей нет нужных инструментов и знаний для реализации стоящих идей?
Сегодня мы рассмотрим несколько важных советов по созданию успешного анимированного логотипа.
1. Что такое «анимированный логотип»
Анимированный логотип может стать мощным инструментом в стратегии бренда. Хотя айдентика компании — это нечто большее, чем просто логотип, будет справедливо сказать, что он имеет огромное значение в формировании образа бренда. Логотип является важнейшей составляющей фирменного стиля.
Отличный логотип может создать эмоциональную связь с целевой аудиторией и помочь бренду процветать практически в любых условиях. Динамические логотипы притягивают больше внимания к образу бренда и вызывают у покупателя любопытство. Такой логотип может демонстрировать направление деятельности компании или просто быть запоминающимся.
Уровень анимации может варьироваться от нескольких простых движений до короткой видеопрезентации. Логотип Skype — отличный пример простого анимированного лого и достойной дизайнерской работы.
Сегодня существует множество инструментов с открытым доступом, которые позволяют делать захватывающие анимированные логотипы. Кроме того, доступные виды анимации совершенствуются и становятся все более впечатляющими.
2. Изучите виды лого анимации
Чтобы правильно обыграть анимацию в дизайне логотипа необходимо знать, какие виды лого анимации доступны. Сегодня существует множество различных стилей анимации, которые можно применить для оказания определенного эффекта.
Иногда выбор анимация зависит от сферы деятельности компании. К примеру, у транспортной компании может быть логотип, который символизирует движение автомобиля. Дизайн логотипа электроэнергетической компании может обыграть свечение электрического тока.
Анимированный логотип FedEx ― хороший пример того, как анимация может рассказать о деятельности компании.
Существуют такие виды анимации:
- Вращение. Вращение придает логотипу ощущение трехмерного пространства. Сделайте лого запоминающимся, вращая эмблему со стороны в сторону или прокрутив ее вокруг оси.
- Появление/Исчезновение. Вы можете настроить плавное появление логотипа на экране, открывая пиксель за пикселем. Или растворите лого в пространстве аналогичным образом.
- Трансформация. Анимация логотипа не обязана начинаться и заканчиваться одной и той же формой эмблемы. Можно использовать трансформацию, во время которой логотип приобретает нужную форму. Например, в случае с логотипом для садоводческой компании, можно показать зерно, которое постепенно превращается в цветущее растение.
- Замена. Еще один отличный способ рассказать историю ― заменить изображение, отображающее деятельность конкретной компании, логотипом. Так можно создать очень атмосферную анимацию.
3. Какие цели и задачи у анимированного логотипа
Если вы не знаете на каком виде анимации остановится, для начала стоит поставить конкретные цели. Только так, вы сможете продумать дальнейший дизайн логотипа и принять правильные решения. Анимированный логотип — это динамичный и современный способ представить бренд аудитории, но эффективность такого логотипа зависит от продуманности дизайнерских решений.
Давайте рассмотрим некоторые варианты целей и задач, которые вы можете ставить при разработке дизайна:
- Дифференциация. Хотя в последнее время анимированному контенту уделяется много внимания, это относительно новый формат для логотипов. С помощью оригинального анимированного логотипа вы можете выделить компанию среди конкурентов и сделать это его фишкой.
- Сторителлинг. Как упоминалось выше, анимированные логотипы могут рассказать историю о том, чем занимается компания или показать уникальность продукта. В частности, анимированное лого Firefox наглядно демонстрирует преимущества браузера, а именно его высокую производительность и скорость работы.
- Узнаваемость бренда. Динамические логотипы и анимации кажутся более свежими и привлекательными для аудитории. Кроме того, они представляют собой необычный опыт, а это значит, что клиенты могут захотеть поделиться ими и с другими людьми.
- Запоминаемость. Аудиторию уже не удивить статическим логотипом, многим они уже приелись. Людям нужно нечто особенное, что сможет завоевать место в их сознании. С помощью анимации можно достичь многих бизнес целей, а главное узнаваемости.
4. Проведите исследование
Дизайн исследование — отличный способ найти вдохновение для создания анимированного логотипа. В первую очередь следует сосредоточиться на изучении отрасли деятельности бренда. Поскольку это даст вам некоторое представление о том, какой вид анимации подойдет для привлечения наибольшего внимания целевой аудитории.
Посмотрите презентационные ролики подобных компаний и изучите как можно больше анимированных логотипов. Исследуйте то, как с помощью анимации можно продемонстрировать продукт. Оценив уже существующие дизайны, вы поймете, какие способы работают лучше всего. Используйте референсы, но ни в коем случает не копируйте то, что вы где-то увидели. Сделайте дизайн уникальным добавив частичку своей фантазии.
Анимированный логотип должен рассказать уникальную историю о бренде.
Анимированный логотип должен рассказать уникальную историю о бренде. Если вы не знаете, с чего начать, ознакомьтесь с брендбуком компании. Мотивы, которыми руководствовалась компания при выборе фирменных цветов, шрифты и другие визуальных средства, пригодятся для разработки анимации.
Помните, задача состоит в том, чтобы рассказать конкретную историю, донести мысль или вызвать определенные эмоции. Не пропускайте эти пункты. Круто выглядящий, но при этом пустой логотип, не способен поднять продажи. Людям свойственно везде искать смысл, а если его нет, лого можно считать бесполезным.
5. Размещайте анимированные логотипы на сайтах бренда
Самый очевидный способ использования анимированного логотипа — это размещение на сайте. На некоторых сайтах есть экран приветствия, где во время перемещения на главную страницу или в процессе навигации пользователи наблюдают анимацию. А есть и такие бренды, которым нравится идея анимации, но они хотят использовать ее более тонко.
В этих случаях анимированные логотипы могут привлекать внимание к определенному разделу сайта. Скажем, для акцентирования внимания пользователя на кнопке «Контакты», призывая его тем самым к действию. Здесь очень важно не перегрузить сайт и не создать лишних отвлекающих элементов. Поэтому дизайнеру и компании предстоит принять ряд важных решений.
Следует учесть, что для непрерывного проигрывания анимации, требуется слишком много вычислительной мощности. Поэтому вариант бесконечного показа на случай, если пользователь пропустил первый круг проигрывания анимации, вызывает сомнения. В свою очередь большое количество анимации может помешать вести пользователя по сайту. Ведь основная задача компании привлечь внимание посетителей к таким разделам, как целевые или продуктовые страницы и страницы с отзывами.
Лучше всего начинать с маленьких шагов и постепенно двигаться вперед. Этот принцип применим для внедрения любых инновационных решений в веб-дизайн. Не переусердствуйте с анимацией, для начала посмотрите, как посетители сайта реагируют на мелкие нововведения.
6. Нащупайте золотую средину
Динамичный логотип предназначен для быстрого и эффективного привлечения внимания. Если же анимация будет слишком длинной, вы рискуете перегрузить пользователя, прежде чем он успеет просмотреть остальную часть сайта или другой важный контент. Динамичный логотип должен быть активен не более нескольких секунд, и за это время нужно успеть предоставить ценную информацию.
Каждый кадр имеет значение. Стремитесь привлечь покупателя и вызвать интерес к бренду. Как правило, лучшая стратегия — это пробудить любопытство и заинтриговать, чтобы человек увидевший ваш логотип захотел узнать больше о бренде.
Убедитесь, что анимация достаточно динамична. Привлечь внимание это полдела, гораздо важнее удержать его во время всего просмотра. Мозг должен находится в напряжении. Нужно заинтересовать зрителя так, чтобы ему хотелось разгадать, что же будет дальше.
Как и в большинстве направлений дизайна, ключ к успеху ― баланс между видимой простотой и четкой продуманностью каждой детали. Даже если анимация наполнена особым смыслом, не забывайте тот факт, что концентрация внимания постоянно уменьшается.
7. Динамический логотип в видео-контенте
В последнее время видео пользуется невероятной популярностью. Мы живем в мире, где каждый человек, независимо от местоположения имеет доступ к просмотру видео. Компании размещают видеоролики на продуктовых страницах, в соцсетях, приложениях, где угодно.
Анимированный логотип в начале видео поможет выглядеть бренду более успешно и профессионально. Это еще одно напоминание зрителям о бренде, о котором они узнают во время видео просмотра. Кроме того, логотип в начале видео может использоваться для поддержания визуальной согласованности, которая важна для компании, размещающей контент на разных ресурсах.
Анимированный логотип идеально впишется в начало видео презентации. Но, в некоторых случаях он может раздражать клиентов, к примеру, когда нужно быстро найти информацию.
Если анимация длится более нескольких секунд логотип лучше разместить в конце видео. То же самое касается новостных видео или призванных вызвать интерес к новому продукту/услуге. Окончание видео анимированным логотипом может сохранить образ бренда в памяти пользователя даже после завершения просмотра. С другой стороны, существует риск, что клиенты пропустят анимацию в конце видео, потому что они слишком быстро переключаются между контентом.
Если у вас нет опыта в добавлении анимированного лого в видео, попробуйте поэкспериментировать, чтобы определить наиболее эффективную стратегию. Но имейте в виду, эффективность стратегии может зависеть от разных факторов и то, что подойдет одной компании, может не подойти другой.
8. Переместите анимационный логотип в реальный мир
Еще один интересный вариант использования анимированного логотипа – это внедрить его в повседневную жизнь и наше окружение. Современное пространство заполнено цифровыми устройствами. Мы привыкли наблюдать некое слияние реального и цифрового мира. Большинство мероприятий и выставок сопровождаются презентациями, основанными на цифровом контенте, таком как презентации и слайд-шоу.
В зависимости от доступных вариантов вывесок, компания может использовать анимированный логотип над своим стендом. Это отличный метод привлечения внимания в заполненном павильоне. Около 48% участников выставок согласны с тем, что более привлекательный и запоминающийся стенд является самым эффективным способом завлечь присутствующих посетителей.
Несмотря на то, что мы привыкли наблюдать анимацию и динамичные логотипы на компьютере, сегодня они могут присутствовать в окружающем мире. Динамичный логотип может сделать офис или приемную компании более привлекательными. В торговых точках есть цифровые вывески, где крутят рекламу, это идеальное место для анимированного логотипа. Он послужит визуальным разделителем рекламных роликов и развлечет покупателей во время традиционного шоппинга.
9. Используйте анимацию вместо email подписи
Помните, анимированному логотипу не запрещено покидать приложение или сайт компании. Иногда подходящая анимация может стать ярким способом «подписать» письмо от бренда или его команды.
Электронная почта сегодня остается одним из самых ценных инструментов для бизнес-маркетинга и выстраивания отношений с клиентами. Это третий по значимости источник контента и новостей для многих B2B-аудиторий. Тем не менее многие компаний не в полной мере используют возможности электронного маркетинга.
Если большинство программных решений позволяет отражать гифки и анимированные видео в электронном письме, значит вы можете добавить анимированный логотип вместо подписи бренда.
Важно помнить, что файл анимированного логотипа должен быть оптимизирован, иначе могут возникнуть проблемы с загрузкой электронного письма. Не делайте анимацию слишком длинной и сложной.
Не забудьте рассмотреть другие варианты размещения динамического логотипа помимо электронной почты. К примеру, в роли профильного изображения в соцсетях. По оценкам экспертов, около 80% компаний используют визуальные ресурсы в SMM. Анимированный логотип — отличный способ выйти за рамки и выделится. Движение привлекает внимание, а видеоконтент быстро набирает обороты во многих социальных сетях.
Распахните двери в мир анимационного дизайна
Дизайнеры только начинают понимать возможности анимированных логотипов. Для многих компаний — это отличный способ быть замеченными и стимулировать взаимодействие аудитории с брендом.
Динамический логотип в начале видео, на экране загрузки приложения или в верхней части сайта может выгодно выделить компанию среди других. Поскольку технологии продолжают развиваться, а ожидания клиентов продолжают расти, возможности анимации также будут увеличиваться. Кто знает, может быть вы будете использовать VR и AR элементы в дизайне логотипа, чтобы передать сущность бренда в совершенно новом цифровом мире.
Если вы еще не сталкивались с динамическими логотипами, настало время для эксперимента!
Читайте также:
Дизайнерское исследование или четкие принципы? Когда можно нарушать правила в дизайне
5 UI/UX трендов 2021 года, ставящих пользовательский опыт на первое место
