posted by 내.맘.대.로 2014. 12. 16. 08:53

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

갑자기 요타폰이 장안의 화제가 됐습니다. 요타폰은 러시아에서 내놓은 듀얼스크린 스마트폰입니다. 스마트폰을 EPUB 가이드에서 소개하는 이유가 뭐냐고요? 요타폰은 전자책과 아주 밀접한 관련이 있는 폰이기 때문입니다. 요타폰은 한쪽은 일반 LCD 방식의 디스플레이가 달려 있고, 다른 한쪽에는 EPD 즉 전자종이디스플레이가 달려있습니다. 네. 바로 그 킨들에 사용하는 전자종이 디스플레이요. e-ink라고도 불리지요.


요타폰은 조금 독특한 컨셉입니다. 일반 스마트폰과 똑같이 사용할 수 있고 킨들처럼 전자책을 보기에도 좋습니다. 스마트폰 앱을 사용할 때는 LCD 디스플레이를, 책을 볼 때는 EPD 디스플레이를 이용할 수 있습니다. 그런데 정말 좋을까요? 여러 곳에서 요타폰의 장점을 많이 설명했으니 여기서는 단점을 몇가지 짚어보겠습니다. 


1. 배터리 성능

요타폰의 가장 큰 장점이라고 할 수 있는 배터리 성능. 그런데 이게 정말 장점이 될지 의심이 드네요. EPD는 디스플레이의 전력 소모가 매우 적기 때문에 배터리 소모가 적을거라는 논리인데 다시 생각해 보면 배터리 소모가 심한 디스플레이가 2개 달린 폰입니다.

스마트폰을 사용하는 패턴을 잘 생각해 보면, 전체 사용 빈도의 90% 이상은 웹브라우징, 영상, 음악, SNS 등일거에요. 사람에 따라 다르더라도 이 비중이 가장 높습니다. 요타폰을 쓴다고 해서 다른 기능을 쓰지 않고 오직 책만 읽지는 않겠지요. 책 보는 시간이 늘어날지 모르지만 그래도 10% 내외 정도일 거예요. 그렇다면 대부분 LCD를 사용하고, 10%정도 책을 볼 때만 EPD를 쓴다는 소리입니다. 

EPD는 소모 전력이 낮다. 맞습니다. 매우 낮습니다. 그런데 소모전력이 낮다는게 소모전력이 0이라는 소리는 아닙니다. EPD 자체의 소모전력은 낮지만 EPD를 구동하기 위해 필요한 컨트롤러의 대기 전력이 필요합니다. 책 볼 때 LCD 대신 EPD를 사용할 때 절약할 수 있는 배터리를 제외하면 대기모드에서, 그리고 LCD 사용시 더 많은 배터리를 소모합니다. 즉, 휴대폰 사용 패턴이 EPD 쪽으로 확 바뀌지 않는 한, 배터리 소모는 더 심해진다는 소리입니다. 


2. 앱 활용도

혹자는 1번에 대해 이렇게 얘기할 지 모릅니다. '페이스북, 카톡 같은 앱을 EPD에서 실행할 수 있잖아. 그럼 배터리 소모가 적은거 아니야?' 맞는 말이지만, 가능성은 매우 낮습니다. EPD는 특유의 잔상이 있습니다. 그래서 화면 스크롤은 불가능하지요. 페이스북에서 요타폰만을 위해 페이지 턴 방식의 페북 앱을 따로 내놓을까요? 전 세계에 하나밖에 없는, 사용자도 극히 적은 폰을 위해? 그리고 채팅 성격상 스크롤이 훨씬 편한데 그런걸 버리고 페이지 전환 방식의 앱을 개발할까요?

많은 사람들이 요타폰을 쓰면 신문이나 페이스북을 볼 때 EPD를 사용할 수 있을거라는 착각을 합니다. 가능은 하지만 해당 업체에서 요타폰을 위해 앱을 수정했을 때 얘기입니다. 요타폰의 점유율이 빠르게 오르지 않는 한, 앱 개발 업체들은 요타폰을 위한 앱을 내놓지 않을겁니다. 전자책 업체 몇곳 빼고는 요타폰의 EPD를 신경쓰지 않을거에요. 

그럼 요타폰의 EPD는 폰에 기본 내장된 위젯과, 극히 드문 전자책 앱 몇개 외에는 활용도가 전혀 없습니다. 카톡도 LCD로 해야하고, 페북도 LCD로 해야하고, 인터넷 검색도 LCD로 해야합니다. 


3. 독서

5인치 EPD를 보신 분들이 있을지 모르겠네요. 5인치 미만의 같은 크기의 LCD와 EPD로 글자 크기를 똑같이 맞춘 후에 가독성을 측정해 보면 LCD가 훨씬 뛰어납니다. EPD의 특성 때문인데, EPD는 글자가 작을 경우 선명도가 떨어집니다. 잉크젯과 레이저 프린터의 차이와 비슷한 이유입니다. EPD는 잉크 입자가 화면에 글씨를 인쇄하는 잉크젯과 비슷한 방식이기 때문에 직선을 그으면 칼로 자른 듯 깔끔하게 그려지는게 아니고, 종이로 접어 손으로 찟었을 때처럼 면이 거칠게 됩니다. 그래서 작은 글자는 선명도가 떨어집니다.

5인치에서 스마트폰 기본 글씨 크기로 EPD에서 글을 보면 가독성이 좋지 않습니다. 글자 크기를 키워서 봐야 하는데 5인치라는 제약 때문에 키우는데 한계가 있습니다. 최근에 나온 EPD는 해상도가 높아 작은 글자도 비교적 선명한 편이지만 LCD랑 비교해 보면 LCD의 가독성이 더 좋게 느껴질 수 밖에 없습니다. 

책을 많이 보는 사람이라면 5인치라 하더라도 EPD가 눈에 더 편하겠지만, 대부분의 사용자들은 잠깐 책을 보는 정도라면 EPD보다는 LCD를 이용할 가능성이 높습니다. 


4. 가격

가격이 거의 100만운에 육박하더라고요. 같은 성능의 일반 폰과 킨들 Voyage를 사도 100만원 보다는 저렴합니다. 그리고 책을 볼 때 요타폰은 킨들의 가독성을 따를 수 없습니다. 화면 크기의 제약 때문이지요. 킨들에서라면 종이책과 같은 글자 크기를 놓고 책을 볼 수 있지만 요타폰에서는 1/2, 1/4정도로 작은 글자크기로 책을 봐야 합니다. 키우면 되지 라고 쉽게 얘기할 수 있는 부분이 아닙니다. 요타폰보다 좋은 성능의 샤오미 mi4와 킨들을 사면 60만원 정도입니다. 요타폰은 100만원이고요. 어떤걸 사시겠어요? 책을 항상 끼고 사는 분이라면 요타폰이 좋을까요? 가독성 때문에 킨들이 좋습니다. 책을 가끔씩 보는 분이라면? LCD로도 충분합니다.


요타폰은 새로운 시도로 많은 주목을 받고 있습니다. 하지만 자리를 잡기 힘들지 않을까 싶습니다. 틈새 시장을 잡기도 어렵고, 헤비 리더를 공략하기도 힘든 기기입니다. Geek들이 잠간 열광하고 사라질 폰이 될 것 같습니다. 만약 한쪽 디스플레이에 EPD와 LCD를 모두 넣는다면? 그리고 가격이 일반 스마트폰보다 약간 더 비싼 정도라면 새로운 시장이 열리겠지만요. 

http://blog.skbroadband.com/1051

반응형
posted by 내.맘.대.로 2014. 12. 12. 09:10

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

2. 제목 스타일 꾸미기

책의 제목 스타일은 다양하다. 여기서는 시중에 판매되고 있는 책의 제목 스타일을 CSS로 어떻게 표현할 수 있는지 설명을 하려고 한다. 전자책을 종이책과 똑같은 스타일로 맞추는 것은 권하지 않는다. 전자책과 종이책은 각각의 특성이 있기 때문에 똑같이 만들기 보다는 특성에 맞춰서 독자들이 편하게 읽을 수 있도록 편집을 해야한다. 

여기서 책의 제목 스타일을 그대로 구현하는 것도 책 스타일을 전자책에 옮기려는 목적에 있는게 아니고 CSS 스타일을 어떻게 적용하는지 설명을 위해서일 뿐이다. 



예제1) 

* 100명 중 98명이 헷갈리는 우리말 우리문장 중에서


▷ 위 스타일에서 필요한 속성

1. 원형 테두리가 있는 장 번호 : border, radious, background-color

2. 필기체 스타일의 글꼴 : font-family

3. 점선 밑줄 : border-bottom

4. 가운데 정렬 : text-align

* 이 외에 boder의 크기를 글자에 맞추기 위해 display 와 margin 속성이 사용된다.  


필요한 스타일이 정해졌다면 CSS로 각 스타일을 정리하고 적절한 값을 찾는다.

위 제목 스타일을 적용하기 위해서는 2개의 스타일이 필요하다. 하나는 원형의 장 번호, 다른 하나는 제목 텍스트의 스타일이다. 원형의 장 번호를 이미지로 처리하면 텍스트에 필요한 스타일만 적요하면 된다. 

CSS만으로 원형 장번호에 말풍선처럼 화살표를 넣기는 어렵다.말풍선 화살표가 필요하다면 이미지를 배경으로 사용하는게 좋다.



 CSS : Style.css 

h2 { 

font-family : 필기체;

border-bottom : dotted 2px #ff6633;

display : table;

margin-left : auto;

margin-right : auto;

text-indent : 0;

text-align : center;

}


div.ch_no{

display : table;

margin-left : auto;

margin-right : auto;

font-size : 2em;

text-align : center;

background: #ff6633;

width: 35px;

height : 35px;

border-radius: 50%;

}




 HTML : title.html 

<html>

<head>

<link href="../Styles/style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div class="ch_no">1</div>


<h2>맞춤법이 뭐예요?</h2>

</body>

</html>



예제2)


▷ 위 스타일에서 필요한 속성

1. 글자 색 지정 : color

2. 아래쪽 점선 : border-bottom

* 이 외에 boder의 크기를 글자에 맞추기 위해 display 와 margin 속성이 사용된다. 


 CSS : Style.css 

h3 {

font-size : 1.4em;

color : #ff6633;


border-bottom : dotted 2px #ff6633;

display : table;

margin-left : auto;

margin-right : auto;


text-indent : 0;

}


 HTML : title.html 

<h3>맞춤법은 소리 나는 대로 적는 것이다?</h3>



예제3)



▷ 위 스타일에서 필요한 속성

1. 원 안에 든 글번호 : border, border-radious

2. 글번호 우측 정렬 : display : flex, flex-flow

2. 제목 줄 바꾸기 : display : block

3. 슬래시(/) 자동으로 넣기 : ::before

    * 이 외에 boder의 크기를 글자에 맞추기 위해 display 와 margin 속성이 사용된다. 


 CSS : Style.css 

div.title { /*div 태그로 만든 원형 글상자를 오른쪽 정렬 시킴*/

display: flex;

flex-flow: row-reverse wrap;

}


div.ch_no{ /*장 번호를 위한 원형 글상자*/

font-size : 1.5em;

text-align : center;

background: #aaaaaa;

width: 30px;

height : 30px;

border-radius: 50%;

}


h2 { /*장 제목*/

text-align : right;

}


h2::before{ /* 장 제목 앞에 슬래시'/'를 자동으로 추가*/

content : "/";

display : block;

}


 HTML : ch001.css 

<div class="title">

<div class="ch_no">1</div>

</div>

<h2>나의 돈 관리 능력은<br />몇점일까?</h2>



예제4)

아래 예제는 '예제3'에서 아래쪽에 본문과의 여백을 두는 스타일이다. 본문과 여백을 두는 스타일은 쓰임이 많기 때문에 따로 설명을 한다. 



▷ 위 스타일에서 필요한 속성

1. 여백 설정 : margin 혹은 margin-bottom

    * 제목이나 문단에 여백을 줄 때는 padding보다 margin을 사용하는 것이 좋다.


 CSS : Style.css 

div.title { /*div 태그로 만든 원형 글상자를 오른쪽 정렬 시킴*/

display: flex;

flex-flow: row-reverse wrap;

}


div.ch_no{ /*장 번호를 위한 원형 글상자*/

font-size : 1.5em;

text-align : center;

background: #aaaaaa;

width: 30px;

height : 30px;

border-radius: 50%;

}


h2 { /*장 제목*/

text-align : right;

margin : 0 0 10% 0; /* margin-bottom : 10% 혹은 margin-bottom 20px 사용 가능*/

}


h2::before{ /* 장 제목 앞에 슬래시'/'를 자동으로 추가*/

content : "/";

display : block;

}


 HTML : ch001.html 

<div class="title">

<div class="ch_no">1</div>

</div>

<h2>나의 돈 관리 능력은<br/>몇 점일까?</h2>


* 전자책은 스마트폰, 태블릿, PC 등 하나의 파일로 여러 기기에서 사용을 한다. 그래서 상하 여백을 둘 때 화면 크기를 고려해야 한다.

상하 여백을 비율(%, em)로 설정하면 화면 크기에 맞춰 간격이 조절된다. 아이패드 처럼 큰 화면에서는 상하 간격이 넓어지고, 스마트폰에서는 상하 간격이 줄어든다. 하지만 화면에 따라 간격이 항상 바뀌기 때문에 편집 의도와 다른 결과를 보여줄 수도 있다. 

상하 여백을 고정값(px)으로 적용하면 제목과 본문 사이의 간격이 일정하게 유지된다. 하지만 화면 해상도에 따라 간격이 크게 벌어질 수 있고, 화면 크기에 따라 차이가 심하게 날 수 있다. 




예제5)

아주 간단하지만 많이 사용하는 스타일이다. 본문과 다른 글씨체를 사용하고, 위와 아래 여백을 둔다. 주의해야할 점은 들여쓰기이다. 기본 설정으로 들여쓰기가 되어 있으면 제목에도 영향을 줄 수 있다. 그렇기 때문에 제목에 들여쓰기를 할 것인지 확인하고 들여쓰기가 필요 없다면 들여쓰기 스타일을 빼줘야 한다.



▷ 위 스타일에서 필요한 속성

1. 글꼴 : font-family

2. 들여쓰기 설정 : text-indent

3. 상하 여백 : margin 혹은 margin-top, margin-bottom


 CSS : Style.css 

h3 {

font-family : "굴림";

text-indent : 0; /* 기본 들여쓰기가 되어 있어도 0으로 최화 됨. 들여쓰기를 원하면 지정할 수 있음.  */

margin : 10% 0 10% 0;

/* margin-top : 10%; margin-bottom : 10%; 여백 단위는 % 대신 px 등을 사용할 수 있음 */

}


 HTML : ch001.html 

<p>또 다른 주말에는 용서와.....</p>

<h3>결정적인 체험</h3>

<p>하루는 강사가 이런 말로...</p>




예제6)

아래같이 두단의 서로 다른 스타일 제목을 표현할 때는 <p> 태그로 묶은 후 다른 클래스로 스타일을 지정하는 방식을 많이 사용한다.


<p class="title_top">삶을 위한</p>

<p class="title_bottom">선택</p>


이렇게 표현을 하면 쉽게 스타일을 적용할 수 있는 반면, 제목 텍스트가 2개로 나뉜다는 문제점이 있다. 만약 이 페이지를 목차에 포함시키고 싶다면 어떻게 될까? 이 페이지의 목차는 '삶을 위한'이 된다. TOC를 수정한다 해도 권할 만한 방식은 아니다. 



▷ 위 스타일에서 필요한 속성

1. 글자색 : color

2. 줄바꿈 : display : block;


 CSS : Style.css 

h3 {

font-size : 1.4em;

margin-bottom : 10%;

}


.title {

display : block; /* br 태그를 쓰지 않고도 다음 줄로 내릴 수 있음 */

color : #777777;

}


 HTML : ch001.html 

<h3>삶을 위한 <span class="title">선택</span></h3>



** 시간이 오래 걸려 정리되는 대로 공개를 하겠습니다. 아래쪽도 계속 채울 예정입니다. **

예제7)

제목이나 제목 번호에 이미지로 글번호를 넣는 방법은 두가지이다. 하나는 이미지별로 번호를 넣어 사용하는 방식이다. 별다른 스타일을 적용할 필요 없어 편하긴 하지만, 목차가 100개쯤 되면 파일 용량도 커지고, 이미지가 많아 편집 시간이 오래 걸릴 수 있다. 

다른 하나는 배경에 이미지를 넣는 방식이다. 배경으로 이미지를 넣으면 이미지는 하나만 사용하고, 번호에 맞는 이미지를 찾는 시간도 절약할 수 있다. 하지만 편집이 복잡해 질 수 있기 때문에 글자를 확대/축소할 때 틀어질 수 있다.

이미지별로 글번호를 넣는 방법은 간단하기 때문에 여기서는 이미지를 배경으로 넣는 방법을 설명하겠다. 


▷ 위 스타일에서 필요한 속성

1. 배경이미지 : background-image

2. div 글상자에서 글자 정렬 : position, left, top


 CSS : Style.css 

div.bullet {

        background-image: url("bags.jpg");


        font-size : 35px;  /* 배경 이미지 크기는 고정이기 때문에 글자 크기를 조절할 수 없도록 px를 사용했다 */

        color : #FFFFFF;

            

        margin-left : auto;

        margin-right : auto;

        

        width: 67px;

        height : 80px;  

  }


  p.bulletNo { /* 글자의 위치를 고정시켜 화면 크기가 바뀌더라도 배치가 틀어지지 않는다 */

        position : relative; 

        left : 17px;

        top : 35px;

  }


  h2 {

        font-size : 1.5em;

        text-align : center;

  }


 HTML : ch001.html 

  <div class="bullet">

    <p class="bulletNo">01</p>

  </div>


  <h2>현명한 부모는 공부보다<br />

  운동을 먼저 시킨다</h2>



예제8)

아래 제목은 아주 단순하기 때문에 특별히 스타일을 적용할 필요는 없다. 그런데 제목 앞에 별표(★)가 있다. 제목에 항상 이런 특수한 기호나 단어가 들어간다면 CSS로 간단히 처리하는 방법이 있다. 제목을 쓸 때마다 별표를 하지 않아도 자동으로 추가되고, 표시를 변경할 때도 CSS만 수정하면 된다. 



▷ 위 스타일에서 필요한 속성

1. 앞쪽에 기호나 문장 삽입 :  ::before

* 뒤쪽에 들어가는 기호나 문장은 ::after를 사용한다.


 CSS : Style.css 

  h4 {

        font-size : 1.2em;

  }

  h4::before {

content : "★"; /* "참고", "주의!" 등 글자가 올 수도 있다 */

  }


 HTML : ch001.html 

  <h4>아이가 어릴수록 영수보다 운동을 시켜라</h4>



예제9)

아래처럼 제목 앞에 큰 이미지가 오고 이미지의 상하 중앙에 제목을 넣어야 하는 경우가 있다. 간단한 스타일이지만 복잡하게 생각하는 편집자들이 많이 있는 것 같다. div로 이미지를 감싸고 float을 써서 텍스트에 어울림 처리를 생각했다면 아래 스타일을 참고하기 바란다. 



▷ 위 스타일에서 필요한 속성

1. 이미지와 텍스트 상하 정렬 : vertical-align


 CSS : Style.css 

p.mtitle {

color : #5E6A70;

font-size : 1.1em;

padding : 1.3em 0em 0em 0px;

}

img.chakra{

vertical-align : middle;

padding : 0 10px 0 0;

}


 HTML : ch001.html 

  <p class="mtitle"><img class="chakra" src="../chakra.jpg" / alt="bullet">마시 시모프</p>



예제9)

아래 같은 편집은 전자책에서는 아주 까다롭다. 스타일 자체는 복잡하지 않은데 화면 크기도 제각각이고 글자 크기가 변경되기 때문에 본문 한줄만 이미지 아래에 걸치게 조절하기가 어렵다. 아래 코드는 글자 크기에 따라 처음 몇줄이 이미지 위에 걸치도록  했다. 글자 크기에 따라 이미지 위에 걸치는 본문 줄수가 1줄 ~ 3줄 이상이 될 수도 있다.


▷ 위 스타일에서 필요한 속성

1. 이미지 왼쪽으로 글자 배치 : float : left;


 CSS : Style.css 

img.bar {

float : left;

margin : 0;

padding : 0 10px 0 0;

}


h3 {

font-size : 1.5em;

margin-bottom : 280px; /* 이미지 세로 길이가 366px 이었기 때문에 본문이 이미지에 걸쳐질 수 있도록 아래쪽 여백을 조절했다 */

}

.chNo {

color : #AAAAAA;

font-size : 0.5em;

display : block;

}


 HTML : ch001.html 

<h3><img class="bar" src="../Images/bar.png"/><span class="chNo">두번째</span> 평생의 친구를 찾아라</h3>

<p>인생의 현자들을 만나 "오랫동안 행복한 결혼을 할 수 있었던 비결이 뭡니까?"하고 물었을 때 가장 먼저 나온 대답이 바로 "제일 친한 친구와 결혼을 했지."였다. 반대로 결혼에 실패한 사람들 중에는 이렇게 대답한 사람이 많았다. "우린 연인으로서는 좋았지만 친구가 되는 법을 알지 못했어."</p>


예제9)


아래 제목은 제목 아래에 이미지로 된 선이 그어져 있다. 이런 경우 간단히 표현을 하려면 이미지를 포기하고 비슷한 색으로 밑줄을 그어 주는 방법을 이용할 수 있다. 만약 밑줄 이미지가 편집에 중요하다면 이미지를 테두리로 표현할 수도 있다. 


▷ 위 스타일에서 필요한 속성

1. 텍스트 길이에 맞춰 글상자 크기 조절 : display : table;

2. 테두리 이미지 : border-image

3. 테두리 밑줄 : border-bottom


 CSS : Style.css 

h2.line { 

border-bottom : solid 2px #718F3F;

display : table;

}


h2.image { 

-webkit-border-image:url(underline.png) 0 0 5 0 round;

border-image:url(underline.png) 0 0 5 0 round;

display : table;

}


 HTML : ch001.html 

<h2 class="line">두번째 평생의 친구를 찾아라</h2>

<h2 class="image">두번째 평생의 친구를 찾아라</h2>


* border-image : border-image는 글상자 테두리를 이미지로 그려주는 스타일이다. 

border-image:url(underline.png) 0 0 5 0 round;

   앞쪽부터 이미지 url, 위 오른쪽 아래 왼쪽 테두리, 이미지 적용 방식으로 값을 지정한다. 


반응형
posted by 내.맘.대.로 2014. 12. 9. 09:19

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

누구나 책을 낼 수 있는 개인출판에 대한 불편한 진실을 항목별로 구분해서 살펴보겠습니다. 이 글은 개인출판을 반대하는 입장에서 쓰게 아닙니다. 개인출판을 원하는 분들에게 엄청난 가능성을 얘기하는 글들이 알려주지 않는 부분을 정리해서 보다 객관적인 판단을 돕기 위해 쓰는 글입니다. 


1. 전자책 개인출판은 비용이 들지 않는다?


전자책 개인출판의 장점은 적은 비용으로 누구나 출간이 가능하다는 것입니다. 비용을 거의 들이지 않고도 전자책을 만들어서 유통사에 유통할 수 있습니다. 여기까지는 진실입니다. 그런데 여기에 함정이 있습니다. 비용을 들이지 않은 전자책의 질이 얼마나 좋을까요? 비용을 들이지 않고 전자책을 만들 수는 있지만, 좋은 품질의 전자책을 만들기는 어렵습니다. 전자책을 만들기 위해 들어가는 비용을 간단히 정리해 보면 이렇습니다.


▶ 전자책 제작비용

1. EPUB 제작

     - 기본 품질 : 15만원 내외
        텍스트와 이미지 몇장 정도가 들어가 있고 특별한 스타일을 적용하지 않음

     - 중급 품질 : 30만원 내외

        여러장의 이미지가 들어가고 본문의 내용에 맞춰 간단한 스타일 적용

     - 고급 품질 : 50만원 이상

        본문의 내용에 맞춰 이미지를 배치하고, 글상자, 표 등을 집어넣으며 주석 처리 등 고급 기능 적용


2. 표지 이미지 제작

     - 전자책 이용 가능한 일러스트 라이선스 : 10만원 내외

         * 단, 포토샵 등 이미지 편집을 직접 할 수 있어야 하며 그렇지 않을 경우 추가 비용 발생


전자책 제작을 위한 최소한의 항목들입니다. EPUB을 기본 품질로 제작하고, 일러스트를 이용해서 직접 표지를 만든 후 교정교열을 직접 한다고 했을 때 25만원 정도 들어갑니다. 여기엔 아래의 조건들이 붙습니다.


1. 교정교열을 직접 해야한다.

2. 일러스트 이미지는 단순 이미지. 포토샵으로 '표지'를 직접 제작 해야한다.

3. EPUB의 품질을 높이려면 엄청난 노력을 해야한다. 그렇지 않으면 텍스트파일과 다를 바 없는 EPUB이 될 뿐이다.


혹자는 EPUB을 직접 만들 수 있다고 말할테지요. EPUB을 만들기 위해서는 HTML과 CSS를 공부해야 합니다. 시중에 나와있는 위지윅(WYSIWYG)[각주:1] 방식의 EPUB 편집기로 제작한 EPUB들은 대부분 보정이 필요합니다. EPUB 제작이 쉽다면 출판사에서 직원 한명을 시켜 간단히 제작하면 될텐데 왜 30만원이 넘는 비용을 들여 외부에 맡길까요? EPUB 제작은 홈페이지를 만드는 것과 크게 다르지 않습니다. 컴퓨터 학원에서 홈페이지 만드는 법을 배워보신 분들은 나모 웹에디터 사용법을 배우는 것과 개인이 홈페이지를 만드는게 얼마나 다른지 아실거에요. 


2. 개인출판을 하면 매출액의 60%를 받을 수 있다?


개인이 출판을 하면 60%의 수익을 가져갈 수 있습니다. 유통사는 매출액의 60%를 콘텐츠 공급자에게 돌려줍니다. 10,000원짜리 책이 한권 팔리면 6,000원을 공급자가 가져갑니다. 상당히 좋은 조건입니다.

출판사를 통해 책을 낸다면 어떨까요? 출판사는 20% ~ 30% 정도를 인세로 지급할 것입니다. 출판사별로 조건이 다르기 때문에 어떤 출파나는 이보다 높거나 낮을 수 있습니다. 

이 두 조건만 비교하면 개인출판이 출판사를 통한 출판보다 훨씬 좋아보입니다. 그런데 현실은 어떨까요?


모 유통사의 개인출판과 출판사의 작가별 전자책 판매금액을 비교해 보겠습니다. 2014년 1월 ~ 6월까지의 데이터로 분석을 했으나, 구체적인 자료를 보여드릴 수는 없습니다. 다만, 실제 데이터라는 것. 전혀 조작을 하지 않았다는 것은 확실히 말씀드릴 수 있습니다.


1. 개인출판 작가들의 6개월 평균 매출과 수익(작가 수익율 60%로 계산)

            - 매출액 : 46,803원

      - 작가 수익 : 28,082원


2. 출판사의 작가별 6개월 평균 매출액과 수익(작가 수익율 20%로 계산)

      - 매출액 : 302,934원

      - 작가 수익 : 60,587원


개인출판으로 60%의 수익을 가져갈 때 3만원이 채 되지 않지만 출판사를 통해 20%의 수익만 가져갈 때는 6만원이 넘습니다. 2배 이상 수익이 생깁니다. 단순히 계산해 보면 60%가 높아보이지만 출판사를 통할 때 매출이 높기 때문에 20%가 훨씬 큰 매출을 올리게 됩니다. 

이유는 간단합니다.


1. 개인이 출간한 책은 유통사의 메인페이지에 노출될 가능성이 극히 희박하다.

2. 개인이 출간한 책은 비용을 들여 마케팅을 할 수 없다.

3. 개인이 출간한 책은 유통사의 MD가 추천을 해 줄 가능성이 극히 희박하다.


