O movimento torna as comunicações mais impactantes e envolventes. A criação de movimento da Spaceship segue princípios, tom, parâmetros e coreografia específicos que trabalham juntos para refletir sua identidade de marca.
O motion não apenas torna as experiências envolventes — ele esclarece ideias, fortalece conceitos e dá vida às narrativas com intenção.
Um conjunto definido de princípios de motion descreve o propósito das animações que criamos.
Busque dar um significado profundo à mensagem que você quer transmitir. Supere conceitos complexos explorando geometria simples e indo além do que é possível por meio do motion orgânico.
O motion deve parecer natural na composição e no movimento. Usar momentum pode melhorar a experiência do público e alcançar uma sensação natural em nossa linguagem de motion.
O motion deve reduzir a carga cognitiva e orientar o olhar para o que é importante. Quando uma ação é realizada, queremos fornecer feedback imediato e nunca deixar o espectador esperando.
Embora alguns produtos e serviços possam ter recursos e capacidades diferentes, podemos definir uma abordagem geral para animação com base em como eles se relacionam com o espectador: emocional e funcional.
Emocional — Cria uma conexão mais profunda
Uma marca pode despertar as emoções do espectador e criar uma conexão mais profunda.
Funcional — Ajuda os clientes a alcançar seus objetivos
Melhora o feedback, auxilia na orientação e direciona a atenção do espectador para o que é relevante.
Nossos princípios de marca devem se refletir em todos os meios relacionados à Spaceship, na plataforma e além dela. Para dar vida a eles em motion, contamos com um conjunto de parâmetros que garantem consistência, coerência e uma expressão unificada da identidade da nossa marca.
Timing
Timing e delay podem atuar juntos dentro do mesmo objeto para transmitir tanto tom quanto propósito. Por exemplo, um tom mais lento durante o carregamento de uma página pode criar uma conexão emocional, seguido por uma resposta rápida que entrega um tom funcional com feedback claro e imediato.
Parenting
Usamos parenting para criar significado e estabelecer relações entre elementos visuais. Em animações de reprodução, o parenting ajuda a mostrar como os elementos se relacionam e mudam juntos. Em interações em tempo real, ele torna as experiências mais fluidas ao conectar visualmente os objetos e guiar os usuários naturalmente pela interface.
Delay
O delay define uma relação entre objetos, melhora a usabilidade e estabelece uma narrativa ao introduzir novos elementos na tela.
Parallax
O objetivo do parallax é criar uma ilusão de profundidade. Ele ajuda nossos espectadores a perceber quais objetos têm maior prioridade e em que focar. Quando movemos objetos sobrepostos em velocidades diferentes, criamos uma relação espacial entre eles.
Overlay
Esse parâmetro usa um espaço não 3D, permitindo que objetos em camadas, posicionados uns atrás dos outros, se movam de forma independente. O overlay usa essas camadas sobrepostas em uma interface existente para fornecer informações adicionais. Usamos motion para criar uma narrativa da relação espacial entre essas entidades.
Coreografia
A coreografia combina nossos parâmetros com três elementos adicionais: continuidade, relação e narrativa. Ao controlar como cada objeto se comporta, capturamos o foco do nosso público, criando envolvimento emocional.
Continuidade
Garante um fluxo de motion consistente e fluido, ajudando nosso público a entender a narrativa e manter o foco entre as transições. Reforça a continuidade visual ao dar propósito a um elemento na tela.
Relação
Como cada objeto se relaciona com o seu entorno e como seu comportamento influenciará a forma como outros elementos operam.
Narrativa
Combinada com os outros atributos, uma narrativa bem elaborada pode criar uma conexão profunda e duradoura com os espectadores, ao mesmo tempo em que fornece orientação clara para fazer até mesmo as tarefas mais complexas parecerem simples e acessíveis.