Scrollytelling
スクロールテリング / 2012– / 레이아웃 / 웹에서 읽는 것
읽는 위치를 넘기는 동작 자체를 이야기의 진행에 할당한 웹 지면이다. 도판과 지도와 영상이 넘김에 따라 바뀌고 위로 되돌리면 같은 순서로 되돌아온다. 연구 쪽에서는 장문 보도의 웹판으로 정리되었고, 줄거리는 외길이거나 원하는 사람만 깊이 잠길 수 있는 신축식으로 나뉜다.
도판은 화면에 머문 채 본문만 좁은 한 단으로 지나간다 / 도판의 전환은 불투명도의 변화와 지도의 이동으로 이루어지고 거꾸로 넘기면 원래대로 돌아온다 / 사진과 영상과 데이터 도판 세 가지가 같은 기사 안에 섞여 있다 / 줄거리는 외길이거나 도중에 깊이 파는 곁길로 갈라졌다가 돌아오거나 둘 중 하나다
사전 항목
- 적합한 용도
- 탐사 보도나 연구 소개를 도판은 세워 둔 채 본문만 흐르게 하는 한 장의 지면으로 짤 때 · 손바닥 화면에서 읽히는 긴 글에 조작 설명 없이 나아갈 수 있는 장치를 넣고 싶을 때
- 타이포그래피
- 본문은 한 단으로 유지한다. 읽는 속도를 정하는 것은 지면이 아니라 넘김이므로 행 길이를 좁히고 제목은 줄거리의 이음매에만 둔다.
- 구성
- 도판을 화면에 고정하고 그 위를 본문이 지나가게 한다. 도판 하나에 본문을 몇 단락 할당하는지가 그대로 진행의 속도가 된다.
- 재료
- 되감을 수 있는 방식으로만 교체를 짠다. 불투명도의 교대나 지도의 이동처럼 넘긴 양과 일대일로 묶을 수 있는 변화를 쓴다.
- 주의
- 넘김에 한 번만 재생되는 움직임을 묶으면 위로 되돌린 독자 앞에는 빈자리만 남고 기사 중간부터 다시 읽을 수 없게 된다.
- 더 읽을거리
- 一本道の筋と伸縮式の筋の違い、そして伸縮式で読者が戻ってくる仕組み / 図版1つに割り当てる本文の量と、読み終わるまでの時間の関係 / 地図の移動を送りの量と結び、両方向で成立させる作り方
관련 항목
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/scrollytelling
- Markdown
- [Scrollytelling — IndexStyle](https://indexstyle.org/ko/styles/scrollytelling)
- HTML
- <a href="https://indexstyle.org/ko/styles/scrollytelling">Scrollytelling — IndexStyle</a>