Olá, Ana! Tudo bem contigo?
É isso aí! Você está no caminho certo!
Pra representar o deslizamento de uma página em um dispositivo móvel com a barra de navegação na parte inferior, você pode criar uma interação de "touch down" (toque e arraste para baixo). Enquanto isso, o componente de navegação pode permanecer fixo ou, dependendo do design e do comportamento desejado, também pode ser movimentado para baixo para simular uma interação mais realista.
No Figma, você pode configurar da seguinte forma:
- Selecione o frame que contém o conteúdo da página.
- No painel direito, vá para a aba "Protótipo".
- Crie um evento de "Arrastar" selecionando "On Drag" e escolha a direção para cima.
- Defina o destino para o frame que representa a próxima tela ou a posição desejada após o deslizamento.
- Se decidir mover a barra de navegação, repita o processo para ela, definindo um movimento que acompanhe ou complemente o deslizamento do conteúdo.
Lembre-se de testar o protótipo para garantir que as interações estão fluindo como esperado e ajustar conforme necessário.
Espero ter ajudado e qualquer pergunta ou dúvida estou aqui, ok?
Abraços e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!