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 — também clarifica ideias, reforça conceitos e dá vida às narrativas com intenção.
Um conjunto definido de princípios de movimento descreve o propósito das animações que criamos.
Procura dar um significado profundo à mensagem que queres transmitir. Supera conceitos complexos explorando geometria simples e indo além do que é possível através do movimento orgânico.
O movimento deve parecer natural na composição e no deslocamento. O uso de impulso pode melhorar a experiência do público e dar uma sensação natural à 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 observador à 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 observador: emocional e funcional.
Emocional — Cria uma ligação mais profunda
Uma marca pode apelar às emoções do observador e criar uma ligação mais profunda.
Funcional — Ajuda os clientes a atingir os seus objetivos
Melhora o feedback, ajuda na orientação e direciona a atenção do observador para o que é relevante.
Os princípios da nossa marca devem refletir-se em todos os meios relacionados com a Spaceship, na plataforma e fora dela. Para lhes dar vida em movimento, recorremos a um conjunto de parâmetros que garantem consistência, coerência e uma expressão unificada da identidade da nossa marca.
Temporização
A temporização e o atraso podem funcionar em conjunto 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.
Hierarquia parental
Usamos hierarquia parental para criar significado e estabelecer relações entre elementos visuais. Nas animações de reprodução, a hierarquia parental ajuda a mostrar como os elementos se relacionam e mudam em conjunto. Nas interações em tempo real, cria experiências mais fluidas ao ligar visualmente os objetos e ao 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ã.
Paralaxe
O objetivo da paralaxe é criar uma ilusão de profundidade. Ajuda os nossos observadores a perceber quais os objetos com maior prioridade e em que se devem focar. Quando movemos objetos sobrepostos a velocidades diferentes, criamos uma relação espacial entre eles.
Sobreposição
Este parâmetro usa um espaço não 3D, permitindo que objetos dispostos em camadas uns atrás dos outros 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 a forma como cada objeto se comporta, captamos o foco do nosso público, criando envolvimento emocional.
Continuidade
Garante um fluxo de movimento consistente e fluido, ajudando o nosso público 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 que o rodeia e como o seu comportamento irá influenciar a forma como os outros elementos funcionam.
Narrativa
Combinada com os outros atributos, uma narrativa bem construída pode criar uma ligação profunda e duradoura com os observadores, ao mesmo tempo que fornece orientação clara para fazer com que até as tarefas mais complexas pareçam simples e acessíveis.