Что такое эффекты анимации

Стандартные схемы (эффекты) анимации

Кроме того, что вы можете включить смену слайдов с разной скоростью (и с разными эффектами), вы также можете заставить двигаться отдельные объекты, расположенные на слайдах.

Например, можно создать элементы текстового списка, влетающие на страницу слева или сверху по одному слову, или добавить звук аплодисментов при открытии рисунка.

Такое «оживление» объектов называется анимацией объектов, а каждый такой объект – соответственно, анимированным.

Справка к Программе определяет анимацию так.

Анимация – это добавление к тексту или объекту специального видео- или звукового эффекта.

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

Кроме того, эффекты анимации могут стимулировать внимание слушателей к материалу, а также – если используются в шутливой форме – развеселить аудиторию, и тем самым снять возникшее утомление.

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

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

Эффекты анимации и Настройка анимации

Как мы уже говорили, термин анимация Справка трактует, как добавление к тексту или объекту специального видео или звукового эффекта.

И в меню Показ слайдов есть эти две команды^

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Также существуют две области задач с похожими названиями, но с разными функциями

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Разница между Эффектами анимации и Настройкой анимации состоит в том, что:

Настройка анимации относится к анимации любых объектов на слайде.

Любопытно, что Справка к Программе вводит термины, подчеркивающие эти различия. Так, на рисунке внизу приведен «скриншот» соответствующего раздела Справки.

Перейдем к рассмотрению стандартных схем анимации ( эффектов анимации ).

Структура области задач Эффекты анимации

Стандартные схемы применяются для разметок, в которых используются Заголовок слайда и текстовые рамки (подзаголовок слайда, рамка со списком, текст в две колонки). Эти стандартные схемы «содержатся» в самой Программе и вам можно не придумывать своих собственных схем.

Итак, создадим новую новую презентацию. На титульном слайде введем названия в поля Заголовок и Подзаголовок слайда (иначе нам не будут видны эффекты анимации).

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

В данном случае фон слайда залит рисунком.

Вызовем область задач Эффекты анимации любым из известных нам способов.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Зеленой рамкой обведены области задач, объединенные общим названием Дизайн слайда (как это написано в заголовке области задач).

На следующем рисунке желтой рамкой обведена та зона области задач, где сосредоточены непосредственно сами эффекты.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

И, наконец, синей рамкой обведены команды, стандартные для областей задач, связанных с анимацией (Смена слайдов, Эффекты анимации, Настройка анимации).

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Применение эффектов анимации

Рассмотрим теперь эти эффекты анимации, чтобы составить представление о том арсенале средств, который имеется в нашем распоряжении.

В принципе стандартные эффекты анимации (стандартные схемы анимации) включают:

Смену основной части

Как следует (будет следовать) из результатов изучения эффектов анимации, под основной частью понимаются подзаголовок и текстовые рамки на слайде.

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

В случае эффекта Возникновение мы видим, что

Основная часть появляется по щелчку без дополнительного эффекта («возникает»)

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Управление анимацией при показе слайдов

Для перехода к каждому следующему объекту из списка объектов, включенных в список анимации, необходимы:

щелчок левой кнопкой мыши или

курсорная стрелка вправо

курсорная стрелка вниз

буква N (вне зависимости от раскладки)

Ккаждый щелчок мыши будет вызывать появление следующего объекта, включенного в список анимации, пока список не будет исчерпан. Ну а уж СЛЕДУЮЩИЙ щелчок приведет к смене слайда.

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

А при таком, «по-абзацном» показе, вы просто лишаете аудиторию этой возможности :-))

К сожалению, возможна ситуация, что вы поторопились (рука дрогнула) и на экране показался текст следующего абзаца, а вы ещё не обсудили текущий. В этом случае вы легко можете вернуть предыдущее состояние.

Для перехода к предыдущему шагу анимации необходимо:

курсорная стрелка влево

курсорная стрелка вверх

буква P латинского языка (вне зависимости от раскладки)

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

Для этого следует использовать правую кнопку. Она вызовет контекстное меню показа, не зависящее от того, в каком месте слайда вы щелкнули.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Описанные правила управления анимацией пригодны для любых эффектов анимации.

