Puede crear publicaciones y visores personalizados para diversas plataformas y distintos tamaños de dispositivo. Por ejemplo, la plataforma iOS (Apple) incluye modelos de 1024 × 768 y 2048 × 1536 para iPad y modelos de 480 × 320, 960 × 640 y 1136 × 640 para iPhone.

Los visores de Android e iOS tienen distintos requisitos para la visualización de publicaciones. Todos los tamaños de las publicaciones que cree podrán verse en un visor Android. Los artículos se redimensionan y se rodean con barras negras según sea necesario. Sin embargo, en el iPad, el visor solo muestra las publicaciones con una proporción de aspecto de 4:3. El visor del iPhone solo muestra las publicaciones con una proporción de aspecto de 3:2 o 16:9 (1136 x 640).

Enfoque de una sola publicación (recomendado)

Aunque las representaciones son una opción, es posible crear una sola publicación para cada plataforma y permitir que el contenido se ajuste.

iOS

Para iPad, puede crear una sola publicación de 1024 × 768 que funcione tanto en la versión SD como en la HD de iPad. De modo similar, puede crear una sola publicación de 480 × 320 que funcione tanto en la versión SD como en la HD de iPhone (consulte Creación de artículos con varias representaciones). Se recomienda crear una representación adicional de 1136 × 640 que funcione en dispositivos iPhone 5 y 6.

Android

Puede crear una sola aplicación para los visores Android, como la publicación con formato 1024 x 768 utilizada para iPads o una con formato 1280 x 800 que se ajuste mejor a las dimensiones de los dispositivos Android. La publicación puede ampliarse o reducirse en dispositivos Android. Para obtener los mejores resultados, pruebe la publicación en varios dispositivos Android. Otra opción para visores nativos de Android en el momento de crear la aplicación es realizar una publicación para teléfonos y otra para tablets y después, seleccionar la publicación más pequeña para que se muestre solamente en teléfonos y la más grande para que aparezca solo en tablets. Consulte Configuración de representaciones para visores nativos de Android.

Tienda Windows

En el caso de los visores de la Tienda Windows, se recomienda utilizar un solo tamaño de publicación, 1024 ×768, para evitar un esfuerzo adicional de diseño. El tamaño del contenido se ajusta y se encuadra en bandas negras según se requiera. Si quiere diseñar publicaciones específicas para dispositivos Windows, utilice el tamaño 1366 × 768.

Representaciones

A las distintas versiones de la misma publicación (diseñadas para distintos dispositivos) se las conoce como representaciones. Si crea varias representaciones de una publicación, el visor solo muestra la que se aproxima más a las dimensiones del dispositivo.

En dispositivos Android, si el visor muestra una representación que no coincide con la proporción de aspecto del dispositivo, se aplica una escala proporcional a la publicación. El visor puede añadir barras negras en la parte superior o inferior, o en los laterales, según sea necesario.

Las representaciones son útiles por varios motivos:

  • Para crear contenido de iPhone que no se ajusta al formato de pantalla ancha en el iPhone 5. Por ejemplo, puede crear una representación en 480 x 320 que funcione en iPhone 3 y 4 y una representación en 1136 x 640 que ocupe el área de visualización de iPhone 5 y dispositivos posteriores.
  • Para crear una publicación Solo para visor web. Consulte Personalización del visor web.
  • Para crear publicaciones independientes para los dispositivos Android destinados tanto al teléfono como a la tablet.
  • Para crear publicaciones SD y HD independientes (1024 x 768 y 2048 x1536) para iPad. Esta opción es especialmente útil si desea utilizar un artículo en formato PNG o JPG en lugar de en PDF.

Consulte Creación de representaciones de publicaciones.

Representaciones de publicaciones
Representaciones de publicaciones

A. Publicación de 1024 x 768 B. Publicación de 1024 x 600 C. Publicación de 1024 x 768 con bandas negras en los márgenes, en dispositivos de 1024 x 600 

Directrices de diseño para varias representaciones

Si desea reutilizar el mismo documento para distintos dispositivos, tenga en cuenta las siguientes directrices:

  • El visor del iPad solo muestra las publicaciones con una proporción de aspecto de 4:3, como, por ejemplo, 1024 x 768. El visor de iPhone solo muestra publicaciones con una proporción de aspecto de 3:2, como 480 × 320 y 960 × 640, así como publicaciones de 1136 × 640 (para iPhone 5). Para los modelos iPhone 6 y 6 Plus, utilice representaciones de 1136 × 640. Actualmente, no se admiten las representaciones de 1366 × 750 ni de 1920 × 1080.
  • En dispositivos Android, los visores reducen o amplían el tamaño del contenido hasta un 300 % para ajustarlo a las dimensiones del dispositivo. Es posible que se ajuste el tamaño al formato de pantalla ancha.
  • Al añadir artículos a una publicación, la proporción de aspecto del ajuste Tamaño de página del documento debe coincidir con el valor del ajuste Tamaño de la publicación (salvo que seleccione una opción de desplazamiento suave). Por ejemplo, puede añadir documentos de 1024 x 768 de InDesign a una publicación de 2048 x 1536 porque la proporción de aspecto en ambos casos es de 4:3. Sin embargo, no puede añadir documentos de 1024 x 768 a publicaciones de 1280 x 800.
  • Cuando realice maquetaciones para dispositivos Android, recuerde que la barra de navegación del sistema reduce el área de visualización. Por ejemplo, si un dispositivo en 1280 x 800 incluye una barra de navegación de 48 píxeles, el área de visualización será de 1280 x 752 en horizontal y de 800 x 1232 en vertical. Es aconsejable que deje algo de margen para el escalado y el ajuste al formato de pantalla ancha en lugar de intentar crear representaciones de la publicación para las distintas dimensiones.
  • Los objetos de capas ocultas no aparecerán en la publicación exportada. Puede crear distintas capas para distintos dispositivos móviles y añadir objetos que solo aparezcan cuando la capa esté activa. Antes de crear un artículo a partir de un documento, se deben mostrar y ocultar las capas correspondientes y cambiar el tamaño de página según sea necesario.
  • Si desea habilitar la función para compartir en redes sociales para mostrar contenido en el visor web, puede crear una representación especial que se visualice solo en un navegador de visor web. Consulte Creación de una representación Solo para visor web.
  • Se recomienda que use ID de aplicación distintos para las plataformas iOS, Android y Windows, de manera que pueda utilizar contenidos diferentes en cada una de estas plataformas si es necesario. No todas las funciones admitidas en iOS son compatibles con las demás plataformas, tal y como se explica en la siguiente sección.

Funciones no compatibles con otras plataformas

Algunas de las funciones operativas en los iPads no son compatibles con los visores de Android ni de Windows. Por ejemplo, las panorámicas no son compatibles en las plataformas Android o Windows. En cuanto al contenido HTML, asegúrese de que funciona correctamente en el navegador de la plataforma y en la publicación de DPS. Consulte Lista de funciones compatibles con DPS.

Artículos sobre la compilación de aplicaciones

Para obtener más información sobre la creación de aplicaciones de DPS para dispositivos Android, consulte Creación de aplicaciones de DPS nativas para dispositivos Android.

Para obtener información sobre la creación de aplicaciones de DPS para la Tienda Windows, consulte Creación de aplicaciones DPS para la Tienda Windows.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea