• 타이포그래피 앤드 인터랙션의 Spread 과제는 두 사람이 함께 한 글을 모바일, 데스크톱, 인쇄 환경에 맞게 구성하도록 한다. 화면의 폭뿐 아니라 협업 방식까지 디자인의 조건으로 다룬다.
• 이를 참고한 작은 연습으로, 직접 쓴 짧은 글 하나를 휴대전화 화면과 큰 화면, 종이에서 읽어보자.
• 반응형 디자인을 살피며 제목, 줄 길이, 문단 간격을 비교한다. 모든 환경의 모양을 똑같이 맞추기보다 같은 내용에 도달할 수 있는지 본다. 환경별로 빠진 설명을 찾아 작은 화면에서 생략한 문장이나 종이에서 사라진 안내가 없는지 대조하자.
• 인쇄 미리보기에서는 잘리는 문장과 불필요하게 반복되는 요소를 찾는다. 실제로 인쇄했다면 미리보기와 종이의 차이도 적고, 미리보기만 살폈다면 확인한 범위를 그렇게 남긴다. 종이에서 눌러볼 수 없는 링크는 어떻게 안내할지도 적어두자.
• 둘이 해본다면 한 사람은 조작하고 다른 사람은 읽는 흐름을 살피다가 역할을 바꾸자. 원래 과제는 코딩 중 30분마다 교대하도록 안내한다. 이 위키의 연습에서는 서로 집중할 수 있는 교대 간격을 먼저 정해도 좋다.
• 화면과 종이 사이의 길찾기에 발견한 차이를 남기자. “모바일 완료” 같은 도장보다 어느 문장이 어디에서 읽기 어려웠는지 적힌 메모가 다음 수선에 쓸모 있다.

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