SlideShare a Scribd company logo
1 of 48
Download to read offline
АНИМАЦИЯ: РУКОВОДСТВО
ПО ЭКСПЛУАТАЦИИ.
Андрей Сверчков — старший дизайнер PRO100
НЕМНОГО ОСНОВЫ
Линейная анимация ����
Физическая модель движения����
Ease-Out����
Ease-In����
Spring / Bounce����
НЕМНОГО О ВАЖНОСТИ
АНИМАЦИИ от Олежи
ПОЛЕЗНАЯ АНИМАЦИЯ
3 уровень — микро��
2 уровень — макро
1 уровень — концептуальный��
3 уровень — микро��
2 уровень — макро
1 уровень — концептуальный��
0 уровень — концептуальный (глобальный)
3 уровень
3 уровень
Проблема восприятия
Ох уж этот ужасный Shazam без анимации
3 уровень
Проблема акцентов
Знакомая ситуация
2 уровень
2 уровень
Проблема контента
2 уровень
Проблема конверсии
2 уровень
« »Проблема много текста
2 уровень
Проблема загрузки сайта
1 уровень
1 уровень
Проблема концепции
1 уровень
Проблема сложных решений
Тут надо рассказать про проект,
имя которого нельзя называть.
0 уровень
0 уровень
Проблема навигации
Физическая модель и принцип непрерывности
в основе сайта
0 уровень
Проблема концепции
КАК ТАК ДЕЛАТЬ?
1 — думайте анимацией
2 — сомневайтесь
3 — пользуйтесь
Всем спасибо!

More Related Content

Viewers also liked

Избранные работы V конкурса "Музыка перевода" (2013 г.)
Избранные работы V конкурса "Музыка перевода" (2013 г.)Избранные работы V конкурса "Музыка перевода" (2013 г.)
Избранные работы V конкурса "Музыка перевода" (2013 г.)Бюро переводов iTrex
 
стилевое разнообразие
стилевое разнообразиестилевое разнообразие
стилевое разнообразиеrufinanikolaevna
 
Романский и готический стили архитектуры
Романский и готический стили архитектурыРоманский и готический стили архитектуры
Романский и готический стили архитектурыIvan Sapogov
 
киноиндустрия часть II
киноиндустрия часть IIкиноиндустрия часть II
киноиндустрия часть IIОлег Ткачук
 
"Своя игра" по роману М.Булгаков "Мастер и Маргарита"
"Своя игра" по роману М.Булгаков "Мастер и Маргарита""Своя игра" по роману М.Булгаков "Мастер и Маргарита"
"Своя игра" по роману М.Булгаков "Мастер и Маргарита"Юлия Лукьяненко
 
Кино урлаг-цахим хичээл
Кино урлаг-цахим хичээлКино урлаг-цахим хичээл
Кино урлаг-цахим хичээлtvbshee
 

Viewers also liked (12)

Избранные работы V конкурса "Музыка перевода" (2013 г.)
Избранные работы V конкурса "Музыка перевода" (2013 г.)Избранные работы V конкурса "Музыка перевода" (2013 г.)
Избранные работы V конкурса "Музыка перевода" (2013 г.)
 
Cinema
CinemaCinema
Cinema
 
стилевое разнообразие
стилевое разнообразиестилевое разнообразие
стилевое разнообразие
 
Романский и готический стили архитектуры
Романский и готический стили архитектурыРоманский и готический стили архитектуры
Романский и готический стили архитектуры
 
Мировое кино
Мировое киноМировое кино
Мировое кино
 
киноиндустрия часть II
киноиндустрия часть IIкиноиндустрия часть II
киноиндустрия часть II
 
21
2121
21
 
"Своя игра" по роману М.Булгаков "Мастер и Маргарита"
"Своя игра" по роману М.Булгаков "Мастер и Маргарита""Своя игра" по роману М.Булгаков "Мастер и Маргарита"
"Своя игра" по роману М.Булгаков "Мастер и Маргарита"
 
жанры кино
жанры  киножанры  кино
жанры кино
 
Азбука кино
Азбука киноАзбука кино
Азбука кино
 
Resultado final prova plv 2017
Resultado final prova plv 2017Resultado final prova plv 2017
Resultado final prova plv 2017
 
Кино урлаг-цахим хичээл
Кино урлаг-цахим хичээлКино урлаг-цахим хичээл
Кино урлаг-цахим хичээл
 

More from #ТЫЖДИЗАЙНЕР

Как сверстать серый текст в интересный макет
Как сверстать серый текст в интересный макетКак сверстать серый текст в интересный макет
Как сверстать серый текст в интересный макет#ТЫЖДИЗАЙНЕР
 
Что дизайнеру нужно знать о SVG
Что дизайнеру нужно знать о SVGЧто дизайнеру нужно знать о SVG
Что дизайнеру нужно знать о SVG#ТЫЖДИЗАЙНЕР
 
Pencil Perfect: интерфейс начинается с карандаша
Pencil Perfect: интерфейс начинается с карандашаPencil Perfect: интерфейс начинается с карандаша
Pencil Perfect: интерфейс начинается с карандаша#ТЫЖДИЗАЙНЕР
 
