Diseña una app sencilla
Haz un prototipo en Keynote
En Keynote, crea un prototipo de tu app.
Tiempo estimado para terminar este tutorial:
40 min
Crea tu prototipo en Keynote.
Usa la diapositiva en blanco de la sección «Haz un prototipo en Keynote» de la presentación para crear tu prototipo. Duplica la diapositiva, si es necesario.
Explora las herramientas de Keynote.
Descubre las siguientes prestaciones de Keynote que te pueden interesar para tu app. Todas las secciones utilizan la app Frases Motivadoras como ejemplo.
Añade elementos.
Añade texto, líneas y figuras.
Paso 1
Para añadir texto, líneas o figuras, toca Figura y elige un elemento.
Paso 2
Toca Multimedia para añadir imágenes, audio, dibujos o vídeo.
Paso 3
Para cambiar el tamaño de una figura o imagen, arrastra las esquinas azules a la ubicación deseada.
Paso 4
Toca dos veces una figura para añadir texto.
Paso 5
Añade todos los elementos de tu app y ajusta su tamaño.
Puedes añadir títulos, imágenes y botones.
Añade color.
Edita el color y la transparencia de los elementos de tu prototipo.
Paso 1
Muestra el navegador de diapositivas.
Paso 2
Selecciona la diapositiva y toca Formato para cambiar el fondo .
Paso 3
Toca Fondo y elige un color, un degradado o una imagen.
Paso 4
Toca Dinámico para añadir un fondo en movimiento.
Paso 5
Cambia el color de una figura.
Toca la figura (o varias figuras), después Formato y, por último, Relleno.
Paso 6
Usa el regulador de opacidad para ajustar la transparencia de un elemento.
Selecciona el elemento, toca Formato y desliza el regulador de opacidad a la transparencia que quieras.
Paso 7
Usa los controles disponibles para editar el estilo de texto.
Toca para seleccionar el texto, toca Formato y, después, Texto.
Paso 8
Sigue editando el diseño de tu prototipo hasta que te guste el resultado.
Convierte los elementos en interactivos.
Añade enlaces entre diapositivas para hacer que tu prototipo sea interactivo.
Paso 1
Decide si tu app necesita transiciones o interactividad.
Consejo
Para que tu prototipo sea interactivo, usa varias diapositivas para añadir o cambiar elementos.
Paso 2
Para añadir una diapositiva, tócala y luego toca Duplicar.
Paso 3
Para crear un enlace, selecciona el elemento y selecciona Enlazar.
Paso 4
Decide el destino del enlace. Puedes enlazar una diapositiva, una página web, un email o un número de teléfono.
Consejo
Para que tu prototipo se comporte como una app, permite la navegación solo a través de enlaces.
Paso 5
Para seleccionar un tipo de presentación, toca el nombre de la presentación, toca Opciones de la Presentación y luego Tipo de Presentación.
Paso 6
Toca Solo Enlaces.
Paso 7
Sigue creando diapositivas y enlaces hasta que la app esté terminada. Toca Reproducir y prueba los enlaces a medida que los añades.
Paso 8
Toca Reproducir y sigue todas las rutas posibles a través de la app. ¿Hay algún callejón sin salida? Si es así, añade un enlace para asegurarte de que siempre se pueda volver atrás.
Añade animaciones.
Usa animaciones para añadir, mejorar o eliminar elementos.
Paso 1
Para añadir una animación, toca el elemento que quieras animar y selecciona Animar.
Paso 2
Explora las diferentes opciones de animación.
Añadir Entrada añade el elemento a la pantalla.
Añadir Acción ejecuta una acción.
Añadir Salida de Composición elimina el elemento de la pantalla.
Paso 3
Prueba las diferentes animaciones del menú para ver qué encaja.
Toca Atrás cuando termines.
Paso 4
Toca la animación, ajusta la configuración a tu gusto y, a continuación, toca OK.
Consejo
Si utilizas el tipo de presentación Solo Enlaces, las animaciones solo se reproducirán consecutivamente después de una transición.
Paso 5
Toca Orden para editar la configuración de la composición.
Paso 6
En la primera animación, toca Tras la Transición.
Paso 7
En las demás animaciones, toca Tras la Composición.
Paso 8
Toca Previsualización para probar tus animaciones. Sigue editando hasta que el diseño y la funcionalidad de la app estén perfectos.
1 de 0 Siguiente :