Plantilla InDesign App programa de fiestas

Descarga la plantilla InDesign con todos los links. Esta plantilla ya tiene creados todos los botones y efectos interactivos para que veas cómo está hecho.

  • Tamaño de documento InDesign:
    640px x 1.136px (Iphone 5)
  • Orientación:
    Vertical
  • Compatibilidad:
    iPhone, smartphones Android, iPad y tablets Android

Prueba esta plantilla en tu propio tablet o smartphone ahora mismo:

Abre la App 480i Viewer, pulsa el botón “+” y selecciona “Añadir aplicación con QR”:

qr_alcoy

Esta demo tiene el Look&Feel de una aplicación y solo se puede cambiar de página navegando con botones, hemos des-habilitado el paso de página deslizando con el dedo.

La aplicación se divide en 6 secciones:

  • Programa de fiestas
  • Galería de fotos
  • Teléfonos de interés
  • Historia
  • Hoteles en la zona
  • Vídeos

Portada: 

  • Hemos diseñado una portada que hace de índice con los botones para ir a cada sección. Verás que hay una imagen de fondo y encima de cada flecha el nombre de la sección en una caja de texto y encima el botón interactivo para ir a la página que corresponde.
    portada_alcoy

Página Maestra: Menú de navegación

  • Hemos creado una página maestra con un menú de navegación que aplicaremos al resto de páginas del documento. Así el usuario podrá acceder rápidamente al menú principal, al programa de fiestas y a los teléfonos de interés.
    maestra1_alcoy

 

 

Página 2: Sección de vídeos

  • Son tres marcos de InDesign con la etiqueta “Embedded Browser”, donde hemos puesto la Url de tres vídeos de Youtube. Para que se vean los vídeos es necesario que el usuario tenga internet, por eso, debajo de los marcos con Url  hay una imagen que pone “No hay conexión a internet”. De esta forma los usuarios tienen un aviso.
  • En la parte de abajo de la página verás el menú que hemos creado en la página maestra.

Página 3: Sección Galeria de fotos

  • Una galería de fotos que hemos hecho con un marco rectangular en InDesign y añadiendo el Elemento Extra “galería de imágenes” desde 480i Manager.
  • En la parte de abajo de la página verás el menú que hemos creado en la página maestra.

Páginas 4-5: Sección de Historia

  • El texto central es una imagen con la etiqueta Scroll. Si seleccionas el marco de la imagen y la haces grande, verás que es más larga de lo que se ve.
  • En el lateral de la página hemos puesto un botón para “Ir a página siguiente” y que el usuario pueda ver más contenido de la sección “historia”
  • En la parte de abajo de la página verás el menú que hemos creado en la página maestra.

historia_alcoy

Página 6:

  • Menú con los días de las fiestas. Desde aquí el usuario puede elegir el día que le interesa consultar y será dirigido a la página correspondiente. Encima de cada día hay un marco rectangular convertido a botón con la funcionalidad “ir a página”.

dias_alcoy

Páginas 7 a 12: Detalle de la programación de cada día de las fiestas.

  • A la izquierda de cada evento hay un símbolo de ubicación. Encima hemos puesto un marco rectangular con la acción “Ir a URL” y hemos la dirección de Google Maps. Cuando el usuario pulse, se abrirá su App de Google Maps y le ofrecerá la ruta más corta a la ubicación del evento. Consulta el documento InDesign para ver la URL.
    maps

 

  • A la derecha de la página hay otro menú para navegar entre los diferentes días. También lo hemos creado en otra página maestra y se la hemos aplicado solo a las páginas que contienen programación de eventos.
    maestra2_alcoy

Páginas 13: Teléfonos de interés

  • Sección con teléfonos de interés. Encima de cada imagen hay un marco rectangular con la interacción “Ir a Url”, en la dirección hemos puesto “tel:964090645” sustituye los números por el número de teléfono que quieras y cuando el usuario pulse desde un smartphone llamará directamente.
    telefonos_alcoy

Página de Hoteles:

El marco rectangular que hay sobre la sección “hoteles” en la pantalla principal tiene la interactividad “Ir a URL”, donde hemos puesto el enlace a Tripadvisor con una selección de hoteles de la ciudad.

Quizá te interese:

cursos_footer
partner_footer

2 thoughts on “Plantilla InDesign App programa de fiestas

  1. Javier Velasco dice:

    Estoy interesado es hacer proyectos de este tipo, pero quiero saber cual es el costo que el servicio
    Gracias

  2. Hola Javier,

    El software 480interactive es gratuito, puedes registrarte en http://www.480interactive.com y descargarlo. Con este software puedes crear tus Apps y probarlas en tu dispositivo móvil (tablet o Android). Solo tiene coste si quieres publicar tu proyecto en App Store y Google Play para compartirlo en todo el mundo. En ese caso necesitas contratar una licencia 480interactive para que activemos tu aplicación. Puedes ver los precios aquí: http://www.480interactive.com/planes-de-precios-2015/

Leave a Comment

Your email address will not be published. Required fields are marked *