Página inicial

Protótipo no Keynote

Crie um app simples

Protótipo no Keynote

No Keynote, crie um protótipo do seu app.

Tempo estimado para concluir este tutorial:

40 minutos

Crie o protótipo no Keynote.

Use o slide em branco fornecido na seção Protótipo no Keynote da apresentação do projeto no Keynote para criar o protótipo. Duplique o slide, se necessário.

Explore as ferramentas do Keynote.

Saiba mais sobre os seguintes recursos do Keynote que talvez você queira usar no app. Cada seção usa o app Afirmações como exemplo.

Adicione elementos.

Adicione texto, linhas e formas.

Etapa 1

Para adicionar texto, linhas ou formas, toque em Formas e escolha um elemento.

Etapa 2

Toque em Mídia para adicionar imagens, áudios, desenhos ou vídeos.

Etapa 3

Para redimensionar uma forma ou imagem, arraste os cantos azuis até o local desejado.

Etapa 4

Toque duas vezes em uma forma para adicionar texto.

Etapa 5

Adicione todos os elementos do app e dimensione-os corretamente.

Leve em consideração títulos, imagens e botões.

Adicione cores.

Edite a cor e a transparência dos elementos no protótipo.

Etapa 1

Exiba o navegador de slides.

Etapa 2

Selecione o slide e toque em Formatar para alterar o plano de fundo.

Etapa 3

Toque em Fundo e selecione uma Cor, Gradiente ou Imagem.

Etapa 4

Toque em Dinâmico para adicionar um fundo em movimento.

Etapa 5

Altere a cor de uma forma.

Toque na forma (ou em várias formas), em Formatar e em Preenchimento.

Etapa 6

Use o controle deslizante de opacidade para ajustar a transparência de um elemento.

Selecione o elemento, toque em Formatar e deslize o controle de opacidade para a transparência desejada.

Etapa 7

Use os controles fornecidos para editar o estilo de texto.

Toque para selecionar o texto, depois em Formatar e em Texto.

Etapa 8

Continue editando o design do protótipo até ficar do seu gosto.

Torne os elementos interativos.

Adicione links entre slides para tornar o protótipo do app interativo.

Etapa 1

Decida se o app precisa de transições ou interatividade.

Dica

Para tornar o protótipo interativo, use vários slides para adicionar ou alterar elementos.

Etapa 2

Para adicionar um slide, toque no slide e em Duplicar.

Etapa 3

Para criar um link, selecione o elemento e depois selecione Link.

Etapa 4

Decida onde o link deve ficar. Você pode criar um link para um slide, uma página da web, um e-mail ou um número de telefone.

Dica

Para que o protótipo se comporte como um app, permita a navegação apenas por meio de links.

Etapa 5

Para selecionar um tipo de apresentação, toque no nome da apresentação, em Opções da Apresentação e em Tipo de Apresentação.

Etapa 6

Toque em Apenas Links.

Etapa 7

Continue criando slides e links até que o app esteja completo. Toque em Reproduzir e teste os links à medida que eles são adicionados.

Etapa 8

Toque em Reproduzir e siga todos os caminhos possíveis do app. Há algum caminho sem volta? Caso haja, adicione um link para garantir que o usuário nunca fique sem opções do que fazer.

Adicione animações.

Use animações para adicionar, aprimorar ou remover elementos.

Etapa 1

Para adicionar uma animação, toque no elemento que deseja animar e selecione Animar.

Etapa 2

Explore as diferentes opções de animação.

Composição de Entrada adiciona o elemento à tela.

Ação realiza uma ação.

Composição de Saída remove o elemento da tela.

Etapa 3

Experimente as diferentes animações do menu para ver o que fica mais adequado.

Toque em Voltar quando terminar.

Etapa 4

Toque na animação, altere os ajustes de acordo com suas preferências e toque em OK.

Dica

Se você estiver usando o tipo de apresentação Apenas Links, as animações serão reproduzidas de forma sequencial somente após uma transição.

Etapa 5

Toque em Ordenação para editar os ajustes de composição.

Etapa 6

Na primeira animação, toque em Após Transição.

Etapa 7

Em todas as outras animações, toque em Após Composição.

Etapa 8

Toque em Visualizar para testar as animações. Continue editando até que o app tenha a aparência e o funcionamento corretos.

A seguir: