Cómo crear una demostración GIF para aplicaciones de iOS en 10 minutos o menos

Paso 1: Agrega la punta de los dedos a tu aplicación

Lo más importante al hacer una demostración es guiar a los usuarios para que sepan dónde interactuar con tu aplicación y dónde quieren que esté. Posibilidad de navegar por la pantalla. (La primera vez que vi esto fue durante el discurso de apertura de Instagram de Kevin Systrom).

Este paso no es difícil de completar y se puede realizar a través de un proyecto de código abierto en GitHub (también puedes ver una demostración en vivo en Apple TV).

"Fingertips es una pequeña biblioteca (una clase) que muestra todos los toques y gestos en un dispositivo iOS.

En solo dos pasos, puedes convertir tu aplicación en realidad. Todo lo que debes hacer es:

1. Agregar el siguiente código a tu Podfile (espero que estés usando Cocoapods):

pod 'Fingertips'

2. Agregue las siguientes 5 líneas de código en AppDelegate:

*vc = self.window .;

CGRect frame = [[UIScreen mainScreen]bounds];

self.window = [[alloc] :frame];

self.window.=vc;

[self.window ];

No olvides #importar

Ahora haz una duplicación de tu aplicación y podrás ver un círculo indicador táctil genial:

Paso 2: graba un breve vídeo de demostración

La mejor manera de grabar la pantalla de un dispositivo real es usar Reflector ($13). Este es mi favorito personal

Utiliza Air Mirror para mostrar la grabación de pantalla de dispositivos iOS

Usa CMD R para iniciar y detener la grabación.

Paso 3: convierte el vídeo a GIF. /p>

El siguiente paso es utilizar GIF Brewery ($5 en Mac App Store) para convertir el vídeo de tu presentación a un GIF.

Con esta herramienta, simplemente selecciona una hora de inicio y finalización. . para crear un GIF

Puedes obtener una vista previa del vídeo para decidir si quieres acortarlo o alargarlo.

Con estos pasos podrás crear un GIF de forma rápida y eficaz. Hay otras formas de lograrlo, pero voy a cubrir un método que conozco para crear una demostración limpia, simple e intuitiva