독자들에게 노출이 되지 않으면 책은 팔리지 않습니다. 독자들이 내가 출간한 책을 알아서 사줄 거라는 생각을 하셨다면 큰 착각입니다. 아무리 좋은 책이라도 독자들의 눈에 띄지 않으면 독자들은 책을 사지 않습니다. 개인은 마케팅에 제약이 있기 때문에 독자들에게 자신의 책을 노출시킬 방법이 없습니다. 


참고로, 출판사 통해 출간한 작가들의 평균 수익이 6만원밖에 되지 않으니 2만원이나 6만원이나 별로 도움이 되지 않을거라고 생각하는 분들이 있을 것 같아 첨언합니다.


A 유통사에서 6개월동안 출판사 통해 출간한 작가 중 매출액 1천만원을 넘은 사람은 4명, 500만원을 넘은 사람은 25명, 100만원 이상을 올린 사람은 297명입니다.

이들은 A 유통사 뿐 아니라 4~5개의 유통사를 통해 이정도 매출을 올리고 있습니다. 매출액 1천만원을 넘은 사람이 벌어들인 수익을 단순 계산하면 1천만원 * 5(유통사) * 20% 라는 계산이 나옵니다. 

A 유통사에서 6개월동안 개인출판을 통해 100만원 이상 매출을 올린 사람은 단 한명도 없습니다. 50만원을 넘긴 사람이 단 2명 있을 뿐입니다. 그리고 이들은 A유통사에서만 유통을 했을 가능성이 아주 높습니다. 50만원 * 1(유통사) * 60%의 수익이 생겼을 것입니다. 

출판사를 통해 출간한 작가 중 매출이 발생한 작가는 3,800명이고, 개인출판으로 매출을 올린 사람은 60명입니다. 이 유통사에 개인출판으로 등록된 콘텐츠 수는 1만개가 넘는데 6개월간 60명만 판매가 있었다는 얘기입니다.


3. 누구나 전자책을 만들 수 있다?

설명에 들어가기 전에 아래 코드를 먼저 봐주세요.

 <h3 id="sigil_toc_id_2">어근·접사를 판단한 후, 용언이나 서술격조사 '이다'라면 어간·어미 판단 &nbsp;&nbsp;</h3>

  <p>이렇게 생각하면 ...(생략)...하면 됩니다.&nbsp;</p>

  <p><br /></p>

  <h4>&nbsp; &nbsp;ㄱ. 먹다</h4>

  <h4>&nbsp; &nbsp;ㄴ. 먹이</h4>

  <h4>&nbsp; &nbsp;ㄷ.집어먹다</h4>

  <p><br /></p>

  <p>ㄱ은 단일...(생략)...습니다.&nbsp;</p>

  <p>이렇게...(생략)...없습니다.&nbsp;</p>

  <p>그런데...(생략)...붙습니다.</p>

  <p><br /></p>

  <p>&nbsp; &nbsp;ㄹ. 먹다, 먹고, 먹으니, 먹어서, 먹으면, 먹을까, 먹지, 먹게, 먹어서, 먹은, 먹었다</p>

  <p>&nbsp; &nbsp;ㅁ. 집어먹다, 집어먹고, 집어먹으니, 집어먹어서, 집어먹으면, 집어먹을까, 집어먹지,&nbsp;</p>

  <p>&nbsp; &nbsp; &nbsp; &nbsp; 집어먹게, 집어먹어서, 집어먹은, 집어먹었다</p>


어떤 분이 개인출판을 위해 직접 제작한 전자책 파일을 검토해 달라며 보내주셨습니다. 이 코드를 보고 뭐가 잘못됐다는 생각이 드셨나요? 그럼 전자책을 만드셔도 됩니다. 

누구나 전자책을 만들 수는 있습니다. 그러나 누구나 '상품화 할 수 있는' 전자책을 만들 수 있는건 아닙니다. 이미지를 삽입할 때 float 스타일을 적용할 수있어야 하고, div 태그에 border와, background 스타일을 적요할 수 있어야 합니다. 편집기가 해 줄 수 있는 영역은 극히 제한적입니다. h4 태그와 p태그를 구분할 수 있어야 하고, 편집기로 편집한 결과물을 코드를 보고 수정을 할 수있어야 합니다. 이미지를 넣고 싶으면 포토샵도 다룰 수 있어야합니다. 96DPI와 300DPI의 차이도 알아야 합니다. 표지 이미지로 600*800을 쓰면 안되는 이유를 알아야 하고, 예전에는 1024면 충분했는데 최근에는 1440도 부족한 이유를 알아야 합니다.

제가 위에 쓴 말이 무슨 얘기인지 이해 하셨다면 '누구나' 전자책을 만들 수 있습니다. 이해를 전혀 못했다면 나는 '누구나'가 아니구나 라고 생각하시고, 전자책 전문 제작업체에 의뢰를 하세요. 교정교열 다 마친 완전원고와, 전자책 파일 안에 들어갈 모든 이미지, 폰트 등 전자책 제작에 필요한 모든 파일을 제공한다면 15만원이면 만들 수 있습니다. 이미지가 조금 많이 들어가면 30만원, 약간의 스타일을 적용하면 50만원이면 만들어줍니다. 이게 '누구나'의 진짜 의미입니다.


4. 유통사와의 계약

국내 주요 전자책 유통사는 교보문고, 한국이퍼브(예스24, 알라딘 등), 리디북스, 북큐브, 바로북 등 여러곳이 있습니다. 구글 플레이북스와 앱스토어에도 전자책을 등록해 판매할 수 있습니다. 개인출판을 하는 분들은 이 유통사들과 계약을 해야합니다. 계약을 하려면 출판사 등록을 해야하지요. 일부 유통사는 개인출판시스템이 갖춰져 있어 출판사 등록 없이도 이용이 가능하지만 저 유통사들에 제대로 등록을 하고 관리를 하려면 출판사 등록이 필요합니다.

출판사 등록을 대행해 주는 곳도 있습니다. 그런데 이런 곳을 통하게 되면 수익율이 60% 보다 낮거나 제작비를 받습니다. 전자책을 제작 관리하는데 종당 수십에서 1백만원 정도를 받습니다. 6개월 동안 2만8천원 벌어서 1백만원의 비용을 채우려면 3년이 걸리네요.


결론은...

개인출판이 의미가 없다는 소리를 하려는게 아닙니다. 이문열이나 이외수같은 작가라면 개인출판을 해서 큰 수익을 낼 수 있습니다. 이들이 개인출판을 해서 책을 내면 유통사에서는 알아서 홍보를 해주겠지요. 아마 텍스트파일을 유통사에 던져 주고 개인출판으로 판매하겠다고 해도 전자책 제작부터 마케팅까지 모두 유통사가 알아서 해 줄 것입니다. 

설혹 직접 모든걸 다 준비해서 개인출판으로 전자책을 유통했다 해도 메인페이지에 노출이 되고, 독자들은 이들의 책을 찾아다니며 구매를 합니다. 개인출판을 누구나 할 수 있다는 것은 이런 사람들을 두고 하는 얘기입니다. 

장르작가 중에도 유명한 사람들이 있습니다. 이들은 고정 팬이 1천명 이상 됩니다. 많은 분들은 1만명이 넘기도 합니다. 이들이 책을 내면 팬들이 책을 사기 때문에 한달에 수천만원씩 매출이 발생합니다. 이들 역시 유통사가 관리하는 '관리대상'입니다. 

개인출판을 하고 싶다면 먼저 좋은 콘텐츠를 생산해서 출판사를 통해 낮지만 20%의 수익을 받아 유통을 하세요. 그렇게 5권, 10권을 출간해서 이름을 알리세요. 이름이 알려진 후에 개인출판을 한다면 수익율의 60%를 가져가면서 큰 수익을 받을 수 있습니다. 출판사가 받아주지 않는 콘텐츠를 갖고 있다면 '개인출판'은 절대 기회가 아닙니다. 개인출판으로 성공한 콘텐츠는 대부분 출판사가 욕심을 내서 출간하려고 달려드는 콘텐츠입니다. 


많은 작가들이 자기가 콘텐츠를 갖고 있다고 콧대가 하늘을 찌릅니다. 어느 출판사에서도 거들떠 보지 않는 그런 콘텐츠로 수익율이 60%네, 40%네 하면서 조건을 따집니다. 이들은 개인출판으로 성공할 수 있는 '누구나'가 절대로 될 수 없습니다. 개인출판으로 성공을 할 수 있는 사람들은 출판사나 유통사가 알아서 모셔가고 싶어하는 양질의 콘텐츠를 가진 사람들입니다. 이게 개인 출판의 진짜 현실입니다. 





  1. What You See Is What You Get의 약자로 화면에 보이는 그대로 편집이 가능한 방식. 한글(HWP)이나 MS워드가 대표적이며 HTML 편집기로는 나모웹에디터, 드림위버가 이에 해당한다. [본문으로]
반응형
posted by 내.맘.대.로 2014. 12. 2. 18:22

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

전자출판과 관련한 강의를 하다 보면 개인출판(1)[각주:1]에 관심을 보이는 분들이 많습니다. 그동안 좋은 콘텐츠를 갖고 있어도 출판의 문턱이 높아 개인이 책을 출간하는 것은 꿈에 불과했습니다. 돈이 많은 사람들이야 수백에서 수천만원을 들여 책을 낼 수 있었지만 평범한 사람들은 엄두를 내기 어려웠지요. 그러다 전자책이 등장하고, 개인출판이 가능해 졌습니다.


'누구나 책을 낼 수 있다.'


전자책 시장 규모가 조금씩 커지면서 이런 말을 많이 보게 됩니다. 개인 출판 솔루션도 만들어 지고, 실제로 개인출판을 통해 성공을 거둔 사람들 얘기도 하나 둘씩 나오고 있습니다. 그런데 개인 출판에 대한 불편한 진실에 대해서는 누구도 얘기를 하지 않고 있습니다. 


개인출판이 정말 콘텐츠를 갖고 있는 사람들에게 새로운 희망일까요? 아니면 또다른 좌절만 안겨줄 뿐일까요?


제가 하고싶은 얘기는 새로운 것이 아닙니다. 이미 여러 곳에서 했던 내용입니다. 하지만 이런 얘기들은 '희망'적인 얘기들에 묻혀 제대로 퍼지지 않고 있습니다. 해외에 올라온 글을 하나 소개해 봅니다. 


Six Tough Truths About Self-Publishing (That The Advocates Never Seem To Talk About)

http://litreactor.com/columns/six-tough-truths-about-self-publishing-that-the-advocates-like-to-avoid-discussing


핵심만 간추리면 이렇습니다.


1. Stimulating sales is hard.
     판매 촉진은 아주 어렵다.

2. Many self-published authors earn less than $500 a year.
   많은 개인 출판 작가들의 연간 수익은 $500다.

3. The biggest contributing factor to sales is luck. 

    매출에 가장 크게 기여하는 것은 운이다.

4. Designing a cover and editing is not easy.
     표지 디자인과 편집은 쉽지 않다.

5. Kiss movie and foreign rights goodbye.
     영화화나 해외 번역은 안녕~

6. The advocates aren't selling a new paradigm, they're selling themselves.
   (셀펍)지지자들은 그들 자신을 판매하지 새로운 패러다음을 판매하지 않는다.


다른 얘기를 한번 보겠습니다. 이번에는 국내 저자입니다.


http://blog.daum.net/jijabella/18350153

출판은 쉽다. 하지만...


많은 작가 지망생들이 이러한 자가 출판을 매력적으로 생각하고 접근하고 있습니다. 출판 자체는 사실상 장벽이 없다고 할 정도로 쉽습니다. 중간에 출판사가 끼지 않으므로, 그 수익은 고스란히 작가가 가져가게 되니, 이것 역시 거부하기 힘든 유혹입니다.

하지만, 그것은 어디까지나 전자책이 판매가 되었을 때 이야기입니다. 이러한 자가 출판은 선인세 개념이 아니라, 판매에 따른 후인세 개념으로 수익을 배분받습니다. 판매가 제대로 이루어지지 않으면, 손가락만 빨고 있어야 합니다. 즉, 작품을 쓴 작가는 편집자, 인쇄업자, 북 디자이너 등의 역할 뿐만 아니라, 영업자의 역할까지도 해야만 합니다.

이것이 바로 자가 출판에 대해서 많은 사람들이 간과했던 부분입니다.

책의 출판 이후 영업과 마케팅의 후속 조치까지도 고스란히 작가의 몫으로 남게 되는 것입니다. 다행히 최근에는 트위터와 페이스북같은 소셜 네트워크 서비스가 있어서, 과거보다는 홍보가 수월할 수도 있습니다.

하지만, 같은 소셜 네트워크상에서 전문 마케터와 글만 쓰던 작가가 맞붙기에는 상당한 어려움이 있을 것입니다. 앞서 희망적인 말씀을 드렸는데, 이번에는 제 경험담을 들어서 조금은 절망적인 이야기를 드려야 할 것 같습니다.

저 역시도 스매시워드와 유페이퍼(www.upaper.net)에 소설들을 올리고, 판매를 하는 자가 출판 작가입니다. 현재까지 판매량은 스매시워드에서는 제로, 유페이퍼에서는 다섯 권이 팔렸습니다.


이건 실패한 사람들 얘기라고 생각하실 분이 있겠지요.

신문을 통해 개인출판으로 월 수백만원씩 버는 사람들이 있다는 얘기도 봤는데 연간 500달러에 겨우 다섯권이라니.

개인출판으로 성공한 작가들을 잘 살펴보세요. 정말 '개인'이 있는지. 그런 작가들은 대부분 기성작가입니다. 


한 업체가 개인출판 솔루션을 만듭니다. 솔루션을 많은 사람이 이용하도록 할 가장 좋은 방법이 무엇일까요? 마케팅? 아닙니다. 수익입니다. 이 솔루션으로 전자책을 냈더니 한달에 몇백만원 벌 수 있다는 소문이 나면 사람들이 몰리겠지요. 솔루션 업체는 유명한 작가를 섭외해서 솔루션을 통해 책을 출간하도록 '지원'합니다. 작가는 가만히 앉아서 원고만 텍스트 파일로 넘기면 됩니다. 나머지는 업체가 알아서 하는거지요.

그 다음, 이 작가의 작품을 홍보합니다. 역시 작가는 가만히 있고 업체가 홍보에 발벗고 나섭니다. '우리 솔루션으로 이런 작가가 책을 냈다.'고요. 유명한 작가의 책이나 판매가 많이 일어납니다. 업체가 발벗고 홍보를 하고 마케팅 비용을 대면 월 수천만원까지 매출이 납니다. 그 다음엔 어떻게 할까요?

업체는 작가의 이름을 쏙 빼고, '우리 솔루션으로 월 수천만원 매출을 올린 작가가 나왔다.'라고 신문에 기사를 냅니다.  작가가 누구인지는 개인정보 보호를 위해 밝힐 수 없습니다. 개인출판의 성공사례인거지요. 이 성공사례를 보고 콘텐츠를 갖고 있는 사람들이 뛰어듭니다.


진실은 어떨까요? 개인출판으로 책을 낸 사람들의 진짜 진실.

http://mathbang.net/615

2월 정산액이 10만 원을 넘지 않아서 이월됐는데, 3월 정산액까지 합한 15만 원이 넘어 4월 말에 정산받았습니다.


정산일이 정확하게 쓰여 있지 않아서 그냥 말일을 예상하고 있었는데 25일에 입금되었네요. 어디나 다 그렇듯 세금 3.3% 제외하고 입금되었어요.

...<중략>...

앞으로 2학기가 될 때까지는 판매가 거의 없어서 계속 이월될 것 같아요. 3, 4월에 정산받고, 계속 이월되다가 9, 10월에 정산받는 패턴이 계속될 것 같네요.


8권을 내고 몇달을 이월해서 받은 정산 금액이 16만원이 채 되지 않습니다. 

3월, 4월에 정산 받고, 9월 10월에 정산받는 패턴. 책을 8권 낸 유명한 블로거가 개인출판을 통해 한달에 10만원을 넘기지 못한다는 소리입니다. 한달에 10만원이 아니라 6개월에 10만원을 넘기는거지요. 

이분은 개인출판으로 엄청난 성공을 거둔 분입니다. 6개월에 10만원은 커녕 1년에 1만원을 넘기지 못하는 사람들이 대부분입니다. 


왜 신문에서 보던 기사와 현실이 이렇게 다른걸까요?


다음편에서 개인출판의 문제점은 무엇이고, 왜 개인출판이 새로운 대안이 아닌지에 대해 자세히 설명을 하겠습니다.


To be continue~



  1. 개인출판(혹은 자가출판)과 1인출판에 대한 용어는 명확히 정리되지 않았습니다. 그래서 나름대로 정의를 내려봅니다. 1. 개인출판(Self Publishing) : 저자가 직접 자기 콘텐츠를 출판하는 방식 2. 1인출판 : 직원이 1명인 출판사. 자신의 콘텐츠를 출간하기 보다는 다른 저자들의 콘텐츠를 출판함. [본문으로]
반응형