- [[타이포그래피 앤드 인터랙션]]의 [Manuscript 과제](https://typography-interaction.github.io/project/1/)는 디자인 글을 읽고 쓴 응답을 원문과 함께 웹으로 조판하게 한다. 읽기와 디자인을 따로 제출하는 대신 두 목소리가 한 화면에서 만나는 과제다.
- 여기서는 짧은 글 하나와 그 글에 보내는 답장으로 작게 시작해보자. 마음에 든 문장만 고를 필요는 없다. “잠깐만요” 하고 붙잡고 싶은 대목에도 의자 하나를 내주자.
- 저자와 제목, 발표 시점, 원문으로 가는 링크를 적고 내 응답의 시작을 구분한다. 인용이 끝나는 자리와 응답이 시작하는 자리에 글자로 된 표지를 두어 [[두 목소리의 경계]]를 드러내자. 공개할 때는 옮길 수 있는 범위를 확인하고 필요한 인용과 자기 설명을 구분하자. 줄여 옮긴 대목은 [[인용과 요약의 표지]]로 구별해, 다듬은 문장을 원문의 문장처럼 읽게 하지 않는다.
- [[시맨틱 HTML]]로 제목과 본문, 인용의 관계를 먼저 짠다. 그다음 [[CSS]]로 간격과 크기를 바꿔 읽는 순서를 비교하자.
- [[웹사이트 함께 읽기]]에서 독자에게 어느 부분이 원문이고 어느 부분이 응답인지 물어보자. [[꾸밈 없이 구분되는 목소리|색을 못 구분하거나 꾸밈이 사라져도]] 두 목소리를 알아볼 단서가 있는지 확인한다.
- [[답장의 타이포그래피]]에는 [[동의와 반박의 조판|다정한 동의와 정중한 반박]]을 같은 글자 크기로 놓은 실험도 모아보자.

#연습 #교육 #타이포그래피 #HTML