Создание логотипа для сайта: использование анимации

Цифровые технологии дарят нам огромные возможности. И было бы глупо их не использовать. Если вам предстоит создание логотипа для сайта, то применение анимированной картинки привлечет дополнительное внимание, а при правильном подходе еще и позволит создать у посетителя положительное впечатление.

Естественно, что в этом деле нужно быть аккуратным, ведь грубо исполненная анимация станет серьезным минусом для сайта, отсутствие идеи, «фишки» сделает ее совершенно бессмысленной. Логотип — это ваш герб, знамя, не стоит «издеваться» над ним без веских причин.

Создание анимированного логотипа для сайта — технические вопросы

Современная WEB-индустрия предлагает широкий спектр инструментов для создания движущихся изображений. Однако существуют самые популярные и проверенные, которые используются чаще всего. Создание логотипа для сайта с элементами анимации возможно посредством таких приемов:

• использование специального формата изображений — GIF;
• создание анимации при помощи JavaScript. Для получения более красочного изображения используется картинка PNG, на которую сверху накладываются движущиеся элементы посредством JS;
• применение широких возможностей flash.

У каждого способа есть свои преимущества и недостатки.

Картинка GIF универсальна, ее воспринимают и корректно отображают даже браузеры мобильных телефонов. Она легковесна, а для ее создания существует огромный набор инструментов, включая GIMP, Blender, Photoshop и пр. Но такая картинка ограничена в своих возможностях, в частности будет недоступен truecolor.

Анимацию при помощи JavaScript сможет создать уже не каждый школьник, эта технология немного сложнее предыдущей. Она еще более легковесна, так как анимация хранится в коде. Но для того, чтобы изображение получилось действительно красивым и привлекательным, приходится дополнительно использовать статичные картинки. Зато можно не просто анимировать логотип, но и придать ему функциональность, к примеру, сделать кнопкой.

Технология flash самодостаточна, не придется привлекать дополнительные инструменты. С ее помощью можно создавать самые замысловатые сюжеты. Однако есть и у нее недостатки. В частности, она нагружает процессор пользователя и «отъедает» ощутимое количество памяти, порождает риски взлома системы. Стоит ли ради простой анимации небольшого логотипа использовать такую тяжеловесную программу — решать вам.

Есть еще один способ — создание анимации посредством HTML5, но этот стандарт только внедряется, он поддерживается еще не всеми браузерами. Также для его использования поддержка должна быть и на стороне сервера. Если при создании сайта bitrix использовался, то такая поддержка, вероятнее всего, есть.

Создание логотипа для сайта — несколько рекомендаций относительно анимации

Как и во всем дизайне сайта, при анимировании логотипа следует придерживаться определенных правил. В частности, дурно смотрится картинка с очень быстрой сменой кадров. Мельтешение не привлекает внимание, а отталкивает человека, раздражает его. Аналогично действует резкая смена цвета, использование несочетаемых оттенков.

Анимация не должна захватывать внимание, она должна дополнять впечатление, должна гармонично сочетаться с общим оформлением страницы. И она должна соответствовать тематике ресурса. Не стоит увлекаться различными «фишками», которые предоставляет тот или иной инструмент. Логотип не нужно перегружать движущимися элементами — это только отрицательно сказывается на его эффективности.

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

Теги: создание логотипа
Количество показов: 3941