Diseño para productos editoriales digitales
-
Upload
juan-carlos-atilano -
Category
Education
-
view
273 -
download
3
description
Transcript of Diseño para productos editoriales digitales
![Page 1: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/1.jpg)
Diseño para productoseditoriales digitales
Juan Carlos Atilano H.@chamacodelmal
![Page 2: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/2.jpg)
Libros sin papel
El lector busca el contenido, el
formato en el cual se encuentre es
irrelevante
![Page 3: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/3.jpg)
Función utilitaria
El producto editorial, sin importar su formato, privilegia la función utilitaria
![Page 4: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/4.jpg)
Proteger al contenido
Sus funciones primordiales son:
conservar y facilitar su
transporte y almacenamiento
![Page 5: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/5.jpg)
Diferenciador
El contenidosigue siendo el principal valorque se ofrece al consumidor
![Page 6: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/6.jpg)
Función yForma
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
![Page 7: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/7.jpg)
Facilitar el usoLa forma en la cual se
presenta el contenido debe facilitar la identificación y
navegación del producto
![Page 8: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/8.jpg)
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
![Page 9: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/9.jpg)
Mostrar-Conectar
El lector desea llegar al
contenido, así que la forma deberá simplificar esta
búsqueda
![Page 10: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/10.jpg)
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
![Page 11: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/11.jpg)
VersatilidadEl 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
![Page 12: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/12.jpg)
EstéticaLa forma es
importante, permite resaltar valores del
producto
La forma será identificable, flexible, directa, econ
ómica
![Page 13: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/13.jpg)
Recursos gráficos
La tipografía, las plecas, los colores, sirven para identificar y marcar el contenido, son nuestras
herramientas naturales de edición
![Page 14: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/14.jpg)
El valor de cada soporte
Un producto físico evoca sensaciones en otros sentidos, por su naturaleza y posibilidades de interacción
![Page 15: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/15.jpg)
En un producto digital debemos facilitar la interacción del lector con su texto
![Page 16: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/16.jpg)
Portada = Contenido
¿Por qué no hacer de la portada parte del flujo de información?
El diseño industrial vincula forma y contenido
![Page 17: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/17.jpg)
Orden, distribución
Una portada física aprovecha hasta el último centímetro para promocionar su contenido
![Page 18: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/18.jpg)
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
![Page 19: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/19.jpg)
Horizonte de expectativas
Conjunto de prejuicios que el lector tiene
(positivos y negativos) que influyen en su
consumo de información
![Page 20: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/20.jpg)
Romper resistencia
Todo lector tiene prejuicios antes de consumir un contenido, es importante romper con las
resistencias a partir de hacer transparente el contenido
![Page 21: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/21.jpg)
Estructura del contenido
Fomentar los valores de la inmediatez y brevedad a través del diseño y la arquitectura del contenido
![Page 22: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/22.jpg)
Flujo continuo
El interior deberá simplificar la interacción del lector con la información
![Page 23: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/23.jpg)
Consistencia
Fondo y forma son uno
El contenido deberá dar continuidad al flujo establecido por la portada
![Page 24: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/24.jpg)
Forma
El diseño es el contenedor, el contenido determina la forma
Esta relación entre ambos crea un producto editorial
![Page 25: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/25.jpg)
Mejorar la experiencia
La forma puede hacer más
agradable y sencilla la
experiencia de lectura
![Page 26: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/26.jpg)
![Page 27: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/27.jpg)
¿Quiénes son nuestrosconsumidores?
Son LECTORES, no espectadores
Los lectores construyen el sentido del texto con su participación (lectura), no son pasivos ante la información
![Page 28: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/28.jpg)
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
![Page 29: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/29.jpg)
ImplementaciónTabletas E-Ink Reader
iPad Kindle 6”
iPad Mini Kindle Touch 6”
Playbook Kindle 3G
Kindle Fire Kindle DX
Papyre 7.1* Papyre 5.1
Papyre 712* Papyre 6.1
Nook Color* Papyre 613
Nook Tablet* Papyre Pad 6.2
Nook Simple Touch
Nook Simple Touch Glowlight
![Page 30: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/30.jpg)
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
![Page 31: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/31.jpg)
Implementación
Diseño flexible Es papel y es digital Objeto de curiosidad Herramienta de
venta Forma -> Fondo
![Page 32: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/32.jpg)
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
![Page 33: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/33.jpg)
![Page 34: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/34.jpg)
¡Muchas gracias!
![Page 35: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/35.jpg)
Para mayor información consulte:
• Blog de Craig Mod: http://craigmod.com/
• Sitio web de The Domino Project: http://www.thedominoproject.com/
• Sitio web de APE the Book: http://apethebook.com/
![Page 36: Diseño para productos editoriales digitales](https://reader034.fdocuments.mx/reader034/viewer/2022052602/559988071a28aba4628b4755/html5/thumbnails/36.jpg)
Juan Carlos Atilano Hernández@chamacodelmal