¡Tu publicación digital interactiva en 6 pasos!

Tiempo de lectura: 5 minutos
Con esta guía rápida aprenderás a crear fácilmente y en 6 pasos una publicación digital potente: revista, catálogo, dossier, reporte o informe anual, una presentación corporativa o comercial, entre otras.

Antes de comenzar a diseñar tu publicación digital

Instala (o actualiza a la última versión), el Plugin Webpublication para InDesign:

Antes de comenzar a diseñar tu publicación digital

Instala (o actualiza a la última versión), el Plugin Webpublication para InDesign:

#creativecloud

Para comenzar a trabajar primero debes instalar el plugin en tu ordenador (Mantener InDesign cerrado durante el proceso):

  1. Desde la app de Creative Cloud > Stock y Mercado > Complementos busca la palabra clave «Webpublication».
  2. Haz clic en «Instalar».
  3. Abre InDesign. Encontrarás el plugin en el menú Ventana > Extensiones > Webpublication.
  4. Inicia sesión en el plugin y comienza a crear.

#creativecloud

Para actualizar el plugin a su última versión debes mantener InDesign cerrado durante el proceso:

  1. Desde la app de Creative Cloud, dirigete a Stock y Mercado > Complementos > Administrar complementos. Verás el plugin de Webpublication con el nombre «Create engaging publications».
  2. Haz clic en Actualizar.
  3. Abre InDesign. Encontrarás el plugin en el menú Ventana > Extensiones > Webpublication.
  4. Inicia sesión en el plugin y comienza a crear.

Paso 1: crea tus archivos InDesign

#paso1

Necesitas dos archivos InDesign:

  • Uno para tu publicación digital.
  • Otro donde agrupar todos tus pop-ups.

AQUÍ te explicamos cómo crear cada uno correctamente en InDesign.

Paso 2: establece de qué modo se visualizarán las páginas en tu publicación digital

#paso2

Desde el plugin, en Configuración del proyecto > PROYECTO, elige el modo de visualización más adecuado según la publicación digital que vas a realizar. Elige entre:

  • Una página con navegación horizontal, vertical o cruzada.
  • Dos páginas con navegación horizontal o vertical.

Al crear tu archivo InDesign recomendamos que las páginas tengan mínimo de 2048 px x 1460 px en  “Apaisado”. En un ordenador, tableta o móvil, las páginas se visualizarán una por una ocupando toda la pantalla.

La experiencia en dispositivos móviles será mejor cuando el usuario gira la pantalla 90º (landscape).

Paso 3: optimiza la legibilidad de tu publicación digital

#paso3

Tanto si comienzas a trabajar con una publicación existente o si decides crear una publicación “desde cero”, evita colocar mucho contenido en el primer nivel de lectura.

Cuando tengas mucha información en una página, considera mover algo de su contenido dentro de un pop-up, un scroll o un estado para optimizar la experiencia de lectura.

En las siguientes imágenes puedes ver dos ejemplos que muestran cómo se ha simplificado el primer nivel de lectura de lo que sería el pliego de una revista impresa.

Ejemplo de páginas print

Ejemplo documento impreso
Alta densidad de texto

Ejemplo 1
Hemos agregado páginas: menos texto, imágenes más grandes.
A doble página para una mejor lectura en móviles.

Ejemplo 1 de publicación digital optimizada

Ejemplo 2 (recomendado)
Hemos enviado parte del texto a un pop-up. Menos texto, imágenes más grandes en el primer nivel de lectura. Un pop-up que contiene el texto restante. Un carrusel de fotos en página. Modo doble página para una mejor adecuación en móviles.

Ejemplo 2 de publicación digital optimizada
Mejores prácticas

Consulta nuestro artículo de mejores prácticas para ampliar la información.

Paso 4: enriquece tu publicación digital

#paso4

¡Ahora puedes comenzar a enriquecer y hacer más interactiva tu publicación digital!

Primero selecciona un botón en tu diseño (creado con el panel Botones y formularios de InDesign) o una caja creada con la herramienta Marco rectangular. Luego en el plugin dirígete a la ventana enriquecimientos.

Enriquecimientos con el plugin

Dispones de una gran variedad. Para saber sobre cada enriquecimiento consulta la sección dedicada en la Academia. Donde aprenderás cómo:

Enriquecimiento de publicaciones digitales

Paso 5: agrega pop-ups a tu publicación digital

#paso5

¿Recuerdas el segundo archivo que mencionamos en el paso 1? Es hora de usarlo para crear todos los pop-ups de tu publicación.

Tu archivo InDesign

Tus pop-ups deben ser todos del mismo ancho (recomendamos que sean de 1.200 px de ancho si deseas hacerlos responsive, y de 600 px de ancho para que sea compatible con ordenadores, tablets y móviles cuando no activas la opción responsive). La altura puede ser diferente para cada uno.

Crea tu pop-up con el plugin

Para crear un pop-up, en nuestro plugin, ve a la pestaña Configuración del proyecto, y selecciona Pop-up. Más información sobre cómo configurarlos AQUÍ.

Una vez hayas diseñado tus pop-ups como te explicamos AQUÍ, publica cada uno:

  • En InDesign dirígete a la página que deseas publicar como pop-up.
  • En el Plugin > Finalización del proyecto, haz clic en Guardar en línea. Tu pop-up diseñado con InDesign se habrá creado. Repite el mismo procedimiento con cada página. Esta acción creará en nuestro Drive un pop-up por cada una.

Conectar los pop-ups con la publicación

Finalmente, solo queda conectar tus pop-ups con la publicación. Es muy sencillo, te explicamos cómo hacerlo AQUÍ.

Tus pop-ups pueden contener animaciones, vídeos, imágenes, enlaces a sitios externos, etc.

Abrir una pop-up

Paso 6: carga tu publicación y personaliza la interfaz

#paso6

¡Solo falta publicar!

En el plugin, haz clic en Finalización del proyecto. Escribe el nombre de la publicación y haz clic en Guardar en línea para crearla.

Es momento de Editar

Para establecer los detalles finales de tu publicación es necesario Editarla en nuestro Drive. Haz clic en Gestionar configuración y serás enviado a nuestra plataforma. Si aún no has iniciado sesión, ingresa las credenciales de tu cuenta (las mismas que usas en el plugin). Ahora completa tu publicación. Para ello será necesario: