Scrollytelling
スクロールテリング / 2012– / Mise en page / Lecture sur le web
Une forme de page web où la position de lecture donne le tempo du récit. Les graphiques, les cartes et la vidéo se relaient au fil du défilement et reviennent dans le même ordre si le lecteur remonte. La recherche la range du côté de la version web du grand reportage, et son fil est soit rectiligne, soit élastique, seuls ceux qui le veulent plongeant plus profond.
Un graphique qui reste immobile à l'écran tandis qu'une seule colonne étroite de texte passe dessus / Les changements se font par l'opacité et par le déplacement de la carte, si bien que remonter les défait dans le même ordre / Photographie, vidéo et graphiques de données réunis dans un même article / Un parcours soit rectiligne, soit ouvert sur un détour facultatif plus profond dont on revient
Entrée du dictionnaire
- Usages idéaux
- Quand une enquête ou une présentation de recherche se met en page comme une page unique où le graphique tient et où seul le texte défile · Quand une lecture longue sur téléphone a besoin d'un moyen d'avancer qui ne demande aucune explication
- Typographie
- Garder le texte sur une colonne. C'est le défilement qui fixe le rythme et non la page, donc resserrer la justification et ne placer les titres qu'aux articulations du récit.
- Composition
- Fixer le graphique et laisser le texte passer dessus. Le nombre de paragraphes attribués à un même graphique est exactement la vitesse du récit.
- Matière
- Ne construire que des changements réversibles, fondus d'opacité et déplacements de carte, chacun lié à la distance parcourue.
- Précaution
- Attacher au défilement une animation qui ne se joue qu'une fois laisse un lecteur remonté devant un vide et rend le milieu de l'article impossible à relire.
- Pour approfondir
- 一本道の筋と伸縮式の筋の違い、そして伸縮式で読者が戻ってくる仕組み / 図版1つに割り当てる本文の量と、読み終わるまでの時間の関係 / 地図の移動を送りの量と結び、両方向で成立させる作り方
Entrées liées
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/scrollytelling
- Markdown
- [Scrollytelling — IndexStyle](https://indexstyle.org/fr/styles/scrollytelling)
- HTML
- <a href="https://indexstyle.org/fr/styles/scrollytelling">Scrollytelling — IndexStyle</a>