Точно так же для всех эффектов анимации справедливо правило применения эффекта к каждому абзацу Основной части ПО УМОЛЧАНИЮ. На странице Настройка анимации мы узнаем, что это правило можно изменить.

Источник

Применение нескольких эффектов анимации к одному объекту

К одной строке текста или к одному объекту, например рисунку, фигуре или элементу Графический элемент SmartArt, можно применить несколько эффектов анимации.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Совет: При работе с несколькими эффектами анимации удобнее всего начать с области анимации, где можно просмотреть список всех эффектов анимации для текущего слайда.

Открытие области анимации

Выделите на слайде объект или текст, который нужно анимировать.

На вкладке Анимация нажмите кнопку Область анимации.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Нажмите кнопку Добавить анимацию и выберите эффект анимации.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Чтобы применить дополнительные эффекты анимации к тому же объекту, выберите его, нажмите кнопку Добавить анимацию и выберите еще один эффект.

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

Настройка времени начала и длительности показа эффекта анимации

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

В разделе Область анимации щелкните стрелку вниз возле эффекта анимации и щелкните вкладку Время.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

На вкладке Время щелкните стрелку вниз в разделе Начало и выберите время начала.

Чтобы воспроизведение начиналось по щелчку мыши, выберите пункт По щелчку.

Чтобы эффект анимации запускался одновременно с предыдущим эффектом, выберите пункт С предыдущим

Чтобы запускать эффекты последовательно, выберите пункт После предыдущего.

Совет: Предыдущий эффект анимации указан в порядке воспроизведения в области анимации (обычно находится непосредственно над эффектом, для которого вы устанавливаете время).

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Чтобы отложить запуск эффекта анимации, щелкните стрелку вверх возле пункта Задержка столько раз, сколько нужно, чтобы установить нужное количество секунд.

Чтобы изменить скорость эффекта анимации, задайте нужную Продолжительность.

Чтобы просмотреть, как эффекты анимации выглядят вместе, на вкладке Анимация нажмите кнопку Просмотр.

Совет по работе с несколькими эффектами анимации

При работе с несколькими объектами на слайде может быть сложно выделить объекты и примененные к ним эффекты анимации.

На рисунке ниже имена объектов по умолчанию не очень информативны, поэтому сложно сказать, к какому объекту применен каждый отдельный эффект.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

В области выделения вы можете дать уникальное имя каждому объекту, чтобы с ними было легче работать при применении эффектов анимации. См. ниже.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Чтобы изменить имена объектов по умолчанию, на вкладке Главная нажмите Выделить и щелкните Область выделения.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

В области выделения дважды щелкните имя объекта по умолчанию, чтобы открыть поле, и введите новое имя объекта.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Дополнительные сведения о работе с эффектами анимации

Источник

Анимация текста и объектов

Вы можете анимировать текст, рисунки, фигуры, таблицы, графические элементы SmartArt и другие объекты презентаций PowerPoint.

Эффекты позволяют оформить появление, исчезновение и перемещение объектов. С их помощью можно менять их размер и цвет.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Можно также просмотреть похожее видео об анимации текста.

Добавляйте эффекты анимации к тексту, рисункам, фигурам и другим объектам в презентации.

Выделите текст или объект, к которому нужно добавить анимацию.

Откройте вкладку Анимации и выберите эффект анимации.

Нажмите кнопку Параметры эффектов и выберите нужный вариант.

Управление анимацией и эффектами

Анимацию можно запускать несколькими способами:

Чтобы настроить запуск эффекта анимации по щелчку на слайде, выберите По щелчку.

Чтобы эффект анимации запускался одновременно с предыдущим эффектом, выберите С предыдущим.

Чтобы анимация воспроизводилась сразу после предыдущего эффекта, выберите После предыдущего.

С помощью поля Длительность можно сделать эффект более длинным или коротким.

В поле Задержка введите задержку перед запуском эффекта.

Добавление дополнительных эффектов к анимации

Выделите объект или текст с анимацией.

Нажмите кнопку Добавить анимацию и выберите необходимый вариант.

Изменение порядка воспроизведения анимации

Выберите маркер анимации.

Выберите нужный вариант:

Переместить назад, чтобы анимация выводилась раньше в последовательности.

Переместить вперед, чтобы анимация выводилась позже в последовательности.

Добавление анимации к сгруппированным объектам

Вы можете добавить анимацию к сгруппированным объектам, в том числе тексту.

Удерживая нажатой клавишу CTRL, выделите нужные объекты.

Выберите Формат > Группировать > Группировать, чтобы сгруппировать объекты.

Откройте вкладку Анимация и выберите эффект анимации.

Добавление анимации к объекту

Выделите объект, к которому нужно добавить анимацию.

На вкладке ленты Анимация в группе Анимация нажмите кнопку Дополнительно Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимациии выберите необходимый эффект анимации.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

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

Щелкните заголовок раздела ниже, чтобы открыть подробные инструкции.

Скорость эффекта определяется параметром Длительность.

Выделите на слайде эффект анимации, который хотите изменить.

На вкладке Анимация в группе Время показа слайдов в поле Длительность введите необходимое число секунд.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

(Максимум: 59 секунд. Минимум: 0,01 секунды. Вы можете ввести значение длительности с клавиатуры или установить его с помощью стрелок вверх и вниз.)

Выделите на слайде эффект анимации, который хотите изменить.

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

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Способ запуска эффекта анимации

Одновременно с предыдущим эффектом анимации из списка. (Одним щелчком запускаются несколько эффектов анимации одновременно.)

Сразу же после завершения предыдущего эффекта анимации из списка. (Такой эффект анимации запускается без дополнительных щелчков мышью.)

Параметр Задержка определяет промежуток времени перед запуском определенного эффекта анимации. Этот промежуток начинается после щелчка мышью или после завершения предыдущего эффекта.

Выделите на слайде эффект анимации, который хотите изменить.

На вкладке Анимация в группе Время показа слайдов в поле Задержка укажите промежуток времени в секундах.

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

Чтобы изменить порядок, в котором воспроизводятся эффекты анимации на слайде, выполните указанные ниже действия.

