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 movimento não só 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 movimento delineia o propósito das animações que criamos.
Busque dar um significado profundo à mensagem que deseja transmitir. Supere conceitos complexos explorando geometria simples e indo além do possível por meio do movimento orgânico.
O movimento deve parecer natural em composição e deslocamento. Utilizar o momentum pode aprimorar a experiência do público e alcançar uma sensação natural para a nossa linguagem de movimento.
O movimento 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 diferentes recursos e capacidades, podemos definir uma abordagem geral para animação com base em como eles se relacionam com o espectador: emocional e funcional.
Emocional — Cria conexão mais profunda
Uma marca pode apelar para 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. Para trazê-los à vida em movimento, contamos com um conjunto de parâmetros que garantem consistência, coerência e uma expressão unificada da identidade da nossa marca.
Tempo
Tempo e atraso podem trabalhar juntos dentro do mesmo objeto para transmitir tanto o tom quanto o 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 transmite 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, proporciona experiências mais suaves ao conectar visualmente objetos e guiar os usuários naturalmente pela interface.
Atraso
O atraso 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 no que focar. Ao mover objetos sobrepostos em velocidades diferentes, criamos uma relação espacial entre eles.
Sobreposição
Este parâmetro utiliza o espaço não 3D, permitindo que objetos sobrepostos se movam independentemente. A sobreposição usa essas camadas sobrepostas em uma interface existente para fornecer informações adicionais. Usamos movimento 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 engajamento emocional.
Continuidade
Garante um fluxo de movimento 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 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, além de fornecer orientações claras para tornar até mesmo as tarefas mais complexas simples e acessíveis.