Protótipos e apresentações

1Interações

Dê a uma camada um gatilho (Toque, Passar o cursor ou Toque longo) e uma ação:

• Navegar para outra tela, com transição Deslizar ou Esmaecer.
• Voltar.
• Rolar até uma seção.
• Abrir uma URL.

2Movimento

Anime uma camada quando ela aparece, quando entra na área visível ao rolar, ao passar o cursor ou ao tocar. Defina o que muda (como largura, altura ou cor de preenchimento), os valores inicial e final, a duração, o atraso e a curva de easing. O HTML exportado reproduz os estados de passar o cursor e de toque.

3Visualização

Pressione Cmd+P. Escolha Telefone, Desktop ou Tela. A moldura do dispositivo mantém a barra de status no topo e a barra de navegação embaixo.

• Use Marcar como tela e Definir como tela inicial para escolher quais pranchetas são páginas e qual abre primeiro.
• As telas se comportam como um site: barra de endereço, histórico com Cmd+[ e Cmd+] ou com os botões do mouse, e links entre seções.
• Links em cabeçalhos e rodapés são conectados automaticamente às telas correspondentes.
• Tab alterna entre campos e botões.

4Slides e apresentação

A aba Slides lista suas pranchetas como slides ou cartões. Defina uma transição (Nenhuma, Esmaecer, Deslizar ou Empurrar) com duração de 100 milissegundos a 5 segundos.

Apresente com Cmd+Enter. Enter, Espaço ou Page Down avança; Backspace ou Page Up volta; Home e End vão para o primeiro e o último slide; Escape encerra.