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

48
АНИМАЦИЯ: РУКОВОДСТВО ПО ЭКСПЛУАТАЦИИ. Андрей Сверчков — старший дизайнер PRO100

Post on 03-Mar-2017

78 views

Category:

Design


0 download

TRANSCRIPT

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

АНИМАЦИЯ: РУКОВОДСТВО ПО ЭКСПЛУАТАЦИИ.Андрей Сверчков — старший дизайнер PRO100

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

НЕМНОГО ОСНОВЫ

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

Линейная анимация ����

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

Физическая модель движения����

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

Ease-Out����

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

Ease-In����

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

Spring / Bounce����

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

НЕМНОГО О ВАЖНОСТИ АНИМАЦИИ от Олежи

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

ПОЛЕЗНАЯ АНИМАЦИЯ

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

3 уровень — микро��

2 уровень — макро

1 уровень — концептуальный��

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

3 уровень — микро��

2 уровень — макро

1 уровень — концептуальный��

0 уровень — концептуальный (глобальный)

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

3 уровень

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

3 уровень

Проблема восприятия

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

Ох уж этот ужасный Shazam без анимации

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

3 уровень

Проблема акцентов

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

Знакомая ситуация

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

2 уровень

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

2 уровень

Проблема контента

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

2 уровень

Проблема конверсии

Page 23: Анимация. Руководство по эксплуатации
Page 24: Анимация. Руководство по эксплуатации
Page 25: Анимация. Руководство по эксплуатации
Page 26: Анимация. Руководство по эксплуатации

2 уровень

« »Проблема много текста

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

2 уровень

Проблема загрузки сайта

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

1 уровень

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

1 уровень

Проблема концепции

Page 32: Анимация. Руководство по эксплуатации
Page 33: Анимация. Руководство по эксплуатации
Page 34: Анимация. Руководство по эксплуатации

1 уровень

Проблема сложных решений

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

Тут надо рассказать про проект, имя которого нельзя называть.

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

0 уровень

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

0 уровень

Проблема навигации

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

Физическая модель и принцип непрерывности в основе сайта

Page 39: Анимация. Руководство по эксплуатации
Page 40: Анимация. Руководство по эксплуатации
Page 41: Анимация. Руководство по эксплуатации

0 уровень

Проблема концепции

Page 42: Анимация. Руководство по эксплуатации
Page 43: Анимация. Руководство по эксплуатации
Page 44: Анимация. Руководство по эксплуатации

КАК ТАК ДЕЛАТЬ?

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

1 — думайте анимацией

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

2 — сомневайтесь

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

3 — пользуйтесь

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

Всем спасибо!