1. Design & Illustration
  2. Graphic Templates
  3. Book

10 Tips para Crear tus Propios EPUBs y Revistas Electrónicas

Scroll to top
Read Time: 15 min
This post is part of a series called Top Design Tips.
10 Top Tips for Creating Awesome Event Flyers
10 Top Tips for Creating Awesome Icons
This post is part of a series called Magazine Design & Templates .
The Graphic Designer's Resource Kit
Back to School: Design for Self-Publishing
This post is part of a series called Learn Adobe InDesign.
How to Create a Summer Picnic Community Event Flyer in Adobe InDesign
How to Design a Classic Book Cover With a Modern Twist!

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Los libros y revistas siguen floreciendo en la era digital, adaptándose a los formatos EPUB y revistas electrónicas. Este medio emocionante presenta nuevas oportunidades y retos para los diseñadores.

En este artículo, compartiré algunos consejos profesionales para crear publicaciones digitales, y te dejaré algunos secretos para aprovechar al máximo el mundo digital del diseño.

¿Listo? ¡Genial! ¡Comencemos!

1. Conoce tus Formatos Digitales

Puedes estar más acostumbrado al diseño impreso para libros y revistas, o puedes ser que seas completamente nuevo en cuanto al diseño de publicación digital. De igual manera, necesitas saber los diferentes formatos que hay, y para qué se adecuan.

Vamos hablar acerca de EPUB (del inglés Electronic Publication Format, o Formato de Publicación Electrónica), un término amplio que puede ser aplicado a muchas publicaciones digitales, pero de la cual la versión más conocida es el eBook.

La estructura de un EPUB está basada en HTML, como un sitio web, y es compatible en un amplio rango de dispositivos digitales, incluyendo tablets, laptops, computadoras de escritorio y dispositivos especializados en la lectura.

Ahora viene lo que es un poco complicado. Los EPUBs vienen dos formatos diferentes—Diseño Reajustable y Maquetación Fija.

EPUBs Reajustables

Un EPUB reajustable contiene "texto activo", que puedes seleccionar, resaltar y buscar.

Puedes cambiar el tamaño del texto e incluso la fuente en un EPUB reajustable. Esto forzará que las líneas de texto se expandan y se dividan en otras líneas, para "re-ajustarse".

Muchas de las publicaciones, como novelas, libros de texto, están un formato EPUB reajustable.

EPUB de Maquetación Fija

Un EPUB fijo es eso—el diseño está fijo y no es adaptable cuando el lector lo lee.

Esto funciona muy bien para eBooks y eMagazines (revistas electrónicas) más complejos, que quizás contienen muchas imágenes y tienen diseños intrincado que sufriría si tuvieran un formato de diseño reajustable. El resultado final puede parecer un poco más a un PDF (aunque toma nota de que un PDF es diferente a un EPUB).

contents pagecontents pagecontents page
Plantilla de Diseño Plano en Revista

OK... ¿Qué Significa Esto para Ti?

Ambos formatos están en línea con las especificaciones más recientes de EPUB, que es 3.0.1. Esto significa que si exportas tu EPUB a uno de estos formatos, podrás vender tu eBook en un sitio comercial de eBooks.

¿Qué significa realmente para ti el hecho de tener dos tipos de diseño, el reajustable/fijo?

Necesitas tomar una decisión en cuanto a la mejor exportación de tu EPUB al final del proceso de diseño. Si estás escribiendo una novela, un diseño reajustable puede ayudar mejor; los lectores serán capaces de incrementar el tamaño del texto para facilitar la lectura, así como ser capaz de buscar en el libro los pasajes y los capítulos.

¿Estás diseñando algo más visual, como una revista o libro de foto? Puedes considerar exportar tu trabajo como un EPUB fijo, que mantendrá la organización y los efectos del diseño, como transparencias y degradados, intactos.

2. Conoce el Software a usar

Porque la publicación digital es un campo relativamente joven en el diseño, no hay mercado líder en software de publicación digital. Eso es bueno para los diseñadores, ya que te da más opciones, y dependiendo de tu presupuesto y habilidades, puedes escoger un software que va a adecuarse a tus necesidades.

