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
No Keynote, crie um protótipo do seu app.
Tempo estimado para concluir este tutorial:
40 minutos
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.
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 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.
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.
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.
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: