Movimento Apple
O HIG cobre movimento como princípio e para por aí. Sua página de Movimento tem 92 linhas sobre se animar — propositalmente, opcionalmente, seguindo o gesto — e nem um parâmetro de mola. Tudo sobre como o movimento é realmente construído vive fora dela, e é por isso que isto existe.
| Arquivo | O que contém |
|---|---|
references/motion-animation.md | O vocabulário de molas, durações, tipos de transição, interrompibilidade. |
references/microinteractions-feedback.md | Estados de pressionamento, carregamento, feedback de sucesso e erro, emparelhamento tátil. |
references/gestures-interaction.md | Swipe, arrastar, pinça, gestos de borda e como o movimento deve acompanhá-los. |
De onde vem cada coisa
Vale ser direto sobre isso, porque as três fontes têm posições muito diferentes e misturá-las é como o conselho sobre movimento se torna folclore:
- Princípios →
hig-guide. "Adicione movimento propositalmente." "Torne o movimento opcional." "Busque movimento de feedback realista que siga os gestos e expectativas das pessoas." Estas são palavras da própria Apple, em Motion. Cite-as, não as paráfrases aqui. - Nomes de molas e seu comportamento → API do SwiftUI.
.smooth,.snappy,.bouncysão API reais com padrões reais. As porcentagens de bounce emmotion-animation.mdsão caracterizações delas, não constantes publicadas — trate-as como um ponto de partida que você ajusta, e não as cite como especificação da Apple. - Todo o resto → observação. Estas referências são adaptadas da coleção apple-design-skills licenciada sob MIT (aviso em
LICENSE.txt) e são marcadas como[observed]onde o autor inferiu comportamento de aplicativos reais. Úteis, não autoritativas.
Nada aqui é medido como os valores de ui-kit-for-apple-platforms. Essa distinção é o ponto: movimento é a parte deste repositório com menos verdade absoluta.
Escolhendo uma mola
A única decisão que carrega a maior parte da sensação:
| Mola | Bounce | Use para |
|---|---|---|
.smooth | nenhum | Sheets, modais, transições de fundo — qualquer coisa que deve se estabilizar sem chamar atenção |
.snappy | leve | Pressionamentos de botão, alternadores, seleções — o padrão para manipulação direta |
.bouncy | perceptível | Pressionamentos de ícone, notificações que chegam, momentos que devem parecer recompensadores |
Bounce é todo o sinal. Uma sheet que quica parece de brinquedo; um pressionamento de botão que não quica parece morto. Acertar esta única escolha faz mais do que ajustar durações.
O que separa o movimento Apple do movimento comum
- Interrompível. Um gesto deve ser capaz de reverter ou redirecionar uma animação no meio do voo, em vez de enfileirar atrás dela. Qualquer coisa que termina antes de responder parece lenta, não importa quão rápida seja.
- Segue o dedo, depois assume. Durante um arrasto, a superfície segue o gesto 1:1; a mola só assume na soltura, carregando a velocidade que o gesto tinha. Isto é o "movimento de feedback realista que segue os gestos e expectativas das pessoas" do HIG tornado concreto.
- Duração é consequência, não entrada. Molas são especificadas por física e se estabilizam quando se estabilizam. Buscar um fixo de 300 ms geralmente significa buscar a ferramenta errada.
- Posição e opacidade, não tamanho e cor. Mover e desvanecer leem como físico; escalar e recolorir leem como efeitos.
Reduce Motion não é opcional
hig-guide afirma claramente — "Torne o movimento opcional." Na web, isso é prefers-reduced-motion, e significa substituir o movimento, não meramente encurtá-lo: cross-fade em vez de slide, corte em vez de animar. O ios-components.css de ui-kit-for-apple-platforms já protege suas próprias transições dessa forma; faça o mesmo.
Limites
- Valores — cor, tipo, geometria de controles, materiais — pertencem a ui-kit-for-apple-platforms, medidos do kit de interface da Apple. Não os repita aqui; um código hex em um arquivo de movimento é um código hex que ficará obsoleto em algum lugar onde ninguém olha.
- Regras sobre se algo deve animar, qual apresentação usar, como layouts se adaptam — hig-guide, com as citações reais.
- Este skill cobre como o movimento em si é construído.