Scrollytelling

スクロールテリング / 2012– / 版面 / 网页上的读物

把读者滚动的动作本身当作叙事进程的网页版面。图表、地图和视频随滚动而更替，往回滚就按同样的顺序退回原状。研究界把它归为长篇报道的网络形态，情节要么是一条直路，要么是伸缩式的，只有愿意的人才潜得更深。

图表停在画面上不动，只有一条窄窄的正文栏从它上面经过 / 图表的更替靠不透明度的变化和地图的移动完成，反向滚动就退回原状 / 照片、视频和数据图三样并存于同一篇报道中 / 路径要么一直走到底，要么中途分岔到更深的段落再回到主线

辞典词条

适用场景: 要把调查报道或研究介绍做成图表不动、只让正文流过的一整页时；要让手机上的长文有一种不必说明就能继续往下走的机制时
字体: 正文保持一栏。决定阅读快慢的是滚动而不是版面，所以行长要窄，标题只放在情节的接缝处。
版面: 把图表固定在画面上，让正文从它上面经过。一张图表分配几段正文，就是叙事的快慢。
材料: 只用可以倒回去的方式做替换。像不透明度的交替和地图的平移这样，能与滚动量一一对应的变化才用。
注意: 一旦把只播一次的动画绑在滚动上，往回滚的读者眼前就只剩空白，文章的中段也再读不成了。
延伸阅读: 一本道の筋と伸縮式の筋の違い、そして伸縮式で読者が戻ってくる仕組み / 図版1つに割り当てる本文の量と、読み終わるまでの時間の関係 / 地図の移動を送りの量と結び、両方向で成立させる作り方

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link: https://indexstyle.org/zh/styles/scrollytelling
Markdown: [Scrollytelling — IndexStyle](https://indexstyle.org/zh/styles/scrollytelling)
HTML: <a href="https://indexstyle.org/zh/styles/scrollytelling">Scrollytelling — IndexStyle</a>