Publicações Digitais. Qual Solução Escolher? eBooks ou APPs

101 visualizações

Publicada em

Boas práticas para produção e distribuição de publicações digitais.

Muitos profissionais já se depararam com essa dúvida. E como escolher o formato sem saber as características, benefícios e limitações de cada um? Neste Workshop suas dúvidas sobre os principais formatos para publicações digitais serão respondidas.

Palestra realizada em 18 de Maio de 2017, na WIS Educação, Vitório/ES

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
101
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Publicações Digitais. Qual Solução Escolher? eBooks ou APPs

  1. 1. Publicações Digitais Interativas. Qual solução escolher? eBooks ou Apps
  2. 2. felipe santos designer gráfico Pós | Design estratégico Treinamento adobe | 1998 Publicação digital | 2011
  3. 3. “Temos uma equipe de excelentes ilustradores e diagramadores, gostaríamos de desenvolver internamente o conteúdo de nossa editora com interatividades. Algumas dúvidas também, são pertinentes e espero que nos ajude: com a produção interna, como poderá ser a distribuição do conteúdo, produzido? Nossa equipe será capaz de realizar este processo? Quais as alternativas?” CENÁRIO
  4. 4. publicações digitais Qual formato utilizar para publicação digital? 2.0 | 3.0 Layout Fixo APP HTML5
  5. 5. mercado editorial digital
  6. 6. pontos fortes dos formatos APP Layout Fixo Interatividade/ InDesign EBOOK Layout Fluido Interatividade/ HTML PDF Layout Fixo Sem Interatividade/ Mobile
  7. 7. ebooks | leitura digital
  8. 8. ebooks | leitura digital
  9. 9. ebooks | conteúdo responsivo
  10. 10. ebooks | leitores Onde posso ler os eBooks?
  11. 11. Leitores para desktop - pc / mac Adobe Digital Edition Adobe Digital Edition Kindle ReaderReadium Aplicativos de leitura - iOS / Android iBooks Gitden Kobo iBooks ebooks | leitores
  12. 12. EREADERS Motores de Visualização - Adobe Motores de Visualização - Amazon/Kindle ebooks | leitores
  13. 13. ebooks | DRM (Digital Right Management)
  14. 14. Onde posso distribuir / vender os eBooks?
  15. 15. ebooks | distribuição Fechado Semi-aberto Aberto Site da Editora/Empresa Agregadores Email
  16. 16. ebooks | DRM (Digital Right Management)
  17. 17. ebooks | resumo • PUBLICAÇÃO RESPONSIVA. • Anotações. • Ajuste do tamanho da fonte. • Portabilidade e operação multiplataforma. • Formato de código aberto. • Proteção contra cópias com uso de DRM (opcional). Benefícios Desafios • INSTABILIDADE DAS PLATAFORMAS E LEITURA • Otimização do conteúdo para plataformas/ leitores
  18. 18. ebooks | etapas de produçãoO Trabalhoso » Reedição dos textos. » Exportar as imagens. » Rediagramação. ESTILOS » Marcação do conteúdo com Estilos DESIGN » Ajustes de layout » Sumário, Divisão, etc TESTES » Mobile-first » Em telas de formatos/ plataformas diferentes VALIDAÇÃO » EPUB-Checker (IDPF) » Online até 10 MB » Offline acima de 10 MB DISTRIBUIÇÃO » Site / Lojas » Livre ou Protegido (DRM) O Amador » Conversões simples. » Muito genérico. » Funciona como bilioteca. O Técnico » Edição no código. » Poucos recursos automáticos. » Sumário, notas, Divisões. O Expert » Edição direta do ePUB » Gratuito » Muitos recursos O Profissional » Marcação do texto. » Produção do ePUB para validação. » Aplica muitas marcações no código. 5dualpixel | www.dualpixel.com.br
  19. 19. ebooks | dicas de produção 2 - EPUB 3 - COMO PRODUZIR? O Trabalhoso » Reedição dos textos. » Exportar as imagens. » Rediagramação. O Amador » Conversões simples. » Muito genérico. » Funciona como bilioteca. O Técnico » Edição no código. » Poucos recursos automáticos. » Sumário, notas, Divisões. O Expert » Edição direta do ePUB » Gratuito » Muitos recursos O Profissional » Marcação do texto. » Produção do ePUB para validação. » Aplica muitas marcações no código.
  20. 20. ebooks | dicas de produção » Controlar a posição das imagens através dos estilos de parágrafo. » Controlar a posição dos objetos através dos estilos de objetos. » Utilizar imagens entre 600 a 1200 pixels de largura com 150 ppi. » Exportar para o formato ePUB com a opção de otimização automática de imagens. Mantenha também sempre habilitada a opção Em relação à página / Relação ao fluxo do texto » Imagens com transparência devem utilizar o formato PNG UNIDADES DE MEDIDA Porcentagem » Largura das imagens e objetos » Margem das páginas (eBook) EM » Tamanho das fontes » Margem entre parágrafo Pixel » Margem entre parágrafos (até 30px) Viewport Height » Altura de imagens e objetos 11dualpixel | www.dualpixel.com.br » Controlar a posição das imagens através dos estilos de parágrafo. » Controlar a posição dos objetos através dos estilos de objetos. » Utilizar imagens entre 600 a 1200 pixels de largura com 150 ppi. » Exportar para o formato ePUB com a opção de otimização automática de imagens. Mantenha também sempre habilitada a opção Em relação à página / Relação ao fluxo do texto » Imagens com transparência devem utilizar o formato PNG UNIDADES DE MEDIDA Porcentagem » Largura das imagens e objetos » Margem das páginas (eBook) EM » Tamanho das fontes » Margem entre parágrafo Pixel » Margem entre parágrafos (até 30px) Viewport Height » Altura de imagens e objetos 11dualpixel | www.dualpixel.com.br » Controlar a posição das imagens através dos estilos de parágrafo. » Controlar a posição dos objetos através dos estilos de objetos. » Utilizar imagens entre 600 a 1200 pixels de largura com 150 ppi. » Exportar para o formato ePUB com a opção de otimização automática de imagens. Mantenha também sempre habilitada a opção Em relação à página / Relação ao fluxo do texto » Imagens com transparência devem utilizar o formato PNG UNIDADES DE MEDIDA Porcentagem » Largura das imagens e objetos » Margem das páginas (eBook) EM » Tamanho das fontes » Margem entre parágrafo Pixel » Margem entre parágrafos (até 30px) Viewport Height » Altura de imagens e objetos 11dualpixel | www.dualpixel.com.br
  21. 21. ebooks | dicas de produção
  22. 22. ebooks | dicas de produção
  23. 23. INTERATIVIDADE - EPUB FLUIDO zoom / tela cheia slideshow image sequence panorama scrollable frame Navegação web content hyperlink áudio vídeo
  24. 24. INTERATIVIDADE - EPUB FLUIDO CSS 3 - animação Javascript MathML Media Overlay
  25. 25. INTERATIVIDADE - EPUB FIXO zoom / tela cheia slideshow image sequence panorama scrollable frame Navegação web content hyperlink áudio vídeo
  26. 26. INTERATIVIDADE - EPUB FIXO
  27. 27. zoom / tela cheia slideshow image sequence panorama scrollable frame Navegação web content hyperlink áudio vídeo INTERATIVIDADE - APP
  28. 28. Aplicativos
  29. 29. Tipos de APP Revista Continente Instituto Ciência Hoje Evolve APP BANCA Periódicos APP ÚNICO Livros, Catálogos WEBAPP Comunicação Interna
  30. 30. APPS | banca de edições
  31. 31. publicações digitais - impressos x sites Mobile IMPRESSO WEB
  32. 32. Reaproveite habilidades Designers continuarão a trabalhar em softwares como o Adobe InDesign para a criação da edição digital. COMO FUNCIONA
  33. 33. APPS | hub de conteúdoAPLICATIVO CENTRALIZADOR DE CONTEÚDOS Material Didático Ambiente Virtual InDesign PDF HTML Vídeos Fórum Quiz Chat OFFLINE ONLINE
  34. 34. publicações digitais | Plugins / apps
  35. 35. publique! Adobe Content Viewer Compartilhe etapaum:ProduçãodoFolio InDesign DPS Tools LAYOUT Muse Photoshop Illustrator Dreamweaver Edge Animate Premiere Pro After Effects Media EncoderPrepare imagens para slideshows, sequences, botões e iconografia para a página de “Como Usar” e importe tudo para o InDesign. Utilize ferramentas de edição para criar videos com efeitos especiais de alto impacto ideias para aplicação em capas. Otimize o formato final do video para mobile. Crie animações em HTML5, formulários e interatividade com HTML, CSS e JavaScript para enriquecer sua publicação. Utilize a opção Share Folio para compartilhar o projeto com o tablet do cliente. Visualize a publicação direto no device usando o app Adobe Content Viewer, a partir do InDesign. Produza o layout em formato para tablet e adicione os recursos interativos do Folio Overlay. Empacote tudo no formato Folio pelo painel Folio Builder com sua conta DPS. APP ToolS
  36. 36. Interatividade
  37. 37. zoom / tela cheia slideshow image sequence panorama scrollable frame Navegação web content hyperlink áudio vídeo INTERATIVIDADE - APP
  38. 38. publicações digitais | InDesign Boas práticas - Formato ideal SMARTPHONES SOMENTE VERTICAL • 320 x 568 pixels TABLETS VERTICAL OU/E HORIZONTAL • 768 x 1024 pixels SMARTPHONES SOMENTE VERTICAL • 320 x 568 pixels TABLETS VERTICAL OU/E HORIZONTAL • 768 x 1024 pixels
  39. 39. publicações digitais | InDesign
  40. 40. Material didático / Publicações APP EDITORIAL
  41. 41. ebooks | leitor personalizado • Estabilidade na entrega do conteúdo (Apple/ Android) • RELATÓRIOS de uso/ download • Envio de NOTIFICAÇÕES • Mais recursos interativos
  42. 42. app editorial Foco no layout/conteúdo 2 formatos TODOS Plataformas Interatividade avançada Recursos em HTML (Adobe Muse) Objetos Educacionais (Edge Animate) Designer Gráfico
  43. 43. RELATÓRIOS
  44. 44. Exemplos
  45. 45. HTML/Apps
  46. 46. APP ONLINE | HTML 5 22º CIAED
  47. 47. dualpixel - produção de apps editoriais Mitos das Publicações Digitais
  48. 48. É preciso c o n h e c e r PROGRAMAÇÃO #1
  49. 49. É PRECISO CONHECER PROGRAMAÇÃO? NÃO Crie sua publicação no ADOBE INDESIGN sem editar uma linha de código. é preciso conhecer programação
  50. 50. Não há como BUSCAR textos dentro das edições #2 A pesquisa de texto está disponível para cada edição, via menu superior.
  51. 51. Publicações são para APPS #3 Publique na web (desktops) usando o mesmo arquivo do InDesign, com todos os recursos interativos.
  52. 52. Apps são GRATUITOS #4
  53. 53. 3 modalidades de venda / monetização Venda avulsa das edições. Venda de assinatura direto com a empresa (via login/senha).
  54. 54. 3 modalidades de venda / monetização Venda do Aplicativo.
  55. 55. Preciso estar sempre CONECTADO #5 Aplicativos permitem acesso OFFLINE ao conteúdo já baixado.
  56. 56. APPS | resumo • LEITOR PERSONALIZADO • Venda Avulsa/Assinatura • Banca de Edições • Anotações. • Ajuste do tamanho da fonte. Benefícios Desafios • PARCEIRO/PLATAFORMA PARA PUBLICAÇÃO • Distribuição com foco no mobile - APP STORES Layout Fluido Responsivo Layout Fixo Tablet/Phone
  57. 57. APPS | Experiência de leitura
  58. 58. Foco no usuário LAyout Fluido APP Persona­ lizado LAyout Fluido LAyout Fixo 1 2 3
  59. 59. e se for para escolher... PUBLICAÇAO DIGITAL LAYOUT FIXOInDesign Publish Online ePUB FXL APP Phone Tablet PDF LAYOUT RESPONSIVO HTML Adobe Muse InDesign ePUB Fluido HTML
  60. 60. ebooks | fluxo de conteúdo PUBLICAÇÕES PÁGINAS
  61. 61. PUBLICAÇÕES NAVEGAÇÃO“T” ebooks | fluxo de conteúdo
  62. 62. ebooks | fluxo de conteúdo PUBLICAÇÕES SLIDE
  63. 63. ebooks | fluxo de conteúdo PUBLICAÇÕES | WEB GRID
  64. 64. ebooks | fluxo de conteúdo PUBLICAÇÕES | WEB ROLO
  65. 65. ebooks | fluxo de conteúdo WEB ESPINHA
  66. 66. Digital não é subproduto... Digital first
  67. 67. Perguntas? Tel. (21) 2042-0922 | felipesantos@dualpixel.com.br www.dualpixel.com.br dualpixel dualpixel.cursos pixelaula

×