T9: Entrega Final Grupo 1

Título	T9: Entrega Final Grupo 1
Asignatura	Taller Diseño de Ediciones Digitales
Del Curso	Taller Diseño de Ediciones Digitales 2022
Carreras	Diseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Nº	9
Alumno(s)	Emilia Lara Sanchez, Francesca Favilla, Esteban Rejas, Romina Flores

Presentación y fundamento

Bases gráficas para una composición

Portada "Bases gráficas para una composición"

A partir del Manual de Edición y Autoedición de José Martinez de Sousa, se estudió, analizó y sintetizó, en base a lo que un estudiante de Diseño de primer año necesita saber. Como parámetros fundamentales, se estableció que fuese leído en pantallas de celular, por lo que se tuvieron que definir formatos, colores (y sus variables específicas para aquello), además del tamaño de la tipografía que varía mucho en tema de puntos, en comparación de un formato análogo (en un formato digital es mayor en el archivo el tamaño de letra). Se añaden Pictogramas, para facilitar el acceso y navegación de los contenidos, interacciones que van apareciendo en la lectura y otros elementos que se fueron estableciendo a medida que se iba trabajando en grupo.

En otras palabras, lo que se hizo fue un tipo catálogo, donde el lector puede saber términos ortotipográficos por medio de una interacción del contenido, con el fin de facilitar de un modo más gráfico y simple, los aspectos esenciales necesarios para diagramar, editar y saber más conocimientos de la tipografía en sí. Los capítulos fueron divididos de acuerdo a los temas más relevantes para el alumno, estos son: tipografía, textos, signos, diagramación y tipometría.

Decisiones editoriales

Paleta de colores

• Color: Naranjo #FF9800 - Azul #0063b3 - Negro #000000 - Blanco #ffffff

Matices en el contenido: 20% - 44% - 65% - 100%

Fondos:

1. Fondo oscuro: Matiz 100%
2. Fondo medio: Matiz 65%
3. Fondo claro: Matiz 20%

Tipografía

Para la elección de la tipografía, se escogió una con serif para capitales como se puede ver en el ejemplo (Minion Pro) y dos de palo seco. Metrópolis para títulos y Montserrat para textos.

• Letra Capítulos: Minion Pro (680 pts)
• Títulos: Metrópolis All Caps (60 pts)
• Subtítulos: Montserrat (37 pts)
• Textos: Montserrat (25 pts)

Pictogramas

• Pictograma de casa: indica volver al Índice.
• Pictograma de flecha hacia atrás: indica volver al Subíndice.

Diagramación

Diagramación de las páginas tipo

Páginas tipo

En las siguientes imágenes se muestran las diagramaciones de páginas que se utilizaron para el proyecto. Donde en la Imagen 1, se ve la propuesta del Índice, el cual muestra el tema principal a tratar y sus subcategorías del lado izquierdo en función de la columna (vertical). Mostrando dos columnas generales en esta parte, que en algún punto se cruzan estas verticales de cajas de texto e ilustraciones...

Por otro lado, tenemos el inicio del capítulo (Imagen2), con una letra capital del comienzo de cada palabra de los temas aumentado en 680 pts y en la parte inferior de la página, un breve texto justificado a la derecha con un máximo de 8 líneas por párrafo. La idea del texto en esta zona, es justamente porque en pantallas de celulares, uno por lo general mira en la zona de abajo, zona donde también se ocupan más los dedos.

Y, finalmente, la Imagen 3 sigue la misma diagramación de la Imagen 2, pero este ya muestra una ilustración de cada subcategoría y el fondo en un matiz 20% se extiende en toda la página. Sumándole el título del contenido.

Paginación vista desde pantalla del celular

• Visto desde aplicación "Libros" en iPhone XR.

Contenidos

Índice

• Capítulo 1: Tipología

1. Anatomía
2. Ojo
3. Caja
4. Estilos

• Capítulo 2: Texto

1. Párrafos
2. Disposición
3. Líneas y renglones
4. Filetes

• Capítulo 3: Signos

1. Ortográficos
2. Cífras
3. Grafías

• Capítulo 4: Diagramación

1. Márgenes
2. Guías
3. Columnas
4. Filas
5. Lámina tipo

• Capítulo 5: Tipometría

1. Letras por trazo
2. Letras por tamaño
3. Kerning
4. Tracking

Acceso a la carpeta empaquetada

https://drive.google.com/drive/u/0/folders/1MyM14h0h7z2BT_GM2bZZRZGwB80HqPTb