Explorable Explanations
エクスプローラブル・エクスプラネーション / 2011– / 기법 / 웹에서 읽는 것
Bret Victor가 2011년 3월 같은 제목의 글에서 이름 붙인, 읽을거리 안에 돌아가는 모형을 심는 글쓰기다. 본문의 수치에 점선 밑줄이 그어져 있고 붙잡아 움직이면 이어지는 문장과 곁의 그림이 동시에 다시 쓰인다. 주장의 근거를 독자가 스스로 흔들어 확인할 수 있다.
본문 속 수치에 점선 밑줄이 그어져 있고 손을 대면 파랗게 바뀐다 / 그 수치를 좌우로 움직이면 뒤따르는 문장과 곁의 그림이 동시에 다시 쓰인다 / 그림이 별도의 실험 상자에 갇히지 않고 단락과 단락 사이에 이어져 놓인다 / 아무것도 건드리지 않아도 그림이 뜻을 이루어 초깃값 그대로 읽어 나갈 수 있다
사전 항목
- 적합한 용도
- 수식이나 모형을 담은 해설을 독자가 가정을 바꿔 확인할 수 있는 형태로 공개할 때 · 교재에서 결론만이 아니라 결론이 뒤집히는 조건까지 보이고 싶을 때
- 타이포그래피
- 본문은 보통 읽을거리의 조판 그대로 둔다. 변하는 수치만 밑줄과 색으로 구별하고 글꼴은 바꾸지 않는다.
- 구성
- 본문을 600px 안팎의 한 단으로 좁히고 그림은 그것을 설명하는 단락의 바로 옆이나 직후에 놓는다. 만지는 곳과 바뀌는 곳이 한 시야에 함께 들어오는 거리를 지킨다.
- 재료
- 조작은 붙잡아 움직이는 것 하나로 좁히고 입력란과 보내기 버튼은 두지 않는다. 건드리지 않아도 뜻이 통하는 초깃값을 반드시 마련한다.
- 주의
- 건드려야 비로소 내용이 나타나게 만들면 움직이지 않는 독자에게는 그저 빈 기사가 된다.
- 더 읽을거리
- Bret Victorの2011年の記事本体と、そこで公開されたTangleの実装 / reactive document、explorable example、contextual informationという3つの型の違い / 同じ主張を静止した図と可変の図で書き分け、どこで理解が分かれるか試す
관련 항목
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/explorable-explanations
- Markdown
- [Explorable Explanations — IndexStyle](https://indexstyle.org/ko/styles/explorable-explanations)
- HTML
- <a href="https://indexstyle.org/ko/styles/explorable-explanations">Explorable Explanations — IndexStyle</a>