Ir al contenido principal

ArtinTech Solution

Building a Two-Page Spread Viewer for a Digital Newspaper

Los periódicos se maquetan en dobles páginas. Un anuncio cruza el lomo, un reportaje empieza en la página 4 y termina en la 5, y el ojo del lector espera ver ambas páginas juntas. Nuestro lector mostraba al principio una sola página. En Inkfold 1.1 puede mostrar páginas enfrentadas, y hacerlo bien afectó a más partes del lector de lo que esperábamos.

Qué páginas van juntas

Un periódico impreso empieza con la portada sola; después vienen los pares 2–3, 4–5, etc., y la última página queda sola cuando el total es par. El lector calcula las páginas visibles a partir de la página actual con esa misma regla, así que saltar a la página 5 abre la doble página 4–5 y la barra de direcciones muestra la primera página del par. La navegación avanza de doble en doble y el contador indica «Página 4–5».

Dos páginas, una sola altura

Las páginas de una edición no siempre miden lo mismo: un suplemento puede ser un tabloide dentro de un sábana. Por eso cada hoja se escala a la altura de la primera página visible y la doble página se coloca en un único contenedor flex con un lomo de cuatro píxeles. El zoom y el desplazamiento actúan sobre el contenedor, no sobre cada página, de modo que ambas se mueven siempre juntas y las zonas de noticia, posicionadas en porcentajes, siguen exactamente encima de las noticias impresas.

Doble página de un periódico en el lector de Inkfold
Las páginas 2 y 3 juntas, con las noticias de ambas en el panel derecho.

Solo donde tiene sentido

Una doble página en un móvil son dos sellos ilegibles. El lector solo usa la doble página cuando el área visible mide al menos 760 píxeles de ancho, la activa por defecto a partir de 1.200 píxeles y recuerda la elección del lector en el almacenamiento local. Por debajo del límite, el mismo botón muestra un aviso breve en lugar de encajar dos páginas en una pantalla estrecha.

Todo lo demás tuvo que adaptarse

  • Lista de noticias: el panel lateral muestra las noticias de ambas páginas bajo su propio encabezado.
  • Páginas bloqueadas: en una edición premium, una mitad puede ser gratuita y la otra estar bloqueada; cada hoja muestra su propia caja de suscripción, dimensionada según la página para que acompañe al zoom.
  • Precarga: las imágenes medias de la siguiente doble página se descargan por adelantado, como explicamos en nuestro artículo sobre la optimización de imágenes.
  • De derecha a izquierda: en árabe la interfaz se refleja, pero las páginas mantienen el orden impreso, porque así se hizo el periódico.

Ideas clave

  • Deducir las páginas visibles de una regla: portada sola y luego pares par–impar.
  • Escalar cada hoja a una altura común y transformar el contenedor, no las páginas.
  • Ofrecer la doble página solo en pantallas anchas y recordar la preferencia.
  • Revisar todo lo que suponía «una página»: listas, bloqueos, precarga y dirección.

Mira la doble página en la demo en vivo de Inkfold; el software está en Charming Theme.

¿Preparas una edición digital para tu publicación? Hablemos — ArtinTech Solution crea experiencias de lectura como esta.

Share this article

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *