Дизайн

5 правил проектирования анимаций
или «как оживить картинку?»

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

Интернет представляет собой иной вид информации, наиболее быстро развивающейся из когда-либо созданных. Просто загрузите сайт эпохи 90х и сравните с сайтом созданным в 2016 году.

Большая разница, не так ли?

Заметно, что применение белого пространства, типографии, цвет и образов заметно улучшилось в течение времени. И я рад этому.

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

Сила динамики

В отличие от работ графических дизайнеров, ваши проекты не статичны — они динамичны, и формируются в процессе взаимодействия с людьми. Это отличительная черта веб-дизайна.

Так что теперь, имея динамическую силу, мы должны привести в движение каждый элемент сайта и заставить переливаться всеми цветами радуги? Нет.

Это похоже на добавление нового звука и эффект перехода к каждому слайду в PowerPoint. Это омерзительно.

Вопрос: как эффективно добавить анимацию для взаимодействия с сайтом? Давай выясним.

Эффективные анимации сайта обладают 5 качествами:

Легкие — Не доминируют. Посетители должны едва замечать, что они происходят.

Природные — Анимации выглядят и чувствуют себя естественно, без автоматизма и рывков.

Информационные — Вы стремиться сделать интерфейс очевидным, анимация подаст тонкие сигналы, чтобы подчеркнуть контекст.

Редкие — Если все движется вокруг и требуя внимания, это провал.

Быстрые — медленные анимации заставят людей думать что сайт сломан или не реагирует, приводя к отказу дальнейшего посещения ресурса.

Давайте рассмотрим подробнее, так что вы настроили большую часть анимаций

Анимация это тонко

“Хороший дизайн очевиден. Отличный дизайн прозрачен”. — Джо Спарено

Это поражает меня, что то, что занимает адское количество времени для настройки, видно всего мгновение.
Люди видят анимацию и она им нравятся, она не требует обдумывания.

Но это идеальный конечный результат. Фантастический дизайн это тонко. Люди не должны замечать анимацию сознательно.

Так зачем добавлять анимации, если людям даже не предполагается их замечать? Ключевым здесь является слово сознательно. Потому подсознание ваших посетителей определенно заметит анимацию. Эффективные, тонкие анимации сделают сайт легче и понятнее. Анимации усилят взаимодействие, не затмевая содержание.

Помните, взаимодействие должно соответствовать тону сайта

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

Slide Background
ХОТИТЕ ЗАКАЗАТЬ САЙТ?
+7-920-701-52-51

Самый простой способ начать работу с нами — позвонить.

ЗАПОЛНИТЬ АНКЕТУ

Ответьте на 8 простых вопросов и через 1-2 часа после получения анкеты мы подготовим предложение по решению вашей задачи

Контакты

Ждем вас уже сегодня

Вослользуйтесь удобным для вас способом связи или приезжайте к нам в офис, где вас ждет чашечка кофе

+7-920-701-50-51
info@coda.website
Россия, г. Курск
ул. Литовская 12а