Passer au contenu principal

ArtinTech Solution

Building a Two-Page Spread Viewer for a Digital Newspaper

Les journaux se mettent en page par doubles pages. Une publicité traverse la pliure, un reportage commence page 4 et se termine page 5, et l’œil du lecteur attend les deux pages côte à côte. Notre liseuse affichait d’abord une seule page. Dans Inkfold 1.1, elle sait afficher des pages en vis-à-vis, et bien le faire a touché plus de choses que prévu.

Quelles pages vont ensemble

Un journal imprimé commence par la une seule, puis viennent les paires 2–3, 4–5 et ainsi de suite ; la dernière page reste seule si le nombre de pages est pair. La liseuse calcule les pages visibles à partir de la page courante selon exactement cette règle : aller à la page 5 ouvre la double page 4–5 et la barre d’adresse indique la première page de la paire. La navigation avance ensuite par double page, et le compteur affiche « Page 4–5 ».

Deux pages, une seule hauteur

Les pages d’une même édition n’ont pas toujours la même taille : un supplément peut être un tabloïd dans un grand format. Chaque feuille est donc mise à l’échelle de la hauteur de la première page visible, et la double page est disposée dans un seul conteneur flex avec une pliure de quatre pixels. Le zoom et le déplacement s’appliquent au conteneur, pas à chaque page : les deux bougent toujours ensemble, et les zones d’articles, positionnées en pourcentages, restent exactement sur les articles imprimés.

Double page d’un journal dans la liseuse Inkfold
Les pages 2 et 3 côte à côte, avec les articles des deux pages dans le panneau de droite.

Seulement là où c’est utile

Une double page sur un téléphone, ce sont deux timbres illisibles. La liseuse n’utilise la double page que si la zone d’affichage fait au moins 760 pixels de large, l’active par défaut à partir de 1 200 pixels et mémorise le choix du lecteur dans le stockage local. En dessous du seuil, le même bouton affiche une courte indication au lieu de serrer deux pages sur un écran étroit.

Tout le reste a dû suivre

  • Liste des articles : le panneau latéral liste les articles des deux pages sous leur propre titre de page.
  • Pages verrouillées : dans une édition premium, une moitié peut être gratuite et l’autre verrouillée ; chaque feuille affiche sa propre boîte d’abonnement, dimensionnée selon la page pour suivre le zoom.
  • Préchargement : les images moyennes de la double page suivante sont chargées à l’avance, comme décrit dans notre article sur l’optimisation des images.
  • Droite à gauche : en arabe, l’interface est inversée, mais les pages gardent l’ordre imprimé, car c’est ainsi que le journal a été fait.

À retenir

  • Déduire les pages visibles d’une règle : la une seule, puis des paires paire–impaire.
  • Mettre chaque feuille à une hauteur commune et transformer le conteneur, pas les pages.
  • Ne proposer la double page que sur grand écran et mémoriser la préférence.
  • Vérifier tout ce qui supposait « une seule page » : listes, verrous, préchargement et sens de lecture.

Voyez la double page dans la démo en ligne d’Inkfold ; le logiciel est disponible sur Charming Theme.

Vous préparez une édition numérique pour votre titre ? Parlons-en — ArtinTech Solution conçoit des expériences de lecture comme celle-ci.

Share this article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *