20 recursos do InDesign que você não pode ignorar na produção de EPUB 3

Se você já trabalha com produção de eBooks ou deseja iniciar sua carreira no mercado de livro digital saiba que conhecer (e se manter atualizado) sobre as melhores práticas de produção é essencial.

E para te ajudar nesta jornada fiz uma compilação de 20 recursos especiais do InDesign que você deve conhecer (e entender) para atingir melhores resultados nas exportações para ePUB (responsivo).

Mas o que torna esses recursos tão especiais? Você deve estar se perguntando. Bem, o simples fato de estarem listados no painel de exportação do formato ePUB, eu digo.

De todos os comandos e recursos que o InDesign oferece (e não são poucos) como saber o que é realmente importante para produção de eBooks? Minha sugestão é começar pelo painel de exportação, afinal é por ele que o arquivo ePUB será gerado.

Este artigo vai despertar em você a importância de combinar os recursos do InDesign com as funções disponíveis no comando de exportação. E com essa simples, mas poderosa, prática você vai tornar seu fluxo de trabalho mais rápido e produtivo. Acredite!

Aqui estão os 20 recursos do InDesign que você não pode ignorar na produção de eBooks. O último da lista é bônus.

  1. Versão do ePUB
  2. Capa
  3. Sumário
  4. Ordem de leitura
  5. Quebra do documento
  6. Publish Online
  7. Quebra suave de parágrafo
  8. Notas de rodapé
  9. Listas
  10. Aparência das imagens
  11. Inline e Ancorado
  12. Imagens responsivas
  13. Box e vinhetas
  14. Otimização
  15. Folhas de estilo – CSS
  16. Formatação adicional
  17. Interatividade
  18. Metadados
  19. Testes, testes e testes
  20. GREP (Expressão Regular)

Continue lendo esse artigo para saber como o InDesign pode te ajudar a produzir mais e melhores eBooks. A dica número 20 você não vai querer perder.

1/Versão do ePUB

Se você utiliza qualquer versão do InDesign, a partir do Creative Cloud, não tem motivos (técnicos) para continuar a exportar como ePUB 2.

Mude agora para ePUB 3, pois além de suportar mais recursos do InDesign (estilo aninhado e multimídia), o formato ePUB3 está bem melhor estruturado. Em projetos mais simples já conseguimos validar o ePUB direto da exportação do InDesign.

E não se preocupe, pois o ePUB 3 é compatível com leitores mais antigos e eReaders, que suportam apenas ePUB 2. Saiba mais sobre o ePUB 3 neste artigo.

2/CAPA

Adicione uma imagem externa ou converta a primeira página para se tornar a capa do eBook. Será criado um arquivo cover.xhtml, bem como toda declaração necessária para que os eReaders identifiquem, tanto a imagem, quanto o arquivo .xhtml como sendo a capa da edição.

Confira nas imagens abaixo que toda marcação é criada pelo InDesign. Nossa preocupação aqui é escolher bem o melhor layout da Capa.

Parte do content.opf com a marcação da capa no Spine e na aba Guide (semântica do ePUB 2)
O arquivo cover.xhtml também é marcado na semântica do ePUB 3, pelo atributo epub:type=”cover”

3/SUMÁRIO

Se há um recurso unânime em qualquer tipo de publicação, digital ou impressa, me arrisco a dizer que é o sumário. E nos livros digitais podemos usar até duas variações deste recurso.

O sumário do eReader (externo) e o sumário da publicação (interno), em especial para distribuição pela Amazon, que exige a presença de ambos os tipos.

Sendo externo ou interno vamos produzir ambos de uma só vez, afinal a ideia é aumentar sua produtividade. Acesse o menu Layout > Sumário e escolha os estilos de parágrafo que farão parte do sumário.

Claro, não se esqueça de salvar um estilo de sumário (destaque), e aplicar o mesmo no painel de exportação, na aba Geral > Sumário de navegação.

4/ORDEM DE LEITURA

Essa é uma das premissas para produção do eBook. Todo conteúdo deve estar inserido na mesma caixa de texto, com objetos e imagens aplicados como âncoras ou inline (saiba mais no tópico inline ou ancorado).

Apesar do InDesign permitir a exportação com base em XML ou pelo painel Artigos, minha experiência de produção sempre foi com base no layout de página. E está funcionando bem…

5/QUEBRA DO DOCUMENTO

Mesmo que o livro inteiro esteja numa única caixa de texto no InDesign, a leitura não precisa seguir da mesma forma. Ou seja, aplicar quebras no conteúdo, normalmente nos capítulos, é essencial para assegurar uma boa experiência de leitura.

E o InDesign evoluiu bem nesta tarefa. Atualmente podemos aplicar pontos de quebra com base em qualquer estilo de parágrafo, com um simples clique.

6/PUBLISH ONLINE

Recente recurso adicionado no InDesign CC, e apesar de não ter uma relação direta com os eBooks, o Publish Online permite uma combinação bem interessante com o ePub de Layout Fixo (FXL).

Você sabe me dizer o que o Publish Online tem em comum com ePub de Layout Fixo? Simplesmente, ambos suportam todos os recursos interativos do InDesign.

Recursos interativos suportados:

  • Hyperlinks
  • Botões
  • Galeria de imagem
  • Multimídia (vídeo e áudio)
  • Animações

Imagina poder distribuir a partir do mesmo arquivo de InDesign uma publicação online e offline. Agora você pode parar de imaginar e começar a produzir, pois a combinação ePUB FXL (offline) e Publish Online (online) permite essa dobradinha.

Bem interessante, não acha? Leia mais sobre o Publish Online nesta sequência de artigos – InDesign CC 2015.1InDesign CC 2015.2InDesign CC 2015.3

7/QUEBRA SUAVE DE PARÁGRAFO

O tão conhecido shift + enter, nossa quebra suave de parágrafo utilizado com frequência nas melhores diagramações pode ser preservada ou removida diretamente do painel de exportação.

Particularmente, prefiro removê-las.

8/NOTAS DE RODAPÉ

Clássico recurso do design de livros está presente na exportação do ePub desde a versão CS4 do InDesign.

No formato digital as notas de rodapé funcionam como notas de fim, sendo todas aplicadas no final de cada capítulo (ou arquivo HTML).

O painel de configuração das notas de rodapé pode e deve ser explorado, pois apresenta excelente suporte dos recursos na exportação para ePUB. Por padrão, as notas de rodapé recebem links de navegação de forma automática (ida e volta).

9/LISTAS

Na versão Creative Cloud este recurso foi totalmente reformulado para atender as normas do W3C.

Exportando as listas como ordenadas (números) e não ordenadas (marcadores) temos uma estrutura limpa e compatível com todos os leitores.

Marcação do HTML apenas com o que é necessário. Menos conflitos nos eReaders.
Resultado da exportação no Adobe Digital Editions

10/APARÊNCIA DAS IMAGENS

A aba Objeto do painel de exportação reserva duas opções que se alternam:

  • Preservar aparência
  • Usar imagem existente

A primeira assegura que a aparência da caixa da imagem, ou seja, borda, cantos arredondados, sombra, etc, serão preservados na exportação. Mas não se iluda, tal recurso é exclusivo para caixas de imagem, não funciona com caixas de texto 🙁

a segunda é útil quando se deseja exportar a imagem original, sem a interferência da formatação da caixa no InDesign.

11/INLINE E ANCORADO

Antes de seguirmos para o próximo item da aba objeto, vale uma explicação sobre as diferenças entre inline (incorporado) e ancorado (personalizado).

Então, como você insere imagens e caixas de texto em suas edições para eBook?

Calma, antes de responder veja como cada uma atua na exportação do ePUB.

  • Inline (incorporado) – objetos inseridos desta forma serão sempre rasterizados, ou seja, transformados em imagem.

  • Acima da linha e ancorado (personalizado) – neste modo os textos são preservados na exportação para ePUB.

Agora que você sabe como cada item ancorado funciona, acredito que seja mais fácil escolher. Vamos em frente!

Imagens

Minha recomendação é aplicar todas as imagens de forma inline. Copie as imagens com a ferramenta de seta preta e com a ferramenta de texto crie um novo parágrafo para colar a imagem.

Mas se você tiver imagens com legenda no projeto?

Para situações de layout com foto e legenda, sem dúvida uma boa abordagem é agrupá-las, pois assim fica mais fácil assegurar que se mantenham juntas no fluxo de leitura do eBook.

Mas eu não quero transformar minhas legendas em imagem, e acredito (e espero) que você também não. Enfim, qual é a solução?

Ainda bem que o InDesign nos presenteou com uma carta na manga. Nessas situações mude no painel Opções de Objeto Ancorado de Incorporado para Acima de linha.

Todo layout será preservado. Se preferir aplique um estilo de objeto para ajustar o conjunto (foto e legenda) em lote. E lembre-se, produtividade com qualidade técnica e visual é o nosso objetivo.

Olhos e vinhetas

Utilize os objetos (caixa de texto) de forma ancorada (personalizado) dentro da caixa de texto principal. Cada objeto aplicado no seu próprio parágrafo.

Arraste o ícone Azul do quadro de texto para o parágrafo no qual deseja exibir o objeto.

Através dos estilos de objeto podemos exportar propriedades de preenchimento e contorno, e aliado a aba EPUB e HTML é possível ter o controle do tamanho e posição de Olhos e Vinhetas.

12/IMAGENS RESPONSIVAS

Este é um recurso 100% produtivo. Nunca se esqueça que todo objeto no eBook precisa ser responsivo, para assim se ajustar a diferentes larguras de tela.

Agora imagina ter que controlar cada uma das imagens da publicação de forma separada. Sem chance!

Resolva essa situação mantendo sempre a opção Tamanho CSS como Em relação ao fluxo do texto. Assim, cada imagem receberá um valor em porcentagem conforme a área ocupada na página.

13/Box e vinhetas

Alguns exemplos de vinhetas produzidas direto do InDesign, com largura responsiva e preservando a aparência do layout (preenchimento e contorno). Tudo controlado pelo estilo de Objeto.

Box de texto centralizado e responsivo
Box com texto ao contorno e responsivo. Funciona também com imagens
E com um pouco de CSS podemos fazer uma vinheta bem interessante, no estilo de balão

14/Otimização

As configurações de conversão permitem corrigir uma ou duas imagens que esquecemos de otimizar a resolução para 150 dpi. Não recomendo deixar o painel realizar essa redução em todas as imagens.

Distribuir ebooks bem otimizados em relação ao peso final do arquivo, sem dúvida, é uma boa prática de UX.

Para projetos com grande quantidade de imagens sugiro a utilização de sites especializados na otimização de arquivos jpg e png.

15/Folhas de estilo – CSS

Neste item todo seu trabalho para aplicar e corrigir os estilos de parágrafo, caractere, tabela e objeto será colocado em prática. Após a exportação para ePUB todo estilo do InDesign será marcado como uma class do CSS.

Opções desta aba incluem:

  • Aplicação de margem em torno do conteúdo do eBook.
  • Preservar substituições locais. O que recomendo deixar desabilitado.
  • Incluir fontes.

16/Formatação adicional

Através do campo CSS Adicional surgem grandes possibilidades para complementar a aparência do ePUB.

A utilização desse recurso requer, no mínimo, planejamento para alinhar as marcações de estilos realizadas no InDesign, com um arquivo CSS previamente produzido.

17/Interatividade

Uma das promessas do ePUB 3 esbarrou na constante limitação do livro digital – eReaders e apps de leitura.

A instabilidade dos leitores de eBook já foi comparada com o início da web, época que os pioneiros do web design tinha que produzir praticamente um site para cada navegador.

Em meados na década de 90 a disputa ocorria entre a Netscape e o recém lançado Internet Explorer.

Voltando ao século XXI e para a produção de eBooks qualquer semelhança não é mera coincidência. Caso deseje incluir uma interatividade com JavaScript, prepare-se para produzir no mínimo duas versões do eBook.

Uma versão com a interatividade podendo ser publicada, principalmente, para dispositivos Apple e uma segunda versão para as demais livrarias – Amazon, Cultura, Saraiva, etc.

18/Metadados

Trata-se da principal mudança do painel de exportação. A partir do InDesign CC podemos exportar eBooks contendo os principais campos de metadados já preenchidos. Evitando muitas vezes edições pós-exportação e erros de validação.

Conheça os metadados obrigatórios:

  • Título
  • Data
  • Autor
  • Idioma

19/Testes, testes e testes

O painel de exportação termina com a aba Aplicativos de Visualização, mas dependendo do tipo de projeto e da sua exigência de qualidade, o trabalho pode estar na metade ainda.

Tenha em mente que para atingir uma qualidade técnica e visual é obrigatório realizar testes em diferentes plataformas e dispositivos. Afinal nunca se sabe qual o dispositivo do usuário/leitor.

Mas não se desespere, ao imaginar que precisa ter todos os tablets, phones e eReaders disponíveis no mercado.

Costumo abordar essa etapa de testes de forma objetiva e sugiro que faça o mesmo. Podemos dividir as opções de leitura dos eBooks por duas características

  • Formato – dispositivos com larguras diferentes
  • Render – responsável pela exibição do eBook na tela do dispositivo.

Render

Dispositivos

eReader

Tablet

Phone

Desktop

Apple

iBooks

iBooks

iBooks
Readium

Adobe

Kobo

Lev

ADE(1)

ADE

ADE

Amazon

Kindle

Kindle Previewer

Observações:

(1) ADE – Adobe Digital Editions está disponível em todas as plataformas (Windows – Mac – Android) e apesar de apresentar instabilidades e conflitos entre suas versões continua sendo um bom parâmetro para testes. Pois se o recurso funcionar no ADE é bem possível de ter suporte na maioria dos leitores.

A plataforma Android oferece uma vasta opção de leitores. Utilize, em especial, os leitores das plataformas nas quais pretende distribuir os eBooks. Por exemplo, Saraiva, Kobo, Play Books (Goolge), entre outras.

20/GREP (Expressão Regular)

Podemos realizar mudanças profundas no documento através dos comandos de GREP.

Nesta opção são utilizados marcadores ao invés de textos para localizar partes do documento que seguem um determinado padrão.

As expressões regulares estão presentes em vários softwares da Adobe – InDesign, Dreamweaver, Bridge e até o Photoshop permite usar esse recurso.

Se você nunca usou o GREP, acesse agora o menu Editar > Localizar / Alterar e aplique dois comandos já presentes no InDesign

  • Vários espaços em espaço único
  • Vários retornos em retorno único

Esses comandos devem ser aplicados, preferencialmente, no início da diagramação, removendo excessos de espaços e parágrafos vazios. Com esse procedimento melhoramos a estrutura do texto para projetos tanto de mídia digital, quanto impressa.

E o Sigil não está de fora! Também compatível com as marcações do GREP, sendo o recurso ideal para remoção das redundâncias aplicadas no código dos eBooks exportados pelo InDesign.


Fique agora com o bônus deste artigo. Aula grátis sobre “Como utilizar o GREP no Sigil” para otimizar a formatação do eBook!


Bastidores do EPUB 3

Um curso sobre a produção de um livro digital sem cortes.

Uma proposta diferenciada para a sua capacitação!

Inspirado na modalidade de aprendizado por projeto, este treinamento apresenta todas as etapas para a produção de ebooks em formato EPUB 3 refluível, desde o indesign até a finalização para Amazon/Kindle.

Ao acompanhar os detalhes de uma produção real, você irá acelerar o seu aprendizado e tempo de produção, evitando erros e aplicando as melhores práticas, que foram validadas durante os testes nos principais leitores do mercado – Books (Apple), Adobe Digital Edition (Windows), Play Books (Android), Kindle.

Saiba Mais Aqui

Plano de Aula Completo


COMPARTILHAR É AJUDAR!

Mostre para um amigo/amiga que você se importa com ele/ela. Compartilhe esse Guia com 20 Recursos do InDesign que Você Não Pode Ignorar na Produção de eBooks/EPUB 3.

Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+
Compartilhe no LinkedIn

COMPARTILHAR:
, , , , , ,

Felipe Santos

Eu ajudo designers, editores, autores e entusiastas sobre publicações digitais (EPUB 3, HTML5 e App) a produzir e publicar conteúdo unindo técnica e design, mesmo para quem não sabe nada de programação. Vem comigo, colocar sua publicação para o Mundo :)

4 comments

  1. Melhor impossível!

  2. Hello there ,
    I’m sorry I don’t speak Portuguese but I think this can be helpful.
    I was using the picture compressor tool you mentioned on your page here: labs.dualpixel.com.br/20-recursos-indesign-para-ebooks
    While tinyjpg.com/ does a good job, it only allows you to compress pictures that are up to 20 MB.
    After some exploring I found this other tool and I wanted to suggest you show it along that one :
    https://www.websiteplanet.com/pt-br/webtools/imagecompressor/
    This tools allows you to compress pictures that are up to 50 MB in size both in jpeg and in png format!
    In hope I helped back.

  3. Olá, Antonio

    Tudo bem? Bacana te ver por aqui. Já li alguns comentários seus no AED. Acredito que você já trabalha com ePUB há algum tempo, certo?
    Quando criamos o sumário pelo InDesign (Layout > TOC) e, conforme expliquei no item 3 deste artigo, adicionamos o estilo de sumário no painel de exportação do ePUB teremos no final 2 Sumários
    – Interno – inserido diretamente no arquivo do Indd
    – externo – fruto do estilo de sumário e incluindo no ePUB pelo painel de exportação

    O sumário externo recebe o nome padrão TOC.xhtml e não pode ser deletado. Nele há toda estrutura de navegação do ePUB – sumário, marcadores (Landmarks), que são usados para marcar partes importantes da obra – capa, glossário, prefácio, etc

    Para manter a compatibilidade com ePUB2, ainda há, o TOC.ncx, que deve ser produzido. Uso o Sigil para essa tarefa? Você edita o ePUB pelo Sigil?

    Tire todas as suas dúvidas sobre Sumário em ePUB com essas duas aulas – https://goo.gl/vckWm5 – é gratis 🙂

    Bons estudos

  4. bom dia me tirem uma duvida se for possível. Quando exporto um epub3 fluido já com sumario feito no indesign, por que ele gera um outro TOC com sumario e landmark no final do epub e não consigo deletar. Uma vez que o outro sumário está formatado como eu quero. O que eu deveria fazer? Ou melhor aonde está o erro na hora exportação.
    Entendo que agora é melhor ser em epub 3 do que epub2? Ou deveria continuar exportando em epub2 uma vez que não tenho nada especial como audio ou video.
    abs

Deixe um comentário