Diseño para productos
editoriales digitales
Juan Carlos Atilano H.
@chamacodelmal
Libros sin papel
El lector busca el
contenido, el
formato en el cual
se encuentre es
irrelevante
Función utilitaria
El producto
editorial, sin
importar su
formato, pri
vilegia la
función
utilitaria
Proteger al contenido
Sus funciones
primordiales son:
conservar y
facilitar su
transporte y
almacenamiento
Diferenciador
El contenido
sigue siendo el
principal valor
que se ofrece
al consumidor
Función y
Forma
Lo que se quiere decir
y cómo se puede
decir de una mejor
manera; si un buen
texto cuenta con un
gran dise...
Facilitar el uso
La forma en la cual se
presenta el contenido debe
facilitar la identificación y
navegación del producto
Medio para comunicar
La portada
permite ver qué se
encuentra más allá
de ella; no se trata
de una pared, sino
de una membr...
Mostrar-Conectar
El lector desea
llegar al
contenido, así que
la forma deberá
simplificar esta
búsqueda
Identidad
La portada es un sello de
identidad, permite
anticipar al lector aquello
de lo que trata nuestro
texto
NO ES EL ...
Versatilidad
El diseño deberá contemplar las futuras posibilidades del
producto, no ceñirse a la necesidad inmediata; cual...
Estética
La forma es
importante, perm
ite resaltar
valores del
producto
La forma será
identificable, flexi
ble, directa, e...
Recursos gráficos
La tipografía, las plecas, los colores, sirven para
identificar y marcar el contenido, son nuestras
herr...
El valor de cada soporte
Un producto
físico evoca
sensaciones en
otros
sentidos, por su
naturaleza y
posibilidades de
inte...
En un producto
digital debemos
facilitar la
interacción del
lector con su texto
Portada = Contenido
¿Por qué no hacer de
la portada parte del
flujo de información?
El diseño industrial vincula
forma y c...
Orden, distribución
Una portada física aprovecha hasta el último
centímetro para promocionar su contenido
Identidad
La portada es un
medio para difundir
nuestra
imagen, productos,
marca, visión de
empresa; es un
recurso para
uni...
Horizonte de expectativas
Conjunto de prejuicios
que el lector tiene
(positivos y negativos)
que influyen en su
consumo de...
Romper resistencia
 
Todo lector tiene prejuicios antes de consumir un
contenido, es importante romper con las
resistenc...
Estructura del contenido
Fomentar los valores de
la inmediatez y
brevedad a través del
diseño y la arquitectura
del conten...
Flujo continuo
El interior
deberá
simplificar la
interacción del
lector con la
información
Consistencia
Fondo y forma
son uno
El contenido
deberá dar
continuidad al
flujo establecido
por la portada
Forma
El diseño es el contenedor, el
contenido determina la forma
Esta relación entre ambos crea
un producto editorial
Mejorar la experiencia
La forma puede
hacer más
agradable y
sencilla la
experiencia de
lectura
¿Quiénes son nuestros
consumidores?
Son LECTORES, no espectadores
Los lectores construyen el sentido del texto con su
part...
Implementación
• Pantalla a color
• Sistema operativo
• Web Browser
• Aplicaciones
Tabletas
• Pantalla Blanco y Negro
• No...
Implementación
Tabletas E-Ink Reader
iPad Kindle 6”
iPad Mini KindleTouch 6”
Playbook Kindle 3G
Kindle Fire Kindle DX
Papy...
 Diseño consistente, reconocible,
se integra a la imagen
corporativa
 Economía tanto en diseño como
en texto
 Contenido...
Implementación
 Diseño flexible
 Es papel y es digital
 Objeto de curiosidad
 Herramienta de
venta
 Forma -> Fondo
Implementación
 No importa el medio
 El lector es lo más
importante
 Pensar como lector
 Pensar en papel y digital
 F...
¡Muchas gracias!
Para mayor información consulte:
•Blog de Craig Mod: http://craigmod.com/
•Sitio web deThe Domino Project:
http://www.thed...
Juan Carlos Atilano Hernández
@chamacodelmal
Diseño para productos editoriales digitales
Diseño para productos editoriales digitales
Upcoming SlideShare
Loading in...5
×

Diseño para productos editoriales digitales

297

Published on