Откройте область анимации: на вкладке Анимация в группе Расширенная анимация нажмите кнопку Область анимации.

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

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

Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Чтобы переместить эффект на одну позицию вверх в порядке анимации, выберите команду Переместить назад.

    Чтобы переместить эффект на одну позицию вниз в порядке анимации, выберите команду Переместить вперед.

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

    Когда вы назначаете объекту определенный эффект анимации, слева от этого объекта появляется небольшой маркер в виде числа. Он свидетельствует о наличии эффекта анимации и указывает его место в порядке анимации на текущем слайде.

    Выберите число возле анимации, которую нужно удалить.

    Нажмите клавишу DELETE на клавиатуре.

    Выделите текст или объект, к которому необходимо добавить несколько эффектов анимации.

    На вкладке Анимация в группе Расширенная анимация выберите команду Добавить анимацию.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

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

    На вкладке Анимация в группе Просмотр выберите команду Просмотр.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Чтобы не настраивать одинаковые эффекты анимации для нескольких объектов, скопируйте их с помощью инструмента «Анимация по образцу». Более подробные сведения и видеоролик вы найдете в статье Дублирование эффектов анимации с помощью анимации по образцу.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Применение эффектов анимации к тексту, объекту или диаграмме

    Выделите элемент, который нужно анимировать, откройте вкладку Анимация и выберите один из следующих эффектов:

    Действие, которое нужно применить к объекту

    Команда на вкладке «Анимация»

    Появление на слайде

    Исчезание со слайда

    Перемещение по определенному пути

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    (Щелкните стрелку вправо, чтобы увидеть другие варианты.)

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации
    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации
    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    К одному объекту можно применить несколько эффектов анимации. Просто выделите объект еще раз и примените дополнительный эффект.

    Каждый эффект анимации представлен на слайде числом (Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации) рядом с объектом, которое обозначает его номер в последовательности воспроизведения. Если два эффекта анимации должны воспроизводиться одновременно, они обозначены стопкой из чисел: Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации.

    Изменение эффектов анимации

    Вот как можно изменить или удалить эффекты анимации, а также изменить порядок их воспроизведения.

    Выберите нужный слайд и щелкните на нем номер эффекта анимации, который вы хотите изменить.

    В области анимации, отображаемой справа, будут показаны все эффекты анимации, которые есть на слайде.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Доступные в этом разделе настройки:

    изменение порядка и удаление эффектов анимации в разделе Воспроизвести;

    изменение самого эффекта анимации и добавление звука в разделе Параметры эффектов;

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    изменение способа запуска анимации и продолжительности эффекта в разделе Время показа слайдов.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Чтобы вывести в начале анимации пустую диаграмму, выберите эффект анимации в области анимации и в разделе Анимационные эффекты диаграмм установите флажок Запустить анимацию, нарисовав фон диаграммы.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Чтобы просмотреть результат изменений, нажмите Воспроизвести с.

    Дополнительные сведения

    Добавление эффекта анимации

    Выделите на слайде объект или текст, к которому нужно добавить анимацию.

    В этом контексте объект — это любой элемент на слайде, например рисунок, диаграмма или текстовое поле. При выделении объекта на слайде вокруг него появятся маркеры изменения размера. (В целях анимации абзац в текстовом поле также считается объектом, но при его выделении маркеры изменения размера отобразятся для всего текстового поля, а не для одного абзаца).

    На вкладке Анимации откройте коллекцию эффектов анимации и выберите нужный вариант.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    На вкладке Анимации откройте список Параметры эффектов и выберите нужный вариант. Параметры эффектов доступны для текста, а также для выбора направления и интенсивности эффектов анимации. (Параметры есть не у всех эффектов анимации.)

    Чтобы просмотреть анимацию, на вкладке Слайд-шоу ленты нажмите кнопку Воспроизвести с начала.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    (Если вы отключили упрощенную ленту, вкладка Слайд-шоу не отображается. Используйте вместо нее вкладку Вид, чтобы начать слайд-шоу.)

    Для воспроизведения эффекта анимации щелкните слайд в режиме слайд-шоу.

    Удаление эффекта анимации

    Выделите анимированный объект.

    На вкладке Анимации откройте коллекцию эффектов анимации и выберите вариант Нет.

    Изменение порядка воспроизведения эффектов анимации

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

    На слайде выделите анимированный объект.

    На вкладке Анимации в группе Время нажмите кнопку Переместить назад или Переместить вперед.

    При каждом нажатии место объекта в порядке анимации будет меняться на единицу. Номера на маркерах анимации будут меняться в зависимости от порядка эффектов.

    Источник

    Моушн-дизайн в интерфейсах: зачем нужна UX-анимация и какие эффекты в ней используют

    Как превратить бездушную машину в приятного собеседника? Никакой магии — над этим трудятся моушн-дизайнеры.

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

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

    Анимация в UX-дизайне не похожа на анимацию логотипов, рекламы или мультфильмов — она обычно выполняет сугубо прикладные функции, а иногда и вовсе не должна быть заметна. Разберёмся, для каких целей применяется анимация в интерфейсах, в чём её особенности и какие эффекты используют чаще всего.

    Зачем в интерфейсе анимация

    Если вы захотите выйти из комнаты, вероятно, вы возьмётесь за ручку двери, повернёте её, и дверь откроется. Если захотите приготовить ужин, поставите блюдо на огонь и дождётесь кипения. В реальной жизни движение окружает нас повсюду — объекты перемещаются и изменяются в ответ на приложенные к ним усилия. Поэтому интерфейсы без анимации воспринимать трудно — мы не привыкли взаимодействовать со статичной картинкой.

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

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

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

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Что такое эффекты анимации. Смотреть фото Что такое эффекты анимации. Смотреть картинку Что такое эффекты анимации. Картинка про Что такое эффекты анимации. Фото Что такое эффекты анимации

    Хотите изучать пользовательский опыт и создавать удобные интерфейсы? Записывайтесь на курс по UX-дизайну!

    Источник

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *