app InDesign

La agencia de marketing Editin Exclusivas crea su app corporativa con 480interactive

Fundada en el año 2000 y con más de 15 años de experiencia a sus espaldas, la agencia de Impresión y Marketing Editin Exclusivas acaba de lanzar su aplicación corporativa creada con la tecnología de 480interactive. Una app en la que muestran al público sus servicios de una forma diferente, al mismo tiempo que aumentan su visibilidad y mejoran el acceso a la información por parte de sus clientes. 

Nacida  como empresa especializada en Artes Gráficas, Editin Exclusivas ha sabido adaptarse a los nuevos tiempo, sin olvidar nunca su objetivo: proporcionar siempre el mejor resultado a sus clientes, tanto en la calidad de sus trabajos como en la consecución de resultados por su inmejorable servicio.

Desde los servicios de impresión, esta agencia madrileña ha ido evolucionando y aumentando su portfolio para ofrecer a sus clientes servicios digitales como el diseño web, el posicionamiento SEO, comercio electrónico y, como no, servicio de creación de apps móviles para iOS y Android, puesto que son Partners oficiales de 480interactive.

Descarga_app_480interactive

Apuesta de diseño creativo y funcional

app_editing_480interactiveLa aplicación, disponible en App Store y Google Play, representa un perfecto equilibrio entre la sencillez y la creatividad.

Una maquetación funcional creada con InDesign pero que incluye elementos interactivos como el efecto pizarra, el cual deja al descubierto nueva información si deslizamos el dedo sobre la pantalla, imágenes panorámicas o vídeos a través de los cuales se nos permite conocer más a fondo a la empresa. 

La aplicación se encuentra dividida en varias secciones a través de las cuales se navega de forma intuitiva: La Agencia, Imprenta, Diseño y Maguetación, Marketing Digital, Portfolio web y Contacto. De esta forma, encontramos toda la información necesaria para saber si esta es la agencia que necesitamos en solo un par de clics.

Una agencia  que crea apps tiene su mejor arma de comunicación en su propia app corporativa. ¿Qué mejor forma de demostrar la calidad de nuestro producto que usándolo nosotros mismos?  

Si eres una agencia y quieres ofrecer apps a tus clientes, tan solo tienes que ponerte en contacto con nosotros. Te daremos asesoramiento y ayudaremos para que puedas crear y vender apps a tus clientes sin programar. 

Contacto_480interactive

Quizá te interese:

Descarga gratis 480interactive y empieza a crear tus propias apps sin programar

partner_footer

 

El diario Sport presenta su nueva revista interactiva desarrollada con 480interactive en la fiesta de su 35º aniversario

primer-numero-sport-magazine-luz-este-mes-noviembre-1415288908666

 El diario deportivo Sport, una de las cabeceras con más solera y difusión del país (por encima de los 700.000 lectores), ha aprovechado su fiesta de 35º aniversario para presentar su nueva revista interactiva para tablets, Sport Magazine, desarrollada con 480interactive. La publicación mensual, que ya está disponible gratis en App Store y Google Play, permitirá a los seguidores del Barça una “nueva manera de seguir la actualidad deportiva, más interactiva y participativa”, según destacó el periódico del Grupo Zeta en su presentación.

Conforme explica en su propia web el diario deportivo, Sport Magazine nace para “ofrecer a los lectores un contenido más visual, interactivo y multimedia, muy fácil de consumir”, a través de vídeos, scrolls en distintas direcciones y efectos dinámicos que le dan una nueva dimensión a la información deportiva, tanto respecto al papel como la web. Además, la mayoría de los contenidos de la revista estarán disponibles sin conexión a internet, para poderla disfrutar en cualquier lugar y en cualquier momento.

En el primer número de Sport Magazine destaca el 115º aniversario del Barça, con fichas de algunos jugadores históricos como Maradona, junto a las nominaciones al Balón de Oro, el reciente mundial conseguido por Marc Márquez y una entrevista repleta de interactividad a Jennifer Pareja, campeona del mundo de waterpolo. Al evento del 35º aniversario, celebrado en la Antigua Fábrica Estrella Damm, acudieron grandes deportistas de distintas épocas como Puyol o Zubizarreta.

IMG_0367

 

 

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 al software 480interactive.

Realizaremos una app tipo Single o de una única publicación la cual podremos descargar y probar en nuestro dispositivo móvil al finalizar, utilizando la app 480iViewer.

Este será el resultado:

mockup

Paso 1: Descarga gratis el software 480interactive

Paso 2: Instala 480interactive en tu ordenador con este video-tutorial

Paso 3. Descarga gratis el contenido para hacer este caso práctico.

Descarga gratis el contenido para hacer este caso práctico

  • Descomprime el archivo .zip que has descargado
  • Verás dos carpetas: “InDesign” e “Icono.
  • Guarda las carpetas para más adelante.

Paso 4: Crea el proyecto App

    • Abre el programa y aparecerá la pantalla de bienvenida. Pulsa el botón “Crear Nueva App”.
bienvenida1
 
    • Completa los datos del asistente de creación de Apps:
nueva app
 
    • Nombre de la App: App Publicación InDesign
    • Ubicación del proyecto: En este caso vamos a guardar el proyecto en la ubicación por defecto así que lo dejamos como está.
    • Tipo de App: Selecciona “App Single”.
    • Finalmente pulsa el botón “Crear”.

Paso 5: Prepara el contenido necesario para la app

Ahora vamos a guardar dentro del proyecto app los contenidos de ejemplo que hemos descargado antes:

  • Haz clic en “Herramientas” en la parte superior de 480i Manager y elige “Abrir carpeta del proyecto”.
abrir-carpeta-proyecto
  • Se abrirán las carpetas del proyecto, copia las dos carpetas que has descargado antes y pégalas dentro de la carpeta “Libraries”.
Captura

Una vez pegadas las carpetas descargadas, podemos pasar al siguiente paso.

Paso 6: Convierte el InDesign en Issue

Para añadir un documento InDesign a tu App primero necesitarás convertir el documento InDesign en Issue (formato compatible con Tablets y Smartphones).

Instalación de 480i Script

Lo primero que debes hacer es descargar el plugin desde el siguiente enlace:

      • Al descomprimir el archivo comprimido que has descargado, encontrarás una carpeta llamada «480i Script».
      • Esta carpeta contiene el fichero «480i Script.jsx». Secciona ese fichero, haz clic con el botón derecho y elige «copiar».
      • Ahora abre Adobe InDesign.
      • Selecciona el panel Script de InDesign. Si lo tienes oculto, puedes verlo en: Ventana ⇒ Utilidades ⇒ Script
      • Haz clic con el botón derecho sobre la carpeta «Aplicación» y elige «Mostrar en finder» en Mac o «Mostrar en Explorador» en Windows.
Panel Script

 

  • Se abrirá automáticamente la carpeta «Scripts Panel» de InDesign, pega dentro el fichero «480i Script.jsx» que has copiado en el paso anterior.
  • Ya tienes instalado «480i Script» en InDesign.

 

Panel Script
Convierte el InDesign en Issue

Ahora puedes abrir el documento de InDesign que previamente has guardado en la carpeta Libraries del proyecto, para convertirlo en Issue.

id

Al abrirlo encontrarás una publicación de seis páginas, con un formato de pantalla de vertical 1000x1334px, donde las diferentes páginas quedan delimitadas por una serie de guías.

Este tamaño de página nos va a permitir realizar un único diseño, compatible con cualquier resolución de pantalla (iPhone, iPad, Smartphone Android y Tablet Android). En este caso las guías centrales delimitarán la zona más restrictiva (resolución 19:9).

multid

Posteriormente, desde 480iManager, habilitaremos una propiedad (autoadaptado) para que el documento se ajuste a cada pantalla. Lo veremos en el séptimo paso.

A continuación vamos a convertir el InDesign en Issue:

        • Accede al panel Scripts de Indesign. Este panel está en «Ventana» ⇒ «Utilidades» ⇒ «Scripts»
        • El script se llama «480i Script.jsx», haz doble clic sobre él.
        • Se abrirá un cuadro como este:
issue
        • Haz clic en ‘Convertir en Issue’ y una vez finalice el proceso, pulsa aceptar.

El contenido de tu publicación en formato Issue deberá quedar guardado siempre dentro de la carpeta Issue, en la carpeta principal del proyecto. Encontrarás esta carpeta de destino configurada por defecto, por lo que no es necesario que cambies la ruta.

Paso 7: Añade el Issue a la aplicación

        • Abre 480i Manager y dirígete a la pantalla de añadir contenido pulsando en el árbol de la izquierda.
arbol
        • Selecciona “InDesign ISSUE” y pulsa “Añadir”.
AÑADIR
        • Elige la opción “Una orientación”.
orienta
        • Aparecerá una pantalla con el Issue que hemos creado antes desde InDesign. Pulsa simplemente en “Seleccionar”.
iss
        • Una vez añadido, aparecerá la pantalla de configuración de la publicación.
Habilita la opción autoadaptado
        • Tal y como hemos comentado en el cuarto paso, en este caso hemos utilizado un formado de documento que permite ser visualizado tanto en dispositivos con resolución 4:3 como 16:9.
        • Si quieres que la aplicación se ajuste totalmente a cada formato de pantalla, selecciona ‘habilitar autoadaptado’, desde la pestaña configuración de la publicación.
autoadaptado

Si no marcas esta casilla, tu publicación se ajustará al lado más restrictivo de la pantalla (alto o ancho) dependiendo de cada dispositivo, dejando unos márgenes en los laterales. Haz la prueba para ver la diferencia.

config

Paso 8: Personaliza la app

Cambia el icono
        • Para cambiar el icono de la app, haz clic en “Configuración de la App” en el árbol de la izquierda y pulsar en “Información General”.
        • Una vez ahí, pulsa sobre el icono por defecto. Selecciona el icono que previamente hemos guardado en la carpeta Libraries.

Paso 9: Exporta y pre-visualiza tu app

Una vez hemos acabado de configurar y personalizar nuestra app, para poder pre-visualizarla en tu dispositivo móvil, tienes que instalar la app “480i Viewer” en tu smartphone o tablet.

Puedes descargar la app escaneando este QR o busca “480i viewer” en App Store o Google Play:

qrr

Una vez instalada la app, volvemos a 480i Manager y pulsamos en “Exportar App” en la parte superior izquierda.

Al finalizar la exportación se abrirá un asistente para enlazar el smartphone o tablet con tu ordenador. Abre la App “480i Viewer” y sigue los pasos del asistente.

Una vez ha acabado de enviarse la app, ya puedes abrir el proyecto desde 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. A partir de ahora, puedes aprender cómo añadir diferentes efectos interactivos y funcionalidades interesantes a tu app. Para ello solo tienes que visitar nuestro centro de soporte, donde encontrarás plantillas, tutoriales y casos prácticos.