Diseño para productos editoriales digitales
-
Upload
juan-carlos-atilano -
Category
Education
-
view
272 -
download
3
description
Transcript of Diseño para productos editoriales digitales
Diseño para productoseditoriales 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, privilegia la función utilitaria
Proteger al contenido
Sus funciones primordiales son:
conservar y facilitar su
transporte y almacenamiento
Diferenciador
El contenidosigue siendo el principal valorque se ofrece al consumidor
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
Facilitar el usoLa 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 membrana
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 ICONO DE UNA APLICACIÓN
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
EstéticaLa forma es
importante, permite resaltar valores del
producto
La forma será identificable, flexible, directa, econ
ómica
Recursos gráficos
La tipografía, las plecas, los colores, sirven para identificar y marcar el contenido, son nuestras
herramientas naturales de edición
El valor de cada soporte
Un producto físico evoca sensaciones en otros sentidos, por su naturaleza y posibilidades de interacción
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 contenido
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 unificar a nuestros
productos digitales
Horizonte de expectativas
Conjunto de prejuicios que el lector tiene
(positivos y negativos) que influyen en su
consumo de información
Romper resistencia
Todo lector tiene prejuicios antes de consumir un contenido, es importante romper con las
resistencias a partir de hacer transparente el contenido
Estructura del contenido
Fomentar los valores de la inmediatez y brevedad a través del diseño y la arquitectura del contenido
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 nuestrosconsumidores?
Son LECTORES, no espectadores
Los lectores construyen el sentido del texto con su participación (lectura), no son pasivos ante la información
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
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
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
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 Forma y fondo económicos Sencillo y útil
¡Muchas gracias!
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/
Juan Carlos Atilano Hernández@chamacodelmal