Анімація робить комунікацію більш виразною та захопливою. Створення анімації у Spaceship ґрунтується на певних принципах, тоні, параметрах і хореографії, які разом відображають ідентичність бренду.
Рух не лише робить взаємодію захопливою — він прояснює ідеї, підсилює концепції та цілеспрямовано оживляє наративи.
Визначений набір принципів руху окреслює призначення анімацій, які ми створюємо.
Прагніть надати глибокого змісту повідомленню, яке хочете передати. Долайте складні концепції, досліджуючи просту геометрію та виходячи за межі можливого завдяки органічному руху.
Рух має відчуватися природно як у композиції, так і в русі. Використання імпульсу може покращити досвід аудиторії та допомогти досягти природності в нашій мові руху.
Рух має зменшувати когнітивне навантаження й спрямовувати погляд на найважливіше. Коли виконується дія, ми хочемо забезпечити миттєвий зворотний зв’язок і ніколи не змушувати глядача чекати.
Хоча деякі продукти й послуги можуть мати різні функції та можливості, ми можемо визначити загальний підхід до анімації на основі того, як вони взаємодіють із глядачем: емоційний та функціональний.
Емоційний — створює глибший зв’язок
Бренд може апелювати до емоцій глядача та створювати глибший зв’язок.
Функціональний — допомагає клієнтам досягати своїх цілей
Покращує зворотний зв’язок, допомагає з орієнтацією та спрямовує увагу глядача на те, що є важливим.
Принципи нашого бренду мають відображатися в кожному середовищі, пов’язаному зі Spaceship, як на платформі, так і за її межами. Щоб втілити їх у русі, ми спираємося на набір параметрів, які забезпечують послідовність, узгодженість і єдине вираження ідентичності нашого бренду.
Таймінг
Таймінг і затримка можуть працювати разом у межах одного об’єкта, щоб передавати і тон, і призначення. Наприклад, повільніший темп під час завантаження сторінки може створити емоційний зв’язок, після чого швидка реакція забезпечує функціональний тон із чітким і миттєвим зворотним зв’язком.
Батьківські зв’язки
Ми використовуємо батьківські зв’язки, щоб створювати зміст і встановлювати взаємозв’язки між візуальними елементами. В анімаціях відтворення батьківські зв’язки допомагають показати, як елементи пов’язані та змінюються разом. У взаємодіях у реальному часі це робить досвід плавнішим, візуально поєднуючи об’єкти та природно проводячи користувачів інтерфейсом.
Затримка
Затримка визначає взаємозв’язок між об’єктами, покращує зручність використання та формує наратив під час появи нових елементів на екрані.
Паралакс
Мета паралакса — створити ілюзію глибини. Він допомагає нашим глядачам зрозуміти, які об’єкти мають вищий пріоритет і на чому слід зосередитися. Коли ми рухаємо об’єкти, що перекриваються, з різною швидкістю, ми створюємо між ними просторовий взаємозв’язок.
Накладання
Цей параметр використовує не-3D простір, дозволяючи об’єктам, розташованим шарами один за одним, рухатися незалежно. Накладання використовує ці шари, що перекриваються, в наявному інтерфейсі для надання додаткової інформації. Ми використовуємо рух, щоб створити наратив про просторовий взаємозв’язок між цими сутностями.
Хореографія
Хореографія поєднує наші параметри з трьома додатковими елементами: безперервністю, взаємозв’язком і наративом. Контролюючи поведінку кожного об’єкта, ми утримуємо увагу нашої аудиторії, створюючи емоційне залучення.
Безперервність
Забезпечує послідовний і плавний потік руху, допомагаючи нашій аудиторії зрозуміти наратив і зберігати фокус між переходами. Вона підсилює візуальну безперервність, надаючи елементу на екрані призначення.
Взаємозв’язок
Те, як кожен об’єкт пов’язаний зі своїм оточенням і як його поведінка впливатиме на роботу інших елементів.
Наратив
У поєднанні з іншими атрибутами добре продуманий наратив може створити глибокий і тривалий зв’язок із глядачами, водночас надаючи чіткі вказівки, щоб навіть найскладніші завдання здавалися простими й доступними.