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