Aquí están algunas de las opciones populares para crear EPUBs y eMagazines, algunas de las cuales son pagas y otras gratuitas:

Adobe InDesign (Pagar Suscripción)

adobe indesignadobe indesignadobe indesign

El publicador impreso favorito ha sido adaptado para diseñar EPUBs (busca la encarnación CC más reciente para la mejor adaptación a EPUB), y puedes exportar tus diseños existentes a los formatos reajustables y fijos.

Adobe Digital Publishing Solution (Pagar Suscripción)

Adobe tiene también ha lanzado un software que se ofrece para las publicaciones digitales. Idealmente adecuado para crear aplicaciones y EPUBs, el software te permite crear diseños complejos para dispositivos digitales sin la necesidad de programar.

Apple iBooks Author (Descarga Gratuita)

ibooks authoribooks authoribooks author

Dirigido a los diseñadores que quieren producir EPUBs para iPads y Macs, iBooks Author es una aplicación fácil de usar y accesible (¡y es gratis!) para crear EPUBs.

Sigil (Gratuito)

Sigil es un software de creación de EPUB gratuito para Windows, Mac y Linux. Sigil es genial si estás buscando crear contenido menos interactivo, y también te da control directo sobre el código, que puedes ver como una ventaja o una desventaja dependiendo en qué clase de diseñador eres.

BlueGriffon (Pagar por Licencia)

bluegriffonbluegriffonbluegriffon

BlueGriffon es otro gran software para crear EPUB, y es probablemente el que mejor se adecua a las publicaciones más tradiciones y llenas de texto. Es un editor WYSIWYG, como Sigil, y funciona para Windows, Mac y Linux.

Ahora sabes lo que es un EPUB, las clases de EPUB que hay, y el software que puedes usar para crearlo. Así que eso es bueno, pero una vez que tengas una página en blanco en frente de ti, ¿cómo comenzarás?

En el resto de este artículo, voy a llevarte a través de algunos pequeños consejos para crear diseños digitales que van hacer fluir tu creatividad...

3. Organiza tu EPUB

Como con cualquier revista o libro impreso, un EPUB necesita tener una estructura. Esto facilitará al lector navegar, y también ayudará a organizar el contenido de tu publicación.

Un índice es el primer lugar para comenzar a diseñar cualquier EPUB. Todos los libros, ya sea novelas o libros de texto académico, y revistas necesitarán un índice.

Pero los índices no necesitan ser una lista monótona. Echa un vistazo a este plantilla de diseño plano, que usa iconos, colores y un simple diseño de cuadrícula para crear la página de contenidos que sea visualmente interesante e inmediatamente organizada.

contents pagecontents pagecontents page
Plantilla de Revista de Diseño Plano

Si estás diseñando una revista o libro más visual, considera integrar gráficos y colores a tu diseño de contenidos, y prueba romper con el formato de lista convencional. ¡Tus lectores lo amarán!

También necesitarás pensar en otros elementos de tu EPUB, como el número de página y los encabezados, y si te gustaría incluir herramientas de referencia extra al final del libro, como un Índice y/o Biografía.  ¿Te gustaría también incluir páginas extras como una página Dedicatoria y/o Introducción/Prefacio para ayudar a orientar al lector al principio del libro?

Una vez que tengas la estructura básica de tu EPUB en lugar, te sentirás mucho mejor equipado para comenzar con más elementos de diseño divertido del proceso de creación.

4. Haz que el EPUB se vea Consistente

Una vez has diseñado un índice para tu EPUB, puedes colocar elementos de "marca" desde el diseño para transferirlos a otras partes del EPUB.

¿Usaste cuatro colores en tu índice? Usa esos cuatro colores a través del EPUB, en los encabezados, o gráficos, para indicar que la misma sección se referencia en tu página de contenidos.

¿Usaste una fuente particular y un rango de tamaños de fuente en tu página de contenidos? Aplica esas mismas fuentes y tamaños cuando diseñes los artículos o capítulos en tu EPUB.

Manteniendo elementos como estos consistentes a través de tu EPUB te ayudará a que toda la publicación se siente más unificada y profesional.

Este EPUB colorido corporativo es un gran ejemplo—un color similar y gráficos consistentes hacen que el EPUB se vea bien.

colorful ereportcolorful ereportcolorful ereport
Plantillo de EPUB corporativa colorida

5. Recuerda que los eBooks y eMagazines son Diferentes.

Los lectores se sienten atraídos con eBooks y eMagazines de manera diferentes.

Un lector puede comprar un eBook por el impacto visual de la portada, pero una vez que el lector comienza a usar el eBook, es el contenido escrito lo que realmente importa después de todo. Si piensas en ello, un lector puede incrementar el tamaño del texto o cambiar la fuente, si están accediendo a un EPUB reajustable. Esto hará tu diseño irrelevante y no será la atención principal del lector a medida que usan el EPUB.

Una eMagazine es diferente—un lector quiere ser estimulado por imágenes, colores atractivos, diseños interesante y encabezados impactantes. El diseño visual es absolutamente la parte principal para una eMagazine.

Así que, de alguna manera, el éxito de un eBook de llamar la atención de los lectores depende de la calidad del contenido escrito, mientras que una eMagazine puede esperar mantenerse llamando la atención implementando diseños visuales y atractivos.

Con esto en mente, si estás diseñando un eMagazine, necesitarás ser más creativo con el diseño visual de la publicación.

Considera también la capacidad de atención de un lector que está viendo su eMagazine en, digamos, su Kindle o laptop. Mientras un lector esté dispuesto a leer un libro escogido, una revista tiene más posibilidades de ser solo vista, sin compromiso.

Para mantener la atención de tus lectores, enfócate en que tus diseños sean fácilmente digeribles y estimulantes. Echa un vistazo a este diseño de revista con estilo.

stylish magazine templatestylish magazine templatestylish magazine template
Plantilla con estilo de eMagazine

Las páginas no están cargadas de texto excesivo; el contenido es conciso y fluido, perfecto para que sea leído en un lector electrónico.

¿La lección para llevar? Cuando diseñes eMagazines, mantén los diseños visualmente interesantes y corta el texto excesivo. ¡Mantenlo simple y abrumador!

6. Para las Portadas, Piensa en Gran Impacto en Escala Pequeña

Imagina que tu estás buscando en un sitio web de eBooks, buscando tu próxima compra. Quieres aplicar un filtro, buscando un género particular o autor, pero quieres simplemente ser abierto a algo nuevo. ¿Qué es lo que llamará tu atención?

Cuando buscas un libro en línea, la portada está puesta en escala pequeña, quizás solo cerca de 90 x 140 píxeles en diámetro. Si, eso es muy pequeño.

kindle bestsellerskindle bestsellerskindle bestsellers

Tu portada necesita acomodarse a esto. Una portada diseñada para una copia impresa simplemente no afectará en el mercado de eBook.

La tipografía necesita ser más grande; el título debe ser claramente visible y tomar una porción grande de la portada. Las gráficas deben ser dramáticas y simples. A veces, una textura de fondo o de color atmosférica es suficiente para llamar la atención, así como en este ejemplo de portada de eBook dramático.

ebook cover dramaticebook cover dramaticebook cover dramatic
Plantilla de portada de eBook

¿Aún estás atascado en cuanto a donde comenzar con tu diseño de portada? Echa un vistazo a este tutorial para adaptar portadas de libros impresos para formatos eBook.

final ebook coverfinal ebook coverfinal ebook cover

Mientras estás diseñando tu portada, es una gran idea disminuir el zoom en tu mesa de trabajo y ver el diseño en escala pequeña. Estarás sorprendido de cuánto necesitas ajustar el tamaño del texto o incrementar el contraste de colores para mejorar la visibilidad.

En un nivel técnico, también necesitarás pensar en las dimensiones y proporciones de tu portada de eBook. La portada de un eBook viene en variedad de tamaños (tanto en términos de dimensiones y tamaño de archivo), y el tamaño puede variar en gran manera dependiendo del sitio de publicación de eBook, como Amazon (Kindle), Kobo, Barnes & Noble, Apple iBooks, Lulu, Smashwords (¡entre otros!) Lo que no es particularmente útil es que estos sitios revisan regularmente su tamaño recomendado, a medida que nuevos lectores electrónicos son lanzados o tecnologías de publicación emergen.

Con esto en mente, debes chequear las recomendaciones de los tamaños de los sitios de publicación en los cuales esperas vender tu eBook, y revisa las dimensiones de tu portada apropiadamente. De otra manera, puedes llevarte una sorpresa desagradable cuando tu portada aparezca borrosa o estirada en tu lector electrónico.

Revisa este tutorial de producir una portada que cumpla con los estándares de Amazon.

7. Rellena las Portadas de las Revistas con Avances y Encabezados

Las portadas de eMagazine son un poco diferentes a las portadas de los eBooks. Seguro, aún necesitan ser legibles y tener algo impacto en pequeña escala, pero puedes ponerte un poco experimental con el diseño.

Las portadas de eMagazine tienden a ser similares a las impresas—tienen una imagen central que domina, un encabezado prominente, y toneladas de adelantos de artículos y sub-encabezado, como esta portada de revista de foto.

emagazine coveremagazine coveremagazine cover
Plantilla de Portada de Revista de Foto

Esta portada funcionaría tanto en un EPUB como lo haría en versión impresa. Esto es porque aunque esté cubierta de tonelada de texto, el texto tiene una jerarquía fuerte. El encabezado del artículo principal y el título de la revista son los elementos más prominentes, con otros sub-encabezados en un tamaño más pequeño. La insignia y las cintas también son usadas para llamar la atención y transmitir emoción de un contenido de interés.

El contraste de este texto blanco en contra de un fondo oscuro también ayuda a que el texto se mantenga visible incluso cuando esté en un tamaño pequeño.

Las portadas de eMagazines deben ser vistas como una oportunidad de publicitar todo el contenido emocionante que hay dentro de una revista. Así que ponte experimental, y siéntete libre de ser creativo con tus diseños tipográficos. Solo recuerda estas dos reglas simples—jerarquía y contraste de color—¡y no te irá mal!

8. Rellena la Pantalla Gráficos Fuertes

Una vez que alguien halla escogido y descargado tu EPUB, ¿cómo asegurarás de que la publicación se siente inmersiva, incluso cuando el lector lo esté viendo en una pantalla pequeña?

Una revista impresa o libro puede tener un par de imágenes pequeñas a una página y esto está bien, pero para los EPUBs, es usualmente más efectivo incrementar el tamaño de las imágenes para que llenen la pantalla. Esto hace que la experiencia de lectura de la eMagazina o eBook sea más inmersiva.

Como en este ejemplo de eMagazine, rellenar un página enteramente con una imagen va a verse realmente efectivo y poderoso, y puede probar ser más efectivo que emparejar imágenes y texto junto en una página, como lo haces en una publicación impresa.

strong graphic on emagazinestrong graphic on emagazinestrong graphic on emagazine
Plantilla Mock-up de eMagazine

Este es solo un ejemplo específico de cómo puedes mejorar las cualidades inmersivas de tu EPUB, pero esto debe estar siempre en tu mente cuando estés diseñando.

Si estuvieras leyendo tu EPUB en una tablet u otro dispositivo pequeño, ¿qué haría que el diseño fuera más efecto y absorbente? Quizás una página completa para una imagen, luego una página de texto puede ser mejor para aquellos que leen en pantallas pequeñas. Nada es más desalentador que leer masas de texto pequeño en un diseño inflexible.

9. No Comprometas la Calidad de Diseño con Texto Pesado en EPUB

Eso no es por decir que nunca necesitarás poner masas de texto en tu EPUB, particularmente si estás diseñando un reporte o libro de texto.

Si estás diseñando algo como un reporte, por ejemplo, puedes necesitar crear diseños basados en texto, y diseñarlos fuera de lo convencional, párrafos interminables pueden drenar un poco al lector casual.

Si estás lidiando con mucho texto, piensa en como puedes quebrar el diseño para hacer que el texto sea más digerible. Así como en esta plantilla de eBook de mucho texto, considera dividir tu texto en columnas, y ajustar el tamaño de encabezados y sub-encabezados para hacerlo más jerárquico.

text-heavy pagetext-heavy pagetext-heavy page
Plantilla de eBook

Pon las secciones de texto en casillas, y usa puntos de viñeta y números para dividir secciones más grandes en partes digeribles.

¡Tu lector te agradecerá por ello!

text-heavy pagetext-heavy pagetext-heavy page
Plantilla de eBook

10. Añade Algo de Interactividad

El diseño de EPUB se está volviendo más avanzado a medida que el tiempo pasa, y ahora hay más maneras de integrar más contenido interactivo a tus diseños.

Particularmente para las eMagazines, la interactividad puede mejorar la conexión entre el lector y la publicación para añadir una mejor experiencia inmersiva en general (Ver Consejo 7, arriba).

Una vez que tengas tu diseño básico de EPUB en lugar, puedes añadir cosas como animación (prueba Adobe Edge Animate), compromiso interactivo y contenido de eLearning (busca Adobe Captivate para aplicar esto) y videos.

Incluso efectos simples como toques sensitivos para voltear la página puede hacer tu diseño más inmersivo e interactivo.

interactive ebookinteractive ebookinteractive ebook
Mock-up de eBook Interactivo

Los efectos como estos mantendrán a tu lector estimulado y los animará a revisar tu EPUB favorablemente en línea o comprar lanzamientos futuros de eMagazine.

Creando contenido interactivo puede ser engañoso de primero, pero es también divertido y gratificante ver tu trabajo final en práctica.

Conclusión: 10 Pasos para un Grandioso EPUB

En este artículo, miraremos a un número de factores para considerar cuando diseñes publicaciones digitales (EPUB).

final ebook coverfinal ebook coverfinal ebook cover

Sigue esta lista e irás por buen camino para crear eBooks y eMagazines; la creatividad es tu único límite.

  1. Conoce los formatos digitales. Los EPUB son hechos para todos los tipos de publicaciones, como eBooks y eMagazines. Los EPUBs pueden ser diseñados en dos formatos principales: un Diseño Fijo o Reajustable. Coge el formato correcto para igualar tu resultado deseado.
  2. Conoce tus opciones de software de EPUB. Hay muchos programas gratuitos que puedes usar para crear EPUBs, como Adobe InDesign, iBooks Author, y Sigil.
  3. Organiza tu EPUB. Imponer una estructura en tu EPUB, que puede incluir un índice, glosario y bibliografía, es un primer paso sabio cuando se está en el proceso de diseño.
  4. Haz que tu EPUB se mire consistente. Aplica una apariencia a tu EPUB, que consistentemente aplique colores, fuentes y estilos de texto.
  5. Recuerda que un eBook es diferente de un eMagazine, y requieren enfoques diferentes de diseño.
  6. Haz la portada de un eBook de alto impacto a escala pequeña para mejorar las posibilidades de que destaque cuando el lector busque en una tienda en línea.
  7. Rellena tu portada de eMagazine de encabezados y adelantos, para publicitar el contendido de tu EPUB a un lector potencial.
  8. Mejorar la experiencia inmersiva de la eMagazine y los libros con muchas imágenes, haciendo las gráficas más grandes en escala de lo que normalmente lo harías en una copia impresa.
  9. Mejora la calidad de diseño de EPUBs con mucho texto, organizando el texto de maneras interesantes.
  10. Añade algo de interactividad. Haz tu EPUB más interactivo añadiendo animaciones, videos y otros contenidos interactivos que mejoren la experiencia del lector.
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads