내맘대로의 EPUB 제작 가이드

이런 편집의 문제는, 원서를 읽고 싶은데 원서를 읽기 불편하게 만들어요.

영어 문장과 번역본이 같이 있기 때문에 원서에 집중하기 어렵습니다.

아래쪽에 보이는 단어집은 필요 할 때 쓸모가 없습니다. 전자책 뷰어에서 보면, 단어집은 보이지 않고 * 표만 보이거든요. 그래서 단어 뜻을 보려면 페이지를 열심히 이동해야 하고, 다시 읽던 곳으로 돌아가려면 다시 페이지를 열심히 넘기고...

​

이런 문제를 해결하기 위해 팝업 주석 기능을 이용했습니다.

책을 열면 이렇게 보여요. 본문만 있고, 어려운 단어에 밑줄이 있습니다. 그리고 문장의 끝에 작은 아이콘이 있지요. 책을 보는데 불편하지 않도록 아이콘을 배치했어요.

독자는 영문 원서를 읽습니다. 그러다 단어에서 막히면, 단어를 클릭합니다. 물론 밑줄이 있는 단어만 뜻을 볼 수 있습니다. 중학교 수준에서 어려운 단어를 추출해 단어 사전을 만들었기 때문에 영어공부를 하려는 분들이라면 밑줄 없는 단어의 뜻은 대부분 알 거예요(라고 희망을...)

단어를 선택하면 페이지를 이동하지 않고, 팝업 주석으로 단어의 뜻을 볼 수 있습니다. 사전을 찾거나, 페이지를 이동하는 불편함 없이 어려운 단어 뜻을 바로 확인 할 수 있습니다.

​

영어 원서를 읽다 보면 어려운 단어만 문제가 아니지요. 문장 자체가 해석이 되지 않을 때도 많습니다. 그럴 때는 문장 끝에 있는 아이콘을 클릭합니다. 그럼 번역된 문장을 팝업 주석으로 확인 할 수 있습니다. 역시 페이지를 이동하지 않기 때문에 번역을 확인한 후 다시 원서를 읽을 수 있습니다.

​

이렇게 만들기 위해, 1년 전만 해도 책 한 권 편집하는데 6개월 넘는 시간이 걸렸습니다.

단어를 하나씩 찾아 연결하고, 원문과 번역문을 하나씩 연결해야 하기 때문에 분량이 많은 책은 엄두도 내지 못했지요. 어린왕자, 오즈의 마법사 같은 짧은 책 위주로 작업을 했습니다.

그런데 이제 AI한테 "번역문과 원문을 연결시켜줘" 라고 하면 알아서 연결해 줍니다. 원문, 번역문 연결 작업을 하는데 가장 많은 시간을 들여야 했는데 AI로 작업을 하면 하루에 한 권 정도 연결 작업을 할 수 있습니다.

​

그리고, 중학교 저학년 수준이 어려워 하는 단어를 찾는 것도 시간이 오래 걸립니다. 이 작업도 AI의 도움을 받으니 20~30분이면 끝이 납니다. AI 한테 중학교 저학년 수준에서 어려운 단어 목록과 단어의 뜻을 정리해 달라고 하면 됩니다.

​

여러가지 테스트를 거쳐, AI 사용 방법을 체계화 시키는데 2달 정도 걸렸고, 이젠 원서와 번역본만 있으면 2~3일에 한 권씩 책을 만들 수 있게 됐습니다. 6개월 걸리는 작업을 AI의 도움을 받아 2~3일에 끝낼 수 있다니, 직접 해 보고도 놀랍네요.

제목을 작업하다 보면 이렇게 양쪽에 불릿이 들어갈 때가 있습니다.

종이책은 전부 1줄로 편집되어 있어 이렇게 편집하면 문제 없어 보이지요.

그런데 전자책에서는 이정도로 끝내면 문제가 생길 수 있습니다.

​

​

이렇게 화면이 좁아지면 어떤가요?

종이책이야, 자간, 장평 조절해서 한줄로 넣으면 되지만 전자책은 화면 폭, 글자 크기가 바뀔 수 있어 2줄이 될 수도, 3줄이 될 수도 있습니다.

이렇게 둬도 나쁘지는 않아요.

하지만 종이책을 편집한다고 생각해 보세요. 이렇게 편집하시겠어요?

​

​

약간의 추가 스타일을 넣어 이렇게 편집을 했습니다.

불릿을 양쪽 옆에 놓고 글자만 행갈이가 되도록 했지요.

​

이렇게 편집하려면 태그가 조금 복잡해져요.

table로 넣어도 되지만, 제목은 heading을 쓰는게 좋아요. 그래서 헤딩 태그를 사용했습니다.

그리고 flex 속성을 줬어요.

flex는 전자책 편집 할 때 아주 많이 사용합니다.

공부를 해 두면 스타일 편집 레벨을 한 단계 업 할 수 있어요.

​

이것 말고도 몇가지가 더 있습니다.

왼쪽이 종이책, 오른쪽이 전자책입니다. 종이책에서는 한줄이기 때문에 본문 스타일을 사용합니다.

하지만 전자책에서는 행갈이가 될 수 있어 내어쓰기를 했지요.

​

이것도 위와 비슷한 예입니다.

책의 모든 소제목은 한줄로 되어 있어 내어쓰기가 없지만

전자책은 내어쓰기를 적용했습니다.

아주 사소하고 CSS 속성 2개만 더 추가하면 끝날 정도로 쉬운 스타일이지만

종이책에 없어도 전자책에 이런 편집을 해 주면 조금 더 정성을 들였다는 느낌을 줄 수 있지요.

​

물론, 내어쓰기를 적용할 것인지 여부는 책에 따라 다릅니다. 어떤 책은 내어쓰기 대신 들여쓰기를 없애기만 하고, 어떤 책은 본문과 똑같이 들여쓰기를 할 수도 있어요.

​

책의 내용에 맞게 가독성을 높일 수 있는 편집이 가장 중요하지요.

재미있는 스타일 몇개 소개해 드립니다.

​

먼저 대본 스타일 본문인데, 앞에 캐릭터 이미지가 들어가있어요.

텍스트로 이름만 들어있어면 좀 더 간단한데, 이미지까지 들어가고, 이미지폭도 전부 제각각이라 편집이 조금 더 복잡해지네요.(왼쪽이 EPUB)

​

이 스타일의 포인트는 위에 박혀있는 column이에요.(오른쪽이 EPUB)

저렇게 딱 붙여도 몇몇 뷰어에서는 강제 여백이 생기고, 강제 여백을 막는 강제 스타일 적용 코드 넣어주고...

유통사가 그냥 CSS에 장난치지 않았으면 하다가도,

유통사에서 뷰어 기획하던 시절에 봤던 그 엄청난 쓰레기 EPUB을 생각하면 유통사 뷰어 담당자 마음도 이해가 가고...

​

column과 비슷한 스타일이 [정리]예요.

만드는 방법은 똑같지요.

배경 전체를 핑크로 넣을까 하다가, 어차피 body 스타일 안먹는 뷰어에서는 더 지저분해지니 텍스트가 들어간 곳만 핑크로.

물론, 편집자가 '전체 배경 넣어주세요' 하면 수정을 해야겠지만...

끝으로,

전자책은 예쁘지 않다.

텍스트와 이미지 대충 배열하면 된다는 소리를 여전히 듣고 있네요.

​

"그런거 다 할 수 있어요."

하면

"그런거 할 수 없다고 했다. 절대로 할 수 없다."

이런 소리나 하고...

​

'고정 판형'과 '가변 판형'의 차이로 인한 스타일 문제가 아니라면

종이책에서 가능한 건 전자책에서도 가능해요.

전자책이 예쁘지 않은 것은

전자책을 대충 만들기 때문이지

전자책을 예쁘게 만들 수 없어서는 아니에요.