Adobe InDesign app

Crea tu App en 10 minutos con InDesign y 480interactive

En este tutorial vamos a crear una aplicación móvil a partir de un documento de Adobe Indesign, el cual convertiremos en app gracias a 480interactive.

Realizaremos una app tipo Single o de un único contenido, la cual podremos descargar y probar en nuestro dispositivo móvil al finalizar, utilizando la app 480i Viewer.

Este será el resultado:

mockup

Paso 1: Descarga gratis el software 480interactive
Paso 2: Instala 480interactive  con este video-tutorial
Paso 3: Crea el proyecto App

1.Abre el programa 480interactive en tu ordenador y pulsa sobre el botón “Crear nueva App”.

2.Elige el nombre del proyecto. Por ejemplo “Mi App”.

3.Elige la ubicación del proyecto. Por defecto el programa elige automáticamente el espacio de trabajo donde guarda todos los proyectos.

4.Elige el tipo de App. Selecciona “App Single”.

5.Pulsa sobre el botón “Crear”.

Ya tienes la App creada, pero aún no tiene ningún contenido añadido. Lo añadirás después de convertir la plantilla de Adobe InDesign a formato Issue.

Paso 4. Descarga gratis el contenido para el caso práctico.
Paso 5: Convierte la plantilla de Adobe InDesign en formato Issue

En este paso guardaremos dentro del proyecto app los contenidos de ejemplo. Los pasos a seguir son:

1.Abre el documento InDesign (puedes usar el archivo *.indd o el archivo *.idml)

2. Dirígete al panel “Scripts” y haz doble clic en “480i Script.jsx”. (Si es la primera vez que vas a utilizar 480i Script.jsx puedes ver cómo añadirlo a Adobe InDesign en este enlace: Instalar el Script de 480interactive para InDesign )

3.Elige el nombre de la Issue. Por ejemplo “Mi App”.

4.En “Destino”, selecciona el proyecto que has creado con 480interactive.

5.Pulsa sobre “Convertir en Issue”.

6. Cuando finalice la exportación, haz clic en “Aceptar”.

Paso 6: Añade la exportación Issue de InDesign a la App

1. Regresa al programa 480interactive.

2.Selecciona “InDesign Issue” en la sección de añadir contenidos y haz clic en “Añadir”.

3.Selecciona “Una orientación”

4. Elige la exportación de InDesign que has realizado en el paso anterior.

5.Selecciona el icono de la aplicación desde el menú de “Configuración de la App”. Lo encontrarás en la carpeta de descarga de la plantilla.

El siguiente paso será añadir las imágenes animadas como “Elementos extra” a la App.

Paso 7: Exporta y previsualiza la App

1.En 480interactive, pulsa sobre “Exportar App” en la parte izquierda de la barra de menú superior y después abre la App 480i Viewer en tu dispositivo.

2.Cuando finalice la exportación se abrirá una ventana con los dispositivos que tienes añadidos para poder enviar la App a cualquiera de ellos.

3.Selecciona el dispositivo al que vas a enviar la App y pulsa el botón “Enviar” o escanea el código QR desde la aplicación 480i Viewer en tu dispositivo. (Si tienes dudas sobre este paso puedes consultar cómo hacerlo en éste tutorial: Cómo enviar mi App a mi móvil o tablet )

4.La App se añade automáticamente a 480i Viewer para que puedas probarla.

5.En 480i Viewer, pulsa el botón “Descargar” de la publicación. Al hacerlo, se convertirá en un botón “Ver/Abrir”.

6.Pulsa en “Ver/Abrir” para abrir tu aplicación y acceder a sus contenidos.

¡Enhorabuena! Ya tienes la aplicación en tu dispositivo, ahora ya puedes ver como queda realmente en tu smartphone o tablet.

Continúa con tu aprendizaje

Ahora ya sabes cómo crear una aplicación móvil de forma sencilla a partir de un documento de Adobe Indesign. Sin embargo, esto es solo el principio.

Accede a nuestra sección de plantillas o visita nuestro centro de soporte para aprender más sobre como crear tu App sin programar.

El reto de diseñar para las nuevas publicaciones MCX, más accesible que nunca

“En papel piensas en dos dimensiones; en el formato app pasas a pensar en audio, vídeo, interactividades, efectos… es mucho más versátil, tienes muchísimo más con lo que jugar; en realidad es más difícil para el diseñador, pero es un reto mucho más bonito, porque el resultado es claramente superior. Los diseñadores debemos de atrevernos a salir del QuarkXPress…”. Con esa claridad de ideas resume Luismi Abad, uno de los diseñadores de la agencia de creatividad Complot de Madrid, uno de los cambios más importantes que se están produciendo en el sector de la edición en los últimos tiempos: el que están viviendo en primera persona los profesionales del diseño gráfico y la maquetación. De hecho, la nueva generación de publicaciones MCX (Mobile Content Experience), tienen como una de sus principales características el cambio de paradigma en el diseño.

Conforme explicábamos recientemente, las nuevas publicaciones digitales en formato app están protagonizando una revolución en lo que se refiere tanto al continente como al contenido. Y precisamente la nueva experiencia que suponen para el usuario tiene su primera razón de ser en el diseño funcional, que se diferencia de la web por la cercanía, por los movimientos que realiza de forma táctil: pulsar, deslizar, pellizcar, palpar, agitar… Al mismo tiempo que el lector de estas nuevas publicaciones se siente más cómplice con esa interactividad real que le ofrece la tablet, siguiendo un itinerario más personalizado por los contenidos, el diseñador también tiene mayor control porque puede ofrecer una experiencia mucho más completa que en una publicación impresa.

Y el cambio de paradigma se hace más accesible, prácticamente transparente, con una herramienta como 480interactive, que permite hacer el tránsito de Adobe InDesign a publicación digital en formato app con un software y un sencillo sistema de etiquetas muy fáciles de dominar. La distancia entre el diseño tradicional en papel a la creación de nuevos contenidos en app interactiva es ahora más fácil de recorrer que nunca y los resultados tan sorprendentes como la imagen animada, el rasca o los efectos de sonido.

Sobre todo, porque el reto de diseñar con este cambio de chip es, en realidad, una adaptación necesaria al uso espontáneo y natural que de manera creciente hacen cada vez más lectores de tablets. Algo que es especialmente llamativo en los niños, que utilizan los gestos de navegación en las apps de una forma absolutamente intuitiva, dejando atrás a ratones y punteros.

Quizá te interese:
cursos_footer
partner_footer