Tarea 1 - Propuesta de Edición para una Travesía CL
| Título | Tarea 1 - Propuesta de Edición para una Travesía |
|---|---|
| Asignatura | Taller Diseño de Ediciones Digitales |
| Del Curso | Taller Diseño de Ediciones Digitales 2024 |
| Carreras | Diseño |
| Nº | 1 |
| Alumno(s) | Carla Lorca |
Regalando un momento
Clase 1 Lunes 5 de Agosto
INTRODUCCIÓN AL TALLER
Aprender tecnologías para el desarrollo
"El PDF emula la realidad analógica, se debe de eliminar la página en blanco dentro de este formato.
Los nativos digitales no son lo mismo de los usuarios digitales, pues estos últimos no generan tecnologías, solo las utilizan. (Java, HTML)
Entender que lo que vemos es producto de un pensamiento lógico, hay que saber comunicar con elementos visuales.
¿A quién va dirigido el texto?
El lenguaje trabajado, las implicancias del mismo. (editar)
40 AÑOS DE TRAVESÍA
Construcción del tiempo para gestionar un proyecto
Pensar en un proyecto editorial ¿Cómo lo gestiono?
- A quién va dirigido
- Dónde lo voy a ubicar
- Cómo lo voy a presentar
Observar un espacio editorial
- Lenguaje que ocupo
- Tratamiento de imágenes y tipografía
"Los libros electrónicos son para adultos"
Supervivencia de los libros impresos; poesía en un Kindle. ¿Qué es lo que los literatos tienen que perder? Hábitos que ya no son posibles a través del libro electrónico. ¿Cuáles son las principales características de los medios de literatura? Solo la secuencia de palabras debe permanecer intacta.
Sin diseño no hay literatura
Encargo 1
Empezar a formar una doble lectura
Inventar una nueva forma de ver la travesía
- Escoger una travesía
- Buscar todo el material que hay (específicos con la información que recopilarán)
Bitácoras
Ediciones
Testimonios/experiencias
Wiki
Fotos/croquis (Quién las tomó)
- Armar una propuesta de lo que quieren mostrar/contar
- Maqueta en InDesign (digital/drive)
TRAVESÍA PAPOSO 2017
Se eligió esta travesía debido al gran contenido y registro visual que cargaba; la característica del paisaje nublado de Paposo es llamativo, y el concepto de la sombra, cómo esta gira entorno a la obra y de la forma de la misma podría ser un componente interesante para poder desarrollarlo en el encargo propuesto.
IMÁGENES UTILIZADAS
.jpg)
La imágenes se escogieron de acuerdo a lo que el relato contara, siendo más un complemento para el propio texto.
TIPOGRAFÍA
Alegreya Sans:
- Títulos: Alegreya Sans bold, 24 pt.
- Encabezados: Alegreya Sans bold, 15 pt.
- Párrafos primarios: Alegreya Sans regular, 12 pt.
- Párrafos secundarios: Alegreya Sans medium, 12 pt.
Clase 2 Jueves 8 de Agosto
CÁTEDRA
Todo texto digital es en potencia una publicación
- Word
- Docs
- HTML
Todo medio en el cual se puede escribir
Publicación en la forma, ¿a qué público quiero llegar?
En el entorno digital, la dinámica es diferente. será la amplificación lo que determinará la extensión y su soporte.
La propuesta debe responder a un dispositivo que no podrá cumplir los requisitos que uno quiere.
La idea va evolucionando
- Es necesario, hay que entender el entorno digital.
Formatos más utilizados para transferir información:
- .txt
- .doc(x)
Formatos más utilizados para la distribución de lectura:
- .epub
- .doc(x)
- html/xhtml
Papel/Pantalla:
- Márgenes: Se pueden perder por el scroll de la pantalla.
- Horizontes: Siempre se va a mostrar la información completa, a no ser que haya una imagen entremedio, por ejemplo.
¿Cómo interactúa el contenido con el medio?
Maquetación fija:
Lo más parecido al pdf, se verá igual en distintos medios. (celular, pc, etc.)
Se debe crear algo continuo que se verá el equivalente de una cosa con la otra. El sentido que hacen con el siguiente contenido, continuo.
- Testimonios fuertes, alguien que vivió la experiencia de la travesía.
- Subir bibliografía, quién subió el registro de los textos a la wiki.
- Tener un pendrive de respaldo. (disco duro)
Público objetivo
¿Qué forma va a tomar la narrativa gráfica y el texto? El contenido para el público objetivo debe de ser atractivo.
Hay que definir bien que la primera página debe de ser el fuerte, "el lector no sabe", hay que bajar el lenguaje con el que se está trabajando.
¿Cómo hacer que el texto responda a la figura de las fotos?
¿Qué palabras clave estarán dentro de la edición?
- Llegar con una tabla de contenidos
- Definir fundamentos
- Material poseído, de dónde se sacó
TALLER
Clase InDesign:
Nombrar estilos de párrafo y estilo [preferencias> carácter (Hola)h1> Texto (hola)-aplicar]
Se exporta plantilla> guardar como..
Para crear libro hay que apretar archivo> nuevo> libro (se creará una nueva pestaña)
+ >añadir documentos (capítulos)
-Capítulo 1
-Capítulo 2
-Capítulo 3
(<>) Se sincronizan los estilos y muestras con estilo de origen, cambia la tipografía.
- Exportar libro a EPUB (3.0) [Maquetación fluída y fija]
- Instalación de Sigil
Encargo 2
El texto de InDesign debe ir con los estilos de párrafos y caracteres hechos. Venir con el contenido descrito listo.
Público objetivo
Se pensó en niños; recordando las actividades registradas que no giraban entorno al proceso de obra, daban foco a los niños de Paposo, haciendo el teatro de sombras o pintando. Siendo parte de cierta forma de la Travesía.
Palabras clave
Nubosidad-Sombra-Umbra-Construir-Horizonte-Regalo
Lenguaje del texto
El lenguaje del texto se debe de simplificar, para que sea más digerible para una audiencia más joven, agregando parte de lo que significa partir en travesía.
"América, esta tierra irrumpe en regalo,(..) abrir el continente y entregar un regalo inesperado para los que habitan"
TIPOGRAFÍA
Alegreya Sans:
- Títulos: Alegreya Sans bold, 40 pt.
- Encabezados: Alegreya Sans bold, 24 pt.
- Párrafos primarios: Alegreya Sans medium, 12 pt.
- Párrafos secundarios: Alegreya Sans regular, 10 pt.
Clase 3 Lunes 12 de Agosto
CÁTEDRA
Macrotipografía
Mancha tipográfica con la que se va a ver el texto, aborda la organización y la disposición del texto en el diseño global.
[8 líneas párrafo] > texto infantil
- Elección de fuentes: Selección de tipos de tipografías que se utilizarán en el diseño y combinación de texto.
- Jerarquía tipográfica (h1, h2, h3, p1, p2..)
- Estilo de fuente: Decisiones de uso de cursiva, negrita y otras variantes de la fuente.
- Diseño de párrafos: Configuración de márgenes, alineación del texto y otros aspectos que afectarán a la aparencia del párrafo.
- Tamaño de la fuente: Tamaño web (24-38 pt). Asegurando la legibilidad en diferentes dispositivos.
Tipografías web: Calibri, Arial, Times New Roman (usualmente las que aparecen en recomendación de algún archivo word o docx.)
Hacer pruebas de usuario.
Microtipografía
Se refiere a detalles y ajustes precisos en el diseño tipográfico a nivel de caracteres individuales.
- Kerming
- Interletraje (Tracking)
- Interlineado (Leading)
- Altura dex
- Ajuste de la longitud de líneas
- Sangrías y espacios
typewar (macrotipografía)
WAVE (microtipografía)
- Taxonomía de las ediciones según software
InDesign (capítulos)
Sigil (naturaleza del contenido)
- Trabajo en Sigil
HTML y CSS
TALLER
- Descargar visualizador de libro digital: Adobe digital Editions 4. 5. 12
- Styles (nueva hoja en blanco), enlazar hoja de estilo a primer archivo xhtml
WebAIm: Contraste de fondo y letras
¿Qué va en cada parte? (poesía, lista, testimonio)
El próximo texto debe estar pensado para verse en Sigil
¿El texto qué cosas tiene en digital que en tradicional no?
Adueñarse de la propuesta (modificar título)
Fotos
¿Es necesario que estén cuadradas? En la maquetación fluida es donde habrá mayor complejidad.
Definir conceptos Travesía
Agregar a textos.
- Apoderarse del formato
- No enumerar páginas
El código no debe salir con error
Encargo 3
Texto en Sigil y en InDesign (maquetación flexible y fija)
- Texteadas en computador y celular.
Agregar imágenes en InDesign
PALETA DE COLORES
Se escogen estos colores en relación a los elementos predominantes de Paposo, siendo la niebla y la humedad que lo caracterizan.
IMÁGENES UTILIZADAS
Al escogerse una paleta de colores se modifican las imágenes a concordancia de esta, en algunas se quita el fondo para que resalten ciertas formas dentro de las imágenes.
TIPOGRAFÍAS
- Arvo:
- Títulos: Arvo bold, 24 pt.
- Encabezados: Arvo regular, 20 pt.
- Poppins:
- Párrafos primarios: Poppins regular, 14 pt.
- Párrafos secundarios: Poppins medium, 16 pt.
- Párrafos terciarios: Poppins light, 12 pt.
HERRAMIENTAS
Coolors
Photoshop
Pixelcut
Se modifica parte del texto entrando en detalle en el proceso de la obra, simplificando la narrativa para que sea más digerible y amena para el público.
Clase 4 Lunes 19 de Agosto
CORRECCIÓN
El formato del libro es bastante parecido a un ppt, en el sentido de que en cada página se muestra párrafos y una foto. Debe acercarse más a un libro.
El mapa que se muestra no señala nada, no indica donde está ni los nombres del lugar que se supone que hace mención. Aunque muestra una sombra un relieve que posee un peso gráfico relacionado con la propuesta, sin utilizar algún color como complemento.
¿Cómo va el escrito? El orden de cómo van las cosas. ¿Por qué "La Obra" no es "El Regalo"?
En una parte se habla del Curvado de la madera, ¿Cómo se puede graficar eso en la edición? ¿Qué tomo de esto?
Agarrar de un hito para hacer un capítulo, ¿Qué me dice de lo que narra? ¿Qué podría dejar marcado al lector?
Hay que marcar una jerarquía mucho más detallada, sólo se puede apreciar Título y párrafo.
Las fotos utilizadas son buenas, también pueden usarse pocas sin abusar.
CÁTEDRA
Formatos de Imagen Rasterizada:
- JPEG:
Comprime la foto con pérdida que reduce el tamaño de la imagen a expensas de cierta pérdida de calidad.
- PNG:
Compresión sin pérdida que conserva la calidad original de la imagen. Soporta trasparencias con canal alfa.
¿Cuál es el ancho máximo de la foto? ¿Cuál es el peso de la foto?
- GIF:
Compresión con pérdida de calidad que soporta 256 colores. Puede utilizarse como archivo de animaciones.
- TIFF:
Formato flexible que comprime información con y sin pérdida.
Formato de Imagen Vectorial:
- SVG
Formato de Imagen de Alta Resolución:
- RAW
Formato de Imágenes Especiales:
- HEIF
Tipos de Imagen
¿Cuáles son los tipos de imagen y cómo los hay que utilizar según convenga para una edición?
Actividad
>Descargue una imagen relativa a su Travesía y busque:
- Resolución de su pantalla de teléfono (1334x750)
- Resolución de la pantalla del computador (1920x1080)
- Tamaño de la imagen en píxeles (799x490)
- Tamaño de la imagen en centímetros (21,1402x12,9646)
En Sigil el texto puede ser aplicado a la imagen y se exporta, pero no se debe abusar de esta práctica y no debe superar un ancho determinado
Encargo 4
Tener las dos maquetas del libro avanzadas en Sigil, tanto fluida como fija
PALETA DE COLORES
Se simplifica la paleta reduciendo los colores elegidos, debido a que daba una sensación que marcaba cada sección del libro, similar a un ppt; no siendo un todo en si que lo compusiera.
IMAGEN AGREGADA
Clase 5 Jueves 22 de Agosto
Encargo 5
Tener maquetación fija y fluida
FORMATO
El libro será para vista desde un notebook/pc, de 1920x1080 pixeles.
TIPOGRAFÍAS
Arvo:
- Títulos: Arvo bold, 55 pt.
Espaciado entre letras: 10
Espaciado entre líneas: 66 pt
- Encabezados: Arvo regular, 32 pt.
Espaciado entre letras: 20
Espaciado entre líneas: 38,4 pt
Poppins:
- Párrafos primarios: Poppins regular, 22 pt.
Espaciado entre letras: 0
Espaciado entre líneas: 28 pt
- Párrafos secundarios: Poppins medium, 24 pt.
Espaciado entre letras: 0
Espaciado entre líneas: 28 pt
- Párrafos terciarios: Poppins light, 18 pt.
Espaciado entre letras: 0
Espaciado entre líneas: 20 pt
Poppins light, 16 pt.
Espaciado entre letras: 0
Espaciado entre líneas: 18 pt
Clase 6 Lunes 26 de Agosto
CORRECCIÓN
Las letras destacadas no logran su cometido de resaltar, debe cambiarse el color gris.
El texto si se quiere que se narre como un relato, todo el contenido debe seguir esta línea.
Poppins-medium sirve su cometido en la Introducción, en el resto del texto que sigue contrasta mucho al no tener conexión con la demás tipografía utilizada en adelante.
La foto debe conversar con el texto, pudiendo seguir ciertas líneas que aparecen en las fotos.
Se podría seguir jugando con las curvas que se pueden generar en las fotos, sacando el fondo el fondo de las mismas para resaltarlas.
Se podría llevar a las fotos a un color más azulado o de lo contrario a un gris monocromático.
Algunas imágenes hay que cambiarlas, porque su composición contrastan demasiado con el resto, o la calidad de imagen no es tan buena.
Encargo 6
PALETA DE COLORES
Se eligió que predominara el color azul por encima del gris, para darle el distintivo de la humedad propia de Paposo.
IMÁGENES UTILIZADAS
El azul se hace más visible en las imágenes para que ese efecto pueda resaltar visualmente en diferentes computadores. Algunas imágenes se cambian para que sean correspondientes a la composición horizontal predominante de la propuesta; y se quita el fondo de unas para que se aprecie la curva producida en la foto.
TIPOGRAFÍAS
Arvo:
- Títulos: Arvo bold, 55 pt.
Espaciado entre letras: 10
Espaciado entre líneas: 66 pt
- Encabezados: Arvo regular, 32 pt.
Espaciado entre letras: 20
Espaciado entre líneas: 38,4 pt
Poppins:
- Párrafos primarios: Poppins regular, 22 pt.
Espaciado entre letras: 0
Espaciado entre líneas: 28 pt
- Párrafos secundarios: Poppins medium, 24 pt.
Espaciado entre letras: 0
Espaciado entre líneas: 28 pt
- Párrafos terciarios: Poppins medium, 22 pt.
Espaciado entre letras: 0
Espaciado entre líneas: 28 pt
Entrega Final
Vídeo
Bibliografía
Villaroel, J. (24 de noviembre de 2017). Travesía Paposo. Casiopea. Recuperado el 11 de agosto de 2024 de https://wiki.ead.pucv.cl/Traves%C3%ADa_Paposo
Villaroel, J. (04 de noviembre de 2017). Fab2017 Vigas Diseño Pre-Travesía. Casiopea. Recuperado el 11 de agosto de 2024 de https://wiki.ead.pucv.cl/Fab2017_Vigas_Dise%C3%B1o,_Pre-Treves%C3%ADa
Villaroel, J., Rodo, R. (02 de noviembre de 2017). Fab2017 Construcción Vigas Curvas, Pre-Travesía. Casiopea. Recuperado el 11 de agosto de 2024 de https://wiki.ead.pucv.cl/Fab2017_Construcci%C3%B3n_Vigas_Curvas,_Pre-Treves%C3%ADa
Jeldes, J., C. (26 de diciembre de 2017). Sombra que Asombra. Casiopea. Recuperado el 11 de agosto de 2024 de https://wiki.ead.pucv.cl/Sombra_que_Asombra
Villaroel, J. [Jeca]. (20 de noviembre de 2017). Travideo10 [MP4]. Youtube. https://www.youtube.com/watch?v=n5NkdOxeK24
Travesía a Paposo 2017. Maldonado, L. (2017). 37776624754_fe1a8d9ed9_c [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/37776624754/in/album-72157689377200614
Travesía a Paposo 2017. Maldonado, L. (2017). 37776618284_3d612e24f1_c [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/37776618284/in/album-72157689377200614
Travesía a Paposo 2017. Maldonado, L. (2017). 38435697996_d8a6a873d2_c [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/38435697996/in/album-72157689377200614
Travesía a Paposo 2017. Maldonado, L. (2017). Faenas de pre-travesía y construcción de cuadernas/38528920031_248d008ccd_k [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/38528920031/
Travesía a Paposo 2017. Maldonado, L. (2017). 38459578112_59b280c02b_c [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/38459578112/in/album-72157689377200614
Travesía a Paposo 2017. Maldonado, L. (2017). 37604426445_80e27ac3c9_c [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/37604426445/in/album-72157689377200614
Travesía a Paposo 2017. Maldonado, L. (2017). 37776068274_65aa001ba7_c [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/37776068274/in/album-72157689377200614
Travesía a Paposo 2017. Maldonado, L. (2017). 37776107294_bed50012c6_c [Fotografía]. Flickr. https://www.flickr.com/photos/leonardo_mh/37776107294/in/album-72157689377200614
Archivo: Captura de pantalla 2017-10-31 a las 15.08.39.png. Rodo, R. (2017). Captura_de_pantalla_2017-10-31_a_las_15.08.39 [Fotografía]. Casiopea. https://wiki.ead.pucv.cl/Archivo:Captura_de_pantalla_2017-10-31_a_las_15.08.39.png
Archivo: CuadernasDiseño (3).jpg. Villaroel, J. (2017). 1200px-CuadernasDiseño_(3) [Fotografía]. Casiopea. https://wiki.ead.pucv.cl/Archivo:CuadernasDise%C3%B1o_(3).jpg
.jpg){kind=link}
Archivo: CuadernasDiseño (7).jpg. Villaroel, J. (2017). 675px-CuadernasDiseño_(7) [Fotografía]. Casiopea. https://wiki.ead.pucv.cl/Archivo:CuadernasDise%C3%B1o_(7).jpg
.jpg){kind=link}