Cómo utilizar Keynote para la creación de prototipos de aplicaciones

Imagen estática

1. Primero use la estructura alámbrica dibujada o use el diseño del bloque de color directamente en Keynote.

2 Complete la imagen, ajuste la sombra, etc.

3. Exporta la imagen y colócala en tu teléfono móvil.

4. Ajusta el efecto de animación según los comentarios de los usuarios.

1. Animación de objetos incorporada

2. Utiliza el mejor efecto de transición de “movimiento mágico” de Keynote

3. Instala la aplicación Keynote en tu teléfono para abrir el documento de presentación

4. Ajuste el efecto según los comentarios

Eventos de interacción

1. Ajuste el tamaño de la imagen e impórtela a Xcode

2. para imágenes

3. Utilice únicamente código de gestos interactivos simples

Primero: cree una imagen estática

1. Primero use la estructura alámbrica dibujada o use el diseño de bloques de color. Directamente en Keynote, Keynote proporciona una variedad de alineación, diseño, formato y otros métodos de diseño inteligentes, lo que hace que todo el proceso sea muy sencillo. Por ejemplo, isométrica de adsorción automática de regla, etc., que es más simple y fácil de usar que la mayoría del software de creación de prototipos.

2. Puedes continuar diseñando los bloques de color y el diseño de acuerdo con algunos esquemas. En el proceso, descubrirás lo mágico que es este proceso de alineación y adsorción.

3. Importar imágenes. Keynote tiene muchas formas de ajustar estilos de materiales, marcos, sombras, transparencias, máscaras en tiempo real, etc. Sí, puedes usar PS para jugar lentamente o puedes usar Keynote para completarlo con un solo clic.

4. Muchas personas utilizan software de creación de prototipos porque están interesadas en esos controles. De hecho, la mayoría de los controles no son tan rápidos como hacerlos en Keynote. Y Keynote viene con muchos logotipos e íconos, por lo que no tienes que buscarlos por ningún lado. Por ejemplo, en este ejemplo, la calificación es de cinco estrellas, simplemente cámbiela a amarilla.

5. Por analogía, puedes crear rápidamente muchas páginas, exportar el formato de la imagen y verla en tu teléfono móvil.

La segunda etapa, interacción falsa, agregar efectos de animación

Para obtener detalles sobre por qué hacemos esto, el proceso de retroalimentación después de cada etapa, objetivos y otros principios, mire el video o el PDF. , aquí hablamos principalmente del proceso y de cómo aprovechan al máximo las características de Keynote en la creación de prototipos.

Por ejemplo, esta etapa de interacción falsa, si no usas Xcode, esta es la etapa final del prototipo interactivo. El principio básico es hacer un uso completo de imágenes, animaciones de objetos y animaciones de transición, que son suficientes para crear prototipos que parezcan reales y falsos, siempre y cuando los usuarios de prueba no sean ciegos...

Acerca de las animaciones que vienen con Keynote: Hay tantos efectos diferentes y ajustados que no los entendí del todo al principio, porque muchos de los efectos sofisticados son difíciles de usar en las diapositivas. Al hacer prototipos, descubrí que muchas animaciones en realidad tienen muy buenos efectos interactivos después de ser ajustadas, incluido lo que veo ahora. Keynote ha podido ajustar la simulación durante mucho tiempo para obtener algunos rebotes, retrasos y otros movimientos realistas y detallados sorprendentes.

Se dice que muchos de los efectos interactivos entre los teléfonos Smartisan y Apple se crean primero usando Keynote y luego los ingenieros los escriben. (Es lo que dijo Xu Cen en el video adjunto al final del artículo. Creo que no lo recuerdo con claridad. No soy responsable. No soy responsable. Te lo advierto.)

1. Hay muchas formas de hacer animaciones. Puedes elegir diferentes según tu profesión y método.

También hay muchas formas inteligentes, la más sencilla y rápida de las cuales es utilizar imágenes de forma flexible. ¿Qué tan flexible es? Déjame darte un ejemplo de un video donde todos se echaron a reír. La animación es así: cuando tocas el teclado, los caracteres aparecen en la pantalla uno por uno. Dice que puedo hacerlo con una sola línea o sin ningún código. Esto se puede lograr usando Keynote, puedes pensar en ello.

Esto es lo que hicieron:

Cada letra formaba una imagen...

También puedes hacer diferentes imágenes ajustando el tamaño de clasificación de las imágenes. efecto.

2. Se hace una mención especial al efecto de “movimiento mágico” único de Keynote. Los objetos de la página anterior se pueden mover o ampliar a la página siguiente. El efecto es extraordinario.

Vale, de hecho, en este punto, se pueden crear la mayoría de los efectos de animación. Si no está satisfecho con esto, aprenda algo de sintaxis simple y use solo el código relacionado con imágenes e interacciones en Xcode para crear un prototipo más realista.