저희는 비대칭 화면에서도 12열 그리드를 지웁니다. 대신 요소가 차지하는 열의 수를 고르게 나누지 않습니다. 본문 7열, 이미지 4열, 사이 1열. 혹은 제목 5열, 빈 공간 2열, 본문 5열. 숫자는 들쭉날쭉해도 모든 끝선이 열의 경계에 붙어 있습니다.
눈은 대칭보다 «맞아떨어지는 선»을 먼저 알아봅니다.
세로로도 기준을 하나 둡니다. 본문 첫 줄의 높이를 기준선으로 잡고, 옆 칸의 이미지 윗변이나 캡션 첫 줄을 거기에 맞춥니다. 가로로는 엇갈려 있어도 세로 한 줄이 맞으면 화면 전체가 묶여 보입니다.
좁은 화면에서는 비대칭을 열로 표현할 수 없습니다. 이때는 여백의 크기를 다르게 두어 같은 리듬을 이어 갑니다. 큰 여백 하나, 작은 여백 둘. 데스크톱의 엇갈림이 세로의 간격으로 옮겨 갑니다.
]]>잡지는 두 쪽을 한 번에 봅니다. 화면은 위에서 아래로 한 줄씩 지나갑니다. 왼쪽 쪽의 사진과 오른쪽 쪽의 글이 만들던 긴장은 웹에서 위아래 순서로 바뀌어야 합니다. 저희는 펼침면 대신 «장면»을 단위로 생각합니다.
인쇄에서 흔한 3단 본문은 웹에서 쓰지 않습니다. 한 단이 끝나면 위로 다시 올라가야 하기 때문입니다. 본문은 한 단, 한 줄에 35자에서 45자 사이로 둡니다. 편집의 느낌은 단 대신 여백과 캡션, 인용의 크기로 냅니다.
화면에서의 편집은 배치보다 순서를 설계하는 일입니다.
큰 숫자로 시작하는 목차, 본문보다 작고 단단한 캡션, 페이지를 넘기듯 크게 바뀌는 섹션 배경. 이 세 가지는 화면에서도 잘 작동합니다. 흉내 내는 대신 화면에 맞게 옮겨 오는 것들입니다.
]]>