Consideracions de DPS y el Nuevo iPad

Nuevo iPad… ¿nuevos flujos de trabajo? traducción del documento original de Colin Fleming por Ignacio Lirio info@publicarendigital.com

El nuevo iPad (Marzo 2012) tiene el doble de resolución en el mismo tamaño de pantalla (física). La pregunta obvia es “¿Cómo debería diseñar mis publicaciones DPS para este dispositivo?”. Por ahora, solamente puedo compartir las reflexiones y especulaciones del equipo de ingeniería sobre cómo afrontar el problema.

Utilizando el simulador de iOS ellos puedes probar algunos aspectos, pero la prueba de verdad vendrá cuando tengamos en nuestras manos un iPad real y veamos nuestro trabajo en la nueva pantalla.

Algunas cosas a considerar en lo que esperamos la llegada del nuevo iPad incluyen cómo la app Adobe Viewer tratará los archivos y cómo DPS tratará los vínculos (imágenes, etc.) en el flujo de trabajo. Vamos a echar la vista atrás un momento y empezar en cómo el Visor trata los .folio ahora y cómo puedes usar un número de folios que se llamen igual para afrontar diferentes dispositivos. (nota: durante este artículo, voy a llamar al nuevo iPad “iPad 3” y voy a referirme a las nuevas dimensiones de los .folio y los documentos como “1024” o “2048” en lugar de 1024x768 y 2048x1536 respectivamente. Estáis avisados...

Versión resumida

- Crear en versión PDF. Comparado con los formatos rasterizados como el PNG,

el PDF crea .folio más pequeños y sólo están soportados en visores de iOS (aprovéchate de eso) [Nota del traductor: los .folio en PDF no se pueden simular en el Content Viewer de ordenador]

- Utiliza dos conjuntos de archivos InDesign con sus respectivos gráficos a la resolución adecuada.

- Contruye folios con el mismo nombre a ambas resoluciones (1024 y 2048), que vendrán a ser representaciones distintas del mismo contenido.

- Utiliza estas representaciones para apps multi-folio. El folio correcto se descargará solamente en el dispositivo que pertoque.

- Reconstruye tu Visor Personalizado [Nota del traductor: para los que ya tengan Viewer Builder, es decir, que ya hayan pagado a Adobe por construir su App personalizada] para incluir los contenidos de interfaz en alta resolución.

- Publica ambas representaciones antes de enviar las notificaciones push.

La potencia de las representaciones Las aplicaciones visoras de DPS tienen la inteligencia que les hace saber el dispositivo para el cuál han sido compiladas y pueden filtrar los tamaños inapropiados de los folios disponibles para descargar. La técnica de construir folios de diferentes tamaños pero que pertenecen en el fondo a un mismo folio crea una “representación” –ésta es la clave para bajarse un folio específico que se ajuste a un dispositivo o plataforma específica.

Una app Visora descargará el folio que mejor se ajuste a tu dispositivo. Una app de DPS que esté funcionando en un dispositivo Android de pantalla grande descargará un folio a 1280x800 (si está disponible). Una app que esté funcionando en un Kindle Fire irá a por folios de 1024x600 (si está disponible). Si un folio específico no está disponible para estas apps (Nota del traductor: apps que sean quioscos multifolio), se descargará el folio del tamaño más parecido y se escalará y adaptará la representación del folio a ese dispositivo.

En el pasado, la app visor a de DPS para iPad era un poco distinta: estaba hecha para descargar solamente el folio a 1024x768 y nunca descargaría otros folios de igual nombre pero diferente tamaño. Esto va a cambiar obviamente. En la próxima actualización del Adobe Viewer Builder se va a poder compilar nuevas apps que tomarán en cuenta si están en un iPad de 1024 o de 2048. Ahora la potencia de las representaciones se aplicará a todos los iPads.

Visores, Representaciones y el iPad Las nuevas apps visoras para el iPad van a usar una lógica específica a la hora de trabajar con representaciones, a saber:

- Si hay folios con representaciones tanto en 1024 como en 2048, el Visor mostrará el folio de 1024 en el iPad 1 y 2, y el de 2048 en el iPad 3.

- Si solo existe el folio de 1024: el Visor mostrará este folio a 1024 para todos los iPads [Nota del traductor: ¿cómo se verá este folio de 1024 en el nuevo iPad? no se sabe…]

- Si sólo encuentra un folio a 2048: ese folio SOLO se verá en el iPad 3. Entender las representaciones y cómo sacarles partido será muy importante a medida que vayamos trabajando para el nuevo dispositivo. Vamos a afrontar elecciones sobre cuántos archivos crear, la resolución de las imágenes… y cómo crear los folios. Y si vas a estar presente en ambos tipos de iPad tienes que considerar estas elecciones…

Es más probable que quieras experimentar con ambos flujos de trabajo y ver el resultado para que te ayuden a decidir la manera de diseñar tus publicaciones.

Overlays (contenidos interactivos de Overlay Creator) Tu contenido interactivo es la parte que más peso específico tendrá en el tamaño de tu archivo y has de juzgar si el contenido tendrá la calidad suficiente. Es importante entender que algunos tipos de contenidos interactivos se re-escalarán cuando el folio o el artículo se creen mientras que otros no –los gráficos de esos contenidos se pasan por alto y el artículo no se re-escala.

Si un contenido interactivo se re-escala, puedes utilizar gráficos de resolución superior en tus documentos y ese mismo contenido interactivo será tratado correctamente cuando crees nuevamente el artículo.

Contenido interactivo (overlays) que serán remuestreados · Botones · Pases de diapositivas · Marcos Desplazables · Apariencias de Audios Contenido interactivo (overlays) preservados · Videos · Secuencia de Imágenes · Panoramas · Recorrido y Zoom

Tres Flujos de trabajo potenciales Cuando hacemos documentos para DPS tenemos opciones sobre las dimensiones del documento y aspectos específicos del diseño como el tamaño del texto o la resolución de las imágenes que se emplean en la parte estática (el fondo) de la página.

Desde que salió DPS Adobe ha aconsejado crear documentos para adaptarse a las dimensiones de tu dispositivo, y hemos aprendido que el cuerpo del texto tiende a ser legible a partir de un tamaño de 16-18px, y que podemos permitir que InDesign tenga en cuenta el remuestreo de los gráficos estáticos cuando se construye el folio. Ahora vamos a explicar qué tamaños son más apropiados para tus documentos de InDesign y cómo hacer los folios a partir de ahora.

Pares paralelos: Crear dos publicaciones y dos folios Este flujo de trabajo es con el que se tiene mayor control, y consiste en crear archivos de InDesign por separado (o pares de archivos tanto para horizontal como para vertical), tanto para 1024 como para 2048. Esto permite el mayor control sobre los gráficos que se emplean en los contenidos interactivos. Esta opción creará dos folios y podrás beneficiarte de ambas representaciones –pero tendrás que manejar el doble de archivos así como sus respectivos gráficos extra.

Agrúpalo: Construye una Publicación y Dos folios Podrías diseñar solamente un documento InDesign (o un par de documentos) pero mejor usa esto para crear artículos para folios para tamaños diferentes. Empleando esta técnica de único archivo fuente / folio dual ayudará a minimizar el número de archivos de InDesign distintos, pero requerirá volver a vincular a archivos distintos para contenidos interactivos que no se remuestreen para poder controlar la claridad y la interactividad.

Mantén el ritmo: Contruye una publicación y un Folio Seguir haciendo foios a 1024 y que el iPad 3 se encargue de escalarlos. Tendrás que pensar si tanto tu la calidad de tu diseño como la interactividad se van a resentir.

Retos: Diseñar a lo grande y recalibrar tu cerebro Es tentador el considerar un diseño de un documento grande y usarlo para luego escalar a más pequeño a la hora de hacer dos representaciones de los folio. Parece lógico empezar con archivos y gráficos grandes y luego re-escalarlos para tener páginas con

buenas resoluciones. Pero existe un reto humano, todo necesita ser el doble de grande.

Los márgenes y los espacios entre columnas necesitan ser el doble de grandes con respecto al diseño que habíamos pensado para 1024, pero el rollo es que el texto tendrá que estar al doble de tamaño que en tus diseños actuales. La réplica en alta resolución del cuerpo de tus textos tendrá que ser 32-40 px para que sea legible y eso la verdad, parece muuy grande. Esto es un simple reto mental que nos surgirá a la hora de trabajar con archivos a 2048 [Nota del traductor: habitualmente, un texto de cuerpo de párrafo a 40 px nos parece una barbaridad, pero habrá que acostumbrarse]

Volver a vincular con los gráficos alternativos Independientemente de que tu diseño estuviera pensado para 2048 o para 1024, necesitarás considerar crear gráficos por duplicado para los elementos interactivos que no serán remuestreados automáticamente. Tendrás que seguir estrictamente uno de los flujos de trabajo para generar tantos gráficos adicionales como sean necesarios y asegurarte que están re-vinculados. Los gráficos que empleen los elementos interactivos no se re-vinculan desde el panel de Vínculos, tienes que revincularlos uno por uno manualmente en cada artículo (es decir, volverlos a colocar).

Solución recomendada-Pares Paralelos, con todas sus representaciones La clave está en las representaciones para poder desarrollar contenido de alta calidad para todos los iPads y a la par, tener mayor control del diseño usando dos documentos para las dos resoluciones (o pares en el caso de folios con dos orientaciones posibles).

Diseñar a 1024 con gráficos a 144 ppi para el contenido estático y el contenido interactivo remuestreado. Para el contenido interactivo que no será remuestreado, usar gráficos a 72 ppi.

· Documento: 1024x768

· Imágenes estáticas y contenido interactivo remuestreado: 144 ppi

· Contenido interactivo intacto: 72 ppi Cuando los cambios en el diseño estén acabados, generar un folio a 1024 y guardar el archivo del diseño original. La página estática y los elementos interactivos remuestreados estarán a la resolución adecuada en el iPad 1 y 2. Los elementos interactivos intactos estarán también a la resolución adecuada.

Duplicar el archivo para generar el folio a 2048 (todavía es un documento a 1024). Revincular los gráficos para los elementos interactivos intactos a gráficos a 144 ppi.

Luego, crear un folio a 2048.

Ahora tienes dos representaciones del folio para el iPad 1, 2 y 3.

Los visores y el Viewer Builder

Una nueva app visora va a ayudar a dar la mejor experiencia de usuario. El Viewer Builder que salió a la luz a mediados de Marzo te permitirá cargar gráficos más grandes para tus apps. Los gráficos de alta resolución se usarán cuando tu app se abra en un iPad 3.

Los nuevos visores llevarán tanto los gráficos de baja como de alta resolución. El Visor resultante funcionará tanto en los iPads antiguos como en el nuevo. Algunos clientes de DPS solo necesitarán crear gráficos e iconos más grandes mientras que los usuarios de DPS Enterprise cuyas apps incluyan suscripciones, Quiosco, u otras características de personalización tendrán que crear nuevos gráficos para banners, iconos de navegación, etc. y considerar cómo el contenido HTML incrustado o importado podrá detectar la resolución del dispositivo y mostrar los gráficos adecuados para el contenido online.

Los gráficos adicionales en este caso incluirían: · Iconos de aplicación · Pantalla de bienvenida · Banners para las suscripciones, el Quiosco (de iPad)… · El folio de ejemplo gratuito –¿tendrás que hacer una versión en alta?

Guía para producción de DPS para el iPad: I. Artículos y Archivos originales

A. Crear artículos que usen el formato PDF.

B. Mejor praxis: trabajar con dos conjuntos de archivos originales con sus correspondientes folios para mostrar en cada caso el folio apropiado, vía representaciones.

II. Gráficos

A. Usar gráficos de alta resolución para contenidos interactivos que se remuestrearán y para el contenido estático

B. Usar gráficos de baja resolución para contenidos interactivos que se dejarán intactos cuando se crean los folios a 1024.

C. Crear y volver a vincular los gráficos a su versión en alta resolución para los contenidos intactos cuando se cree el folio a 2047.

III. Viewer Builder

A. Crear un nuevo Visor con los gráficos en alta y los nuevos elementos de interfaz.

Consideraciones Adicionales Publicaciones y notificaciones Push Si vas a crear dos representaciones es realmente muy importante que coordines tus esfuerzos de publicación en el caso de que tu publicación envía notificaciones Push.

Vas a tener que crear dos representaciones, publicar la representación en 2048 ANTES que la de 1024, y entonces enviar tus notificaciones push para el nuevo folio publicado.

De esta manera, tu App en todos los iPads tiene en cuenta ambas representaciones y descargará la correcta según sea el iPad. Si publicas una representación en 1024 primero y envías notificaciones push por separado, es posible que un iPad 3 acabe descargando una representación en 1024 del folio. Si una representación en 2048 se publica posteriormente, el iPad 3 ignorará dicha representación –y el lector se quedará solamente con la versión en 1024 de ése folio.

Si publicas la representación en 2048 primero, cuando publiques la de 1024, y finalmente envíes la notificación push, entonces ambas representaciones están listas para notificar sobre la representación adecuada del folio y descargarán entonces la versión que toque.

Cubiertas Puedes subir imágenes de cubierta para cada folio tanto como Propiedades del folio (dentro de Folio Builder) como en el website de Folio Producer. Normalmente se emplean imágenes de unos 1000 pixels en la dimensión más grande para lograr buenos resultados. Si cargas imágenes más grandes, el website las remuestrea por ti. Así que ahora vamos a probar imágenes de cubierta más grandes par a folios a 2048.

Color en el iPad3 Apple vacila de su “44% mayor saturación de color” y voy a mirar [Nota: el autor del documento] como manejar lo mejor posible las imágenes, espacios de color y perfiles.

Voy a comparar las imágenes sRGB con otros perfiles y comparar dichas imágenes en un par de iPads.

Recursos adiciones Bob Bringhurst’s blog on this topic: http://blogs.adobe.com/indesigndocs/2012/03/ guidelines-for-creating-folios-for-ipad3.html DPS Help: Best practices for creating overlays: http://help.adobe.com/en_US/digitalpubsuite/using/WS67cb9e293e2f1f60132bfd3e12c752bdf7e-8000.html DPS Help: Create folio renditions: http://help.adobe. com/en_US/digitalpubsuite/using/WS9293e1fb3b977c5c2337961812e35738f56-8000.html DPS Help: Creating documents for multiple devices: http://help.adobe.com/en_US/digitalpubsuite/using/WS9293e1fb3b977c5c6e66370112f982025bb-7fff.html#WS67cb9e293e2f1f60f5f54012e30daf910-8000