Consideraciones para el diseño de productos editoriales pensados para plataformas de consumo de contenido en formatos digitales.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
297
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Diseño para productos editoriales digitales

  1. 1. Diseño para productos editoriales digitales Juan Carlos Atilano H. @chamacodelmal
  2. 2. Libros sin papel El lector busca el contenido, el formato en el cual se encuentre es irrelevante
  3. 3. Función utilitaria El producto editorial, sin importar su formato, pri vilegia la función utilitaria
  4. 4. Proteger al contenido Sus funciones primordiales son: conservar y facilitar su transporte y almacenamiento
  5. 5. Diferenciador El contenido sigue siendo el principal valor que se ofrece al consumidor
  6. 6. Función y Forma Lo que se quiere decir y cómo se puede decir de una mejor manera; si un buen texto cuenta con un gran diseño, causará más impacto
  7. 7. Facilitar el uso La forma en la cual se presenta el contenido debe facilitar la identificación y navegación del producto
  8. 8. Medio para comunicar La portada permite ver qué se encuentra más allá de ella; no se trata de una pared, sino de una membrana
  9. 9. Mostrar-Conectar El lector desea llegar al contenido, así que la forma deberá simplificar esta búsqueda
  10. 10. Identidad La portada es un sello de identidad, permite anticipar al lector aquello de lo que trata nuestro texto NO ES EL ICONO DE UNA APLICACIÓN
  11. 11. Versatilidad El diseño deberá contemplar las futuras posibilidades del producto, no ceñirse a la necesidad inmediata; cualquier medio deberá transmitir la información, sea físico o digital
  12. 12. Estética La forma es importante, perm ite resaltar valores del producto La forma será identificable, flexi ble, directa, econ ómica
  13. 13. Recursos gráficos La tipografía, las plecas, los colores, sirven para identificar y marcar el contenido, son nuestras herramientas naturales de edición
  14. 14. El valor de cada soporte Un producto físico evoca sensaciones en otros sentidos, por su naturaleza y posibilidades de interacción
  15. 15. En un producto digital debemos facilitar la interacción del lector con su texto
  16. 16. Portada = Contenido ¿Por qué no hacer de la portada parte del flujo de información? El diseño industrial vincula forma y contenido
  17. 17. Orden, distribución Una portada física aprovecha hasta el último centímetro para promocionar su contenido
  18. 18. Identidad La portada es un medio para difundir nuestra imagen, productos, marca, visión de empresa; es un recurso para unificar a nuestros productos digitales
  19. 19. Horizonte de expectativas Conjunto de prejuicios que el lector tiene (positivos y negativos) que influyen en su consumo de información
  20. 20. Romper resistencia   Todo lector tiene prejuicios antes de consumir un contenido, es importante romper con las resistencias a partir de hacer transparente el contenido
  21. 21. Estructura del contenido Fomentar los valores de la inmediatez y brevedad a través del diseño y la arquitectura del contenido
  22. 22. Flujo continuo El interior deberá simplificar la interacción del lector con la información
  23. 23. Consistencia Fondo y forma son uno El contenido deberá dar continuidad al flujo establecido por la portada
  24. 24. Forma El diseño es el contenedor, el contenido determina la forma Esta relación entre ambos crea un producto editorial
  25. 25. Mejorar la experiencia La forma puede hacer más agradable y sencilla la experiencia de lectura
  26. 26. ¿Quiénes son nuestros consumidores? Son LECTORES, no espectadores Los lectores construyen el sentido del texto con su participación (lectura), no son pasivos ante la información
  27. 27. Implementación • Pantalla a color • Sistema operativo • Web Browser • Aplicaciones Tabletas • Pantalla Blanco y Negro • No puede usar aplicaciones* • Web Browser acotado • Solo se puede interactuar a través del texto E-Ink Reader
  28. 28. Implementación Tabletas E-Ink Reader iPad Kindle 6” iPad Mini KindleTouch 6” Playbook Kindle 3G Kindle Fire Kindle DX Papyre 7.1* Papyre 5.1 Papyre 712* Papyre 6.1 Nook Color* Papyre 613 NookTablet* Papyre Pad 6.2 Nook SimpleTouch Nook SimpleTouch Glowlight
  29. 29.  Diseño consistente, reconocible, se integra a la imagen corporativa  Economía tanto en diseño como en texto  Contenido visible y etiquetado  Flujo de lectura horizontal, flujo de información vertical  Uso de recursos gráficos que enmarcan al contenido enriquecido Implementación http://www.themobileplaybook.com
  30. 30. Implementación  Diseño flexible  Es papel y es digital  Objeto de curiosidad  Herramienta de venta  Forma -> Fondo
  31. 31. Implementación  No importa el medio  El lector es lo más importante  Pensar como lector  Pensar en papel y digital  Forma y fondo económicos  Sencillo y útil
  32. 32. ¡Muchas gracias!
  33. 33. Para mayor información consulte: •Blog de Craig Mod: http://craigmod.com/ •Sitio web deThe Domino Project: http://www.thedominoproject.com/ •Sitio web de APE the Book: http://apethebook.com/
  34. 34. Juan Carlos Atilano Hernández @chamacodelmal
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×