Produzindo um bom e-book. Senão eu atiro…

José Fernando Tavares
Booknando
Published in
6 min readApr 19, 2017

Publicado pela editora Estratosfera o livro Senão eu atiro e outras histórias verídicas teve uma edição impressa produzida pela editora Quelônio, especializada em livros artesanais. Nesta versão o livro é praticamente uma peça de colecionador, com características únicas, como por exemplo o carimbo aplicado a mão, a capa feita em serigafria e o elegante estojo. Edição de luxo, feita com carinho e capricho.

Transformar algo assim para o digital é um desafio!

A experiência do usuário

O primeiro passo para a adaptação de um conteúdo que já foi pensado para o impresso, ou seja, em um formato bem específico e com características que não podem ser copiadas, é descobrir qual é a essência do livro. Neste caso o foco é o texto em si mesmo, por ser um livro de contos breves. Logo, a primeira escolha a ser feita é facilitar o acesso ao texto. Para isso foi escolhido o formato ePub3 fluido por ser um formato que se adapta facilmente aos vários aparelhos com telas de tamanho diferente. Decidimos pelo ePub3 e não a versão 2 pelo fato que o e-book iria conter também um áudio com a autora narrando um dos textos. Este é um plus que o digital pode oferecer.

Um segundo passo foi definir as fontes a serem utilizadas. Neste caso foi escolhida a New Baskerville que já tinha sido usada no impresso. Além de ser uma fonte de fácil leitura, os editores já possuíam os direitos de uso para o digital, estava em formato OTF e possuía todas as variações necessárias (normal, itálico, bold, bold itálico).

Uma vez escolhida a fonte, foi definida as características do texto, como alinhamento, espaçamento e tamanho. No caso do tamanho da fonte foi utilizado o padrão exigido pelas lojas de e-books e recomendado para todos os livros digitais no formato ePub.

A formatação do texto ficou assim:

h1, h2, h3, h4, h5, h6 {
-epub-hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
page-break-after: avoid;
}
/* Controle de orfãs e viúvas. */p, blockquote {
orphans: 2;
widows: 2;
}
/* Hifenização para paragráfos. */p,figcaption {
-epub-hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* Estilos do texto */p {
font-family: NewBaskervilleStd, Baskerville, serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
margin: 0;
text-indent: 0em;
line-height: 1.4em;
text-align: justify;
margin-bottom: 0.3em;
text-indent: 1.5em;
}

Menos é mais. Escolhas a serem feitas

Na versão impressa, o livro continha várias imagens, inclusive algumas em página cheia que dão um certo ritmo à leitura e elegância ao livro.

Na versão digital decidimos não utilizá-las. Os motivos foram de ordem técnica e de escolha editorial. Como já dito acima o foco desta coletânea de contos é o texto. Imagens que no impresso tinham uma função estética iriam apenas quebrar o ritmo de leitura no digital sem fornecer a mesma beleza proporcionada no impresso. Não fazia sentido mantê-las. O espaçamento do texto e a separação entre título e bloco de texto já cumpriam a missão de deixar um respiro na leitura.

Para facilitar a formatação, foi usando um bloco para o capítulo e outro para o bloco de texto:

<div class="header">
<h1>Experiências extracorpóreas</h1>
</div>
<div class="article">
<p class="firstPara"><span class="capitular">Q</span>uando vi pela primeira vez – ainda que acordada e consciente – meu próprio corpo inerte no sofá, [...]</p>
[...]
</div>

Desta forma com uma simples regra CSS page-break-after: always aplicada no div.header obtivemos a quebra da página sem quebrar o arquivo HTML. Além disto aplicando uma margem superior em porcentagem nos blocos header e article foi fácil obter um espaçamento proporcional ao tamanho da tela, dando um bom respiro e ao mesmo tempo mantendo a flexibilidade necessária aos vários tamanhos de tela.

A marcação clara e simples do texto é fundamental

Folha de rosto pra que te quero?

Uma das dificuldades em produzir uma versão digital a partir de uma versão que já foi impressa é ter que manter o layout que foi pensado para uma página fixa. As telas onde será visualizado o e-book possuem tamanhos diferentes.

No nosso caso foi escolhido manter a formatação fixa da folha de rosto, mas ao mesmo tempo manter a capacidade de adaptar-se. Isso poderia ser resolvido com uma imagem em formato JPG ou PNG, mas com o risco de ter uma qualidade baixa na visualização do texto. Texto em forma de imagem nunca é uma boa opção!

A escolha caiu no SVG. Este é um formato vetorial que garante uma qualidade excepcional para o texto em qualquer tamanho de tela. Este formato de imagem pode ser produzido com o Illustrator CC. O problema é que sempre aparece algum erro na hora do teste final. Estes erros precisam ser corrigidos a mão, abrindo o SVG em um editor de texto (sim, ele é um XML feito só de texto que gera uma imagem!). Além desta dificuldade, tem a possibilidade de que algum software leitor não reconheça o SVG. Para resolver este impasse foi usado uma opção de fallback com uma imagem em formato JPG. Se o software não ler o SVG ele vai ler o JPG e a pessoa que está lendo nem vai perceber.

O código ficou assim:

<object type="image/svg+xml" data="../Images/rostoFolha.svg">
<img src="../Images/rosto.jpg" alt="Senão eu atiro e outras histórias verídicas. Autora Leusa Araujo"/>
</object>
O SVG na folha de rosto oferece uma excelente qualidade na visualização do texto.

Enfim o áudio…

Acrescentar um áudio em um eBook é sempre um recurso interessante, porém, nem sempre funciona nos aparelhos! Aliás, na maior parte das vezes não funciona! :(

O método adotado foi o mesmo usado para a folha de rosto: inserir um áudio embutido (em mp3) e criar uma opção de fallback. Neste caso, quando o áudio não é suportando o leitor terá um link com uma mensagem que convida ele a clicar e abrir o áudio em um navegador.

O código ficou assim:

<audio controls="controls" src="../Audio/iracema.mp3">
<p class="textoAudio">[<a target="_blank" href="https://goo.gl/bpXktB">Clique aqui para ouvir a narração deste conto</a>]</p>
</audio>
Controles permitem iniciar, pausar ou parar o áudio.

Produzindo para a Amazon

Como a maioria de vocês já sabem, a Amazon utiliza um outro formato de e-book, o MOBI. Em geral os editores escolhem deixar que seja a Amazon a fazer a conversão direta do arquivo ePub para o seu formato proprietário. Eu prefiro fazer uma produção específica.

Depois de finalizado, corrigido e testado o formato ePub3, fiz uma versão pensando na Amazon. Nela foram retirados detalhes que não fazem sentido no formato MOBI, como por exemplo o áudio embarcado. Deixamos apenas o link para o SoundClound onde as pessoas podem escutar a narração. Mudamos também o ISBN na página de créditos (o MOBI precisa de outro ISBN) e retiramos as referências ao formato ePub. Além de outros detalhes técnicos que as especificações da Amazon exigem.

Detalhes e revisão

São muitos os detalhes que fazem um e-book ter uma boa qualidade, mas o fundamental é manter o foco nas pessoas que irão ler (a tal user experience) proporcionando a elas um conforto de leitura que vai além de recursos gráficos.

Para construir um bom e-book é preciso conhecer e desfrutar as especificidades que o digital possui.

O trabalho, porém, não termina com a entrega para as lojas (usando o ótimo serviço da Bookwire), pois será necessário verificar se ficaram erros ou problemas que não foram previstos.

Os livros digitais permitem a correção destas eventuais falhas e a atualização do arquivo nas lojas de modo prático e eficiente.

Compra do livro

Você pode comprar o e-book nestas lojas online:

Amazon | Livraria Cultura | Kobobooks | Google Play | iBookstore | Wook

Aprendendo mais sobre produção de livros digitais…

Caso queiram aprender mais sobre a formatação de um e-book no formato ePub não percam a oportunidade de fazer o curso em modalidade EAD Técnicas de produção de livros digitais.

--

--

José Fernando Tavares
Booknando

Founder of Booknando. Speaker, teacher, instructional Designer and e-book expert, gives e-book training class in Brazil and Italy. Philosophy lover.