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 em conjunto para refletir a identidade da marca.
O movimento não só torna as experiências envolventes — clarifica ideias, reforça 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.
Procura dar um significado profundo à mensagem que queres transmitir. Ultrapassa conceitos complexos explorando geometria simples e indo além do possível através do movimento orgânico.
O movimento deve parecer natural na composição e no movimento. Usar o momentum pode melhorar a experiência da audiência e alcançar uma sensação natural na 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 dar feedback imediato e nunca deixar o espectador à espera.
Embora alguns produtos e serviços possam ter diferentes funcionalidades e capacidades, podemos definir uma abordagem geral à animação com base na forma como se relacionam com o espectador: emocional e funcional.
Emocional — Cria ligação mais profunda
Uma marca pode apelar às emoções do espectador e criar uma ligação mais profunda.
Funcional — Ajuda os clientes a atingir os seus objetivos
Melhora o feedback, facilita a orientação e direciona a atenção do espectador para o que é relevante.
Os nossos princípios de marca devem refletir-se em todos os meios relacionados com a Spaceship, na plataforma e além dela. Para lhes dar vida através do movimento, recorremos a um conjunto de parâmetros que garantem consistência, coerência e uma expressão unificada da nossa identidade de marca.
Tempo
O tempo e o atraso podem trabalhar juntos no mesmo objeto para transmitir tanto o tom como o propósito. Por exemplo, um tom mais lento durante o carregamento de uma página pode criar uma ligação emocional, seguido de 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 em conjunto. Em interações em tempo real, proporciona experiências mais suaves ao ligar visualmente objetos e guiar os utilizadores de forma natural pela interface.
Atraso
O atraso define uma relação entre objetos, melhora a usabilidade e estabelece uma narrativa ao introduzir novos elementos no ecrã.
Parallax
O objetivo do parallax é criar uma ilusão de profundidade. Ajuda os nossos espectadores a perceber quais os objetos que têm maior prioridade e no que devem focar-se. Ao mover objetos sobrepostos a diferentes velocidades, criamos uma relação espacial entre eles.
Sobreposição
Este parâmetro utiliza espaço não 3D, permitindo que objetos sobrepostos se movam de forma independente. A sobreposição usa estas camadas sobrepostas numa interface existente para fornecer informação adicional. Usamos o movimento para criar uma narrativa da relação espacial entre estas entidades.
Coreografia
A coreografia combina os nossos parâmetros com três elementos adicionais: continuidade, relação e narrativa. Ao controlar o comportamento de cada objeto, captamos o foco da audiência, criando envolvimento emocional.
Continuidade
Garante um fluxo de movimento consistente e fluido, ajudando a audiência a compreender a narrativa e a manter o foco entre transições. Reforça a continuidade visual ao dar propósito a um elemento no ecrã.
Relação
Como cada objeto se relaciona com o seu entorno e como o seu comportamento influencia o funcionamento dos outros elementos.
Narrativa
Combinada com os outros atributos, uma narrativa bem construída pode criar uma ligação profunda e duradoura com os espectadores, ao mesmo tempo que fornece orientação clara para tornar até as tarefas mais complexas simples e acessíveis.