Продающий - не значит скучный
Продающий - не значит скучныйПродающий - не значит скучный
Продающий - не значит скучный#ТЫЖДИЗАЙНЕР
 
Как подружить текст с визуалом
Как подружить текст с визуаломКак подружить текст с визуалом
Как подружить текст с визуалом#ТЫЖДИЗАЙНЕР
 
Незаменимый Principle UI дизайнера
Незаменимый Principle UI дизайнераНезаменимый Principle UI дизайнера
Незаменимый Principle UI дизайнера#ТЫЖДИЗАЙНЕР
 
Как дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умерКак дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умер#ТЫЖДИЗАЙНЕР
 
Рисуй каждый день. Трюки коммерческого иллюстратора.
Рисуй каждый день. Трюки коммерческого иллюстратора.Рисуй каждый день. Трюки коммерческого иллюстратора.
Рисуй каждый день. Трюки коммерческого иллюстратора.#ТЫЖДИЗАЙНЕР
 
Быстрее, выше, сильнее. Level up для дизайнера.
Быстрее, выше, сильнее. Level up для дизайнера.Быстрее, выше, сильнее. Level up для дизайнера.
Быстрее, выше, сильнее. Level up для дизайнера.#ТЫЖДИЗАЙНЕР
 
Про дизайн в реальном мире бизнеса
Про дизайн в реальном мире бизнесаПро дизайн в реальном мире бизнеса
Про дизайн в реальном мире бизнеса#ТЫЖДИЗАЙНЕР
 
О трудностях языкового взаимодействия дизайнеров с иностранными заказчиками
О трудностях языкового взаимодействия дизайнеров с иностранными заказчикамиО трудностях языкового взаимодействия дизайнеров с иностранными заказчиками
О трудностях языкового взаимодействия дизайнеров с иностранными заказчиками#ТЫЖДИЗАЙНЕР
 
Как дизайнеру не застаиваться и расти над собой
Как дизайнеру не застаиваться и расти над собойКак дизайнеру не застаиваться и расти над собой
Как дизайнеру не застаиваться и расти над собой#ТЫЖДИЗАЙНЕР
 
Дизайн для реальности, а не портфолио
Дизайн для реальности, а не портфолиоДизайн для реальности, а не портфолио
Дизайн для реальности, а не портфолио#ТЫЖДИЗАЙНЕР
 

More from #ТЫЖДИЗАЙНЕР (16)

Краткий FAQ по клиенту
Краткий FAQ по клиентуКраткий FAQ по клиенту
Краткий FAQ по клиенту
 
Как сверстать серый текст в интересный макет
Как сверстать серый текст в интересный макетКак сверстать серый текст в интересный макет
Как сверстать серый текст в интересный макет
 
Что дизайнеру нужно знать о SVG
Что дизайнеру нужно знать о SVGЧто дизайнеру нужно знать о SVG
Что дизайнеру нужно знать о SVG
 
Pencil Perfect: интерфейс начинается с карандаша
Pencil Perfect: интерфейс начинается с карандашаPencil Perfect: интерфейс начинается с карандаша
Pencil Perfect: интерфейс начинается с карандаша
 
Продающий - не значит скучный
Продающий - не значит скучныйПродающий - не значит скучный
Продающий - не значит скучный
 
Инсайт по требованию
Инсайт по требованиюИнсайт по требованию
Инсайт по требованию
 
Как подружить текст с визуалом
Как подружить текст с визуаломКак подружить текст с визуалом
Как подружить текст с визуалом
 
Незаменимый Principle UI дизайнера
Незаменимый Principle UI дизайнераНезаменимый Principle UI дизайнера
Незаменимый Principle UI дизайнера
 
Как дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умерКак дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умер
 
Рисуй каждый день. Трюки коммерческого иллюстратора.
Рисуй каждый день. Трюки коммерческого иллюстратора.Рисуй каждый день. Трюки коммерческого иллюстратора.
Рисуй каждый день. Трюки коммерческого иллюстратора.
 
Быстрее, выше, сильнее. Level up для дизайнера.
Быстрее, выше, сильнее. Level up для дизайнера.Быстрее, выше, сильнее. Level up для дизайнера.
Быстрее, выше, сильнее. Level up для дизайнера.
 
Правила типографики
Правила типографикиПравила типографики
Правила типографики
 
Про дизайн в реальном мире бизнеса
Про дизайн в реальном мире бизнесаПро дизайн в реальном мире бизнеса
Про дизайн в реальном мире бизнеса
 
О трудностях языкового взаимодействия дизайнеров с иностранными заказчиками
О трудностях языкового взаимодействия дизайнеров с иностранными заказчикамиО трудностях языкового взаимодействия дизайнеров с иностранными заказчиками
О трудностях языкового взаимодействия дизайнеров с иностранными заказчиками
 
Как дизайнеру не застаиваться и расти над собой
Как дизайнеру не застаиваться и расти над собойКак дизайнеру не застаиваться и расти над собой
Как дизайнеру не застаиваться и расти над собой
 
Дизайн для реальности, а не портфолио
Дизайн для реальности, а не портфолиоДизайн для реальности, а не портфолио
Дизайн для реальности, а не портфолио
 

Анимация. Руководство по эксплуатации