재배치형과 고정형을 구별하고, 위치보다 제목·문단·목록의 관계를 설계합니다.
책에서는 예쁘던 페이지가 휴대전화에서는 왜 답답할까요? 글자 크기와 화면 폭이 달라지면 한 페이지에 들어가는 양도 바뀝니다. 글 중심 전자책이라면 위치를 고정하기보다 제목·문단·목록의 관계가 유지되도록 만드는 편이 읽기 조건에 대응하기 쉽습니다.
01종이의 한 페이지가 화면의 한 페이지는 아니에요
종이책은 정해진 판형 위에 글과 그림을 놓습니다. 반면 재배치형 전자책에서는 독자가 글자를 키우면 줄 수가 늘고 페이지 경계도 달라질 수 있어요. 저자가 보던 세 번째 페이지와 독자가 보는 세 번째 페이지가 같은 장면이라는 보장이 없습니다.
W3C의 EPUB 3.3 규격은 화면에 맞춰 내용이 흐르는 재배치형과 위치를 고정하는 고정형 레이아웃을 구별합니다. EPUB이라는 이름만으로 모든 책이 자동 재배치된다고 생각하면 곤란해요. 어떤 형식으로 제작했는지가 함께 중요합니다.
그림의 배치 자체가 내용인 그림책이나 만화에서는 고정형이 필요할 수 있습니다. 글 중심 안내서를 만들면서도 종이처럼 한 장에 맞추려 한다면, 얻는 디자인 효과와 독자가 확대해서 읽는 부담을 함께 비교해보세요.
02빈칸으로 위치를 맞추면 다른 화면에서 흔들려요
오른쪽으로 보내려고 공백을 여러 번 누르고, 다음 페이지로 넘기려고 줄바꿈을 쌓는 방식은 익숙하지요. 하지만 화면 폭이나 글꼴이 바뀌면 그 공백이 차지하는 자리도 달라질 수 있어요. 편집 화면에서는 정돈되어도 다른 기기에서 빈 공간만 길게 남을 수 있습니다.
03제목은 크기보다 역할을 지정해요
글자를 크게 하고 굵게 칠했다고 문서 구조상 제목이 되는 것은 아닙니다. 제작 도구의 제목 스타일을 쓰고, 큰 절과 하위 절의 순서를 맞춰보세요. 장 안에 작은 항목이 있다면 그 관계가 구조에 드러나도록 지정하는 겁니다.
제목 구조는 목차와 탐색을 구성하는 토대가 됩니다. 다만 제목 스타일을 썼다는 이유만으로 내보낸 전자책의 목차가 언제나 완성되는 것은 아니에요. 변환 뒤 목차 항목을 눌러 실제 위치로 이동하는지 확인해야 합니다.
04나열은 목록으로, 문단은 문단으로 둬요
문장마다 수동 줄바꿈을 넣어 종이의 줄 끝을 재현하지 마세요. 같은 생각에 속한 문장은 한 문단으로 두고, 단계는 번호 목록으로 묶습니다. 글자가 커져도 내용의 관계를 따라갈 수 있도록 만드는 거예요.
예를 들어 준비물 네 개를 공백으로 벌려 한 줄에 놓았다면, 화면이 좁아질 때 중간에서 어색하게 끊길 수 있습니다. 각 항목을 목록으로 두면 다음 줄로 넘어가도 어느 정보끼리 묶였는지 알아보기 쉬워져요.
05그림과 표도 본문 흐름에서 설명해요
“오른쪽 그림을 보세요”라는 표현은 화면이 바뀌면 맞지 않을 수 있습니다. 해당 그림이 본문 아래로 이동할 가능성을 생각해 “컵 손잡이를 보여주는 그림”처럼 무엇을 가리키는지 적어보세요.
06그림 속 중요한 정보는 글에도 남겨요
설명 문장을 전부 이미지 한 장으로 만들면 글자 크기를 조절하기 어렵고, 이미지가 보이지 않을 때 내용이 사라집니다. 그림이 전달하는 핵심과 필요한 대체 설명을 준비하세요. 캡션은 그림의 뜻을 보태되 같은 설명을 장황하게 반복할 필요는 없어요.
그림의 크기는 화면 폭에 맞춰 조절되도록 제작하고 비율이 찌그러지지 않는지 확인합니다. 세밀한 도식이라면 축소해도 읽히는지 별도로 봐야 해요. 자동으로 작아진다고 내용까지 읽기 쉬워지는 것은 아니니까요.
07넓은 표는 정보의 묶음을 다시 살펴요
열이 많은 비교표는 좁은 화면에서 읽기 어려울 수 있어요. 꼭 필요한 열만 남기거나, 선택지별로 제목과 설명을 이어 쓰는 구성을 검토해보세요. 비교 관계가 중요한 표라면 구조를 유지하며 지원되는 읽기 방식을 확인해야 합니다. 표를 그림으로 바꾸는 것만으로 해결되지는 않아요.
08완성 파일을 크게도 작게도 읽어봐요
제작 도구의 미리보기만 보고 끝내기보다 내보낸 파일을 실제 읽기 앱에서 열어보세요. 같은 전자책도 앱의 지원과 독자의 설정에 따라 표현이 달라질 수 있습니다. 어느 환경에서 확인했는지도 남기면 수정할 때 도움이 됩니다.
글자를 크게 바꿨을 때 본문이나 제목이 잘리지 않는지 봐요.
화면 방향을 바꾸고 문단 순서와 그림 위치를 확인해요.
목차를 눌러 각 절로 이동하는지 살펴요.
그림 설명과 목록이 본문과 올바른 순서로 이어지는지 읽어봐요.
빈 페이지나 지나치게 긴 공백이 생기는 곳을 찾아요.
09페이지의 모양을 지키고 싶을 때의 선택
다음은 선택 기준을 살펴보기 위한 가상의 관점과 연습 상황이에요. 실제 인물의 발언이나 조사 결과를 옮긴 것은 아닙니다.
10고정형을 고르는 쪽과 재배치형을 고르는 쪽
고정형에 찬성하는 쪽은 그림과 글의 위치 관계를 지킬 수 있다고 말할 수 있고,
반대하는 쪽은 작은 화면의 확대 부담을 지적할 수 있어요. 회의적인 사람은 구조만 바꾸면 다 읽기 좋아지느냐고 묻겠지요.
구조를 중시하는 사람도 실제 앱 확인이 필요하다고 답해야 합니다. 한 형식이 모든 책을 해결하지는 않아요.
11초보 편집자의 손동작부터 바꿔요
초보자는 큰 글자를 만들고 공백으로 정렬하는 데 익숙할 수 있어요. 숙련된 제작 방식은 제목과 목록의 역할을 지정하는 것입니다.
가르치는 사람은 제목 스타일을 보여주고, 배우는 사람은 자기 문서의 큰 절에 적용해봅니다. 규격에서 허용하는 기능도 실제 읽기 앱에서는 지원이 다를 수 있어 내보내기 뒤 점검이 필요해요.
12모든 도구를 사기 전에 한 절로 시험해요
비용을 아끼는 사람은 사용 가능한 도구로 한 절을 변환하고, 품질을 중시하는 사람은 검사와 여러 환경의 확인에 시간을 더 쓸 수 있어요.
예전의 인쇄용 페이지를 지금의 읽기 화면으로 옮길 때도 단순 축소만으로 끝내지 않습니다. 서두르는 사람은 먼저 글자를 키워보고, 꼼꼼한 사람은 목차와 읽기 순서까지 이어 점검해요.
13예쁜 미리보기와 읽을 수 있는 결과를 비교해요
이상은 모든 화면에서 같은 배치지만 현실에서는 줄이 달라집니다.
가상의 실패 버전은 공백으로 맞춰 글자가 잘리는 파일이고, 개선 버전은 제목과 문단이 흐르도록 고친 파일이에요. 변환 전후에 페이지 수가 같은지보다 내용이 빠짐없이 따라오는지 확인하면 목적에 맞는 판단을 할 수 있습니다.
종이와 화면의 모습을 똑같이 맞추는 데 성공해도 읽기는 불편할 수 있어요. 글자 크기를 키운 독자가 계속 내용을 따라갈 수 있는지로 한 번 더 판단해보세요. 책의 모양은 달라져도, 읽던 생각은 끊기지 않도록 만드는 겁니다.
