T9: Entrega Final Grupo 2

De Casiopea


Portada G2.png


TítuloT9: Entrega Final Grupo 2
AsignaturaTaller Diseño de Ediciones Digitales
Del CursoTaller Diseño de Ediciones Digitales 2022
CarrerasDiseñ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.
9
Alumno(s)Valentina Cofré, Javiera Veliz, Anaís Johnson, Alejandra Witto Royo

3 Cosas que me hubieran gustado saber en primer año e[ad]

Cubierta: 3 cosas que me hubieran gustado saber en primer año e[ad]

Nociones de uso de tipografía y composición

Esta edición es el resultado de un trabajo grupal que tenia como aspiración crear una breve guía con contenidos básicos de composición gráfica. La propuesta interactiva es presentada en dos formatos, ambos para teléfonos celulares, una para Android y otra para iPhone. Compuesto por 3 capítulos, estos buscan ayudar a un alumno de primer año de diseño, afrontarse a sus primeros desafíos gráficos y no fallar en el intento. Otorgándole las nociones básicas de como componer una página, desde su diagramación hasta la elección tipográfica.

Elementos Gráficos

Paleta de color

La paleta de colores se compone de 5 colores, se tomaron 3 como protagonistas un azul rey, amarillo y un beige. Como colores complementarios se dejaron un azul marino y un calipso para generar distingos a lo largo de la edición. Se hicieron pruebas de estos colores en las pantallas telefónicas con el fin de escoger un color balanceado, que potenciará la lectura, pero que a su vez no se saturara el color debido al brillo de las pantallas. Paletacolor-grpualedicionfinalvaaj.png

Aplicación del color

La aplicación del color a través de la edición fue una decisión clase para otorgarle dinamismo pero a su vez ayudará a englobar cada capítulo de forma individual. Tomando los principales como fondos, se le otorgó a cada uno sus colores complementarios para títulos y elementos de importancia.

Paletas y combinaciones Mesa de trabajo 1-03.png Paletas y combinaciones Mesa de trabajo 1-02.png Paletas y combinaciones Mesa de trabajo 1-01.png

Iconografía

Inconos Usados.png

Elecciones tipográficas

Tamaño tipográfico

Titulos C1.png

Se escogieron dos tipografías para la edición, una para títulos y otra para el cuerpo de texto. Para títulos de escogió HK Grotesk y para el cuerpo de texto Alegreya Sans.

Retículas y páginas maestras

Para la diagramación del texto y de los diversos elementos presentados en la edición se optó por el formato ya entregado por InDesign correspondientes a la visualización de pantalla de un IPhone 6,7 y 8, es decir, 750 pixeles ancho por 1334 pixeles de alto. Se determinó una página maestra base para todas las páginas de contenido la cual consiste en determinar el margen y retículas. Estas dividen la página en 3 columnas paralelas verticales, con su respectivo margen, esto muestra el espacio que puede ocupar el texto o la imagen. En las siguiente imagen se puede ver la retícula y su aplicación a una hoja tipo.

RETICULA Mesa de trabajo 3.png RETICULA Ejemplo Giuas reticulas.png

Las líneas como recurso gráfico, a la lo largo de la edición cada página va acompañada de este elemento que al ir avanzando va siendo una guía tanto de unión como de dirección del libro. Este al ser una edición interactiva tiene scroll vertical y horizontal, lo que engloba los capítulos y sus contenidos.

Contenidos

Indice

  • Cap 1: Composición
  1. ¿Qué es la composición?
  2. Principios
  3. Retículas y formatos
  • Cap 2: El Texto
  1. ¿Que es el párrafo?
  2. Tipos de líneas
  3. Conceptos del espacio
  4. Tipos de párrafos


  • Cap 3: Nociones Tipográficas
  1. ¿Qué son las tipografías?
  2. Anatomía de la letra
  3. Tipos o Familias
  4. Jerarquías tipográficas
  5. Elección de una tipografía

Producción de contenidos

Tomando como inspiración el Manual de edición y Autoedición, de José Martinez de Sousa, redactamos nuestro propio indice con los temas que consideramos importantes a tratar, luego creamos nuestro propio contenido a partir de referencias y conocimientos propios.

A fin de empatizar la lectura con el público objetivo, quisimos redactar informaciones breves en el cual predominara un lenguaje visual por sobre el escrito. Ayudándonos del uso de la interacción, invitando al usuario a descubrir la edición, también le permite a este de informarse o recordar aquellas nociones que este necesite. Utilizando un registro del habla formal pero cercano, a fin de empatizar con el lector y lograr una edición donde se sienta acogido y entendido.

Por otro lado en la producción de contenido gráfico, se mantuvieron los ejemplos en términos iconográficos y abstractos a fin de que el estudiante pudiese aplicar estos conocimientos a un sin fin de soportes y fines creativos.


Ilustraciones para la edición - Capitulo 1: Composición
Ilustraciones para la edición - Capitulo 2: Texto
Ilustraciones para la edición - Capitulo 3:Nociones Tipográficas


Visualización final

Descarga tu edición

PASO 1: Descarga Bütton View

Para poder descargar y visualizar esta edición "Tres cosas que me hubiera gustado saber en primer año" se debe descargar la aplicación Bütton View en un dispositivo móvil.

Visualizacionmenú de inicio button

PASO 2: Descarga la carpeta de la edición

  • Si tienes un IPHONE, debes descargar LA CARPETA ZIP


  • Si tienes un ANDROID , debes descargar LA CARPETA NORMAL


Link a Drive con carpetas https://drive.google.com/drive/folders/19qHXJU7KEu3VCEmKvVxsfJgyEjb44gfa?usp=sharing

PASO 3: IMPORTA LA EDICIÓN A TU TELEFONO

iPhone

Paso 1

  • Abrir iTunes y conecta tu teléfono a tu ordenador
  • Acceder a tu dispositivo y hacer clic en Archivos Compartidos
  • Seleccionar Bütton View
  • Arrastrar archivo comprimido de la publicación a la ventana que se muestra en la imagen y se transferirá de forma automática
  • Antes de confirmar la transferencia, abre la aplicación Bütton View en tu teléfono y déjala en primer plano


Psaophone-ted-iisem-22-grupo-app Mesa de trabajo 1.png

Paso 2

  • Trasferir al iPhone
  • Ahora se puede visualizar la edición en el dispositivo
  • Deslizar pantalla si no aparece inmediatamente para recargar contenido
Visualizacionphone-app-button-ted-iisem-22-grupo-02-ultimo Mesa de trabajo 1.png


Android

Paso 1

  • Conecta tu teléfono a tu computador
  • Abre el almacenamiento interno de tu Android
  • Busca dentro de la carpeta "Documentos" la carpeta "Bütton View"
  • Abre la aplicación Bütton View en tu teléfono y déjala en primer plano
  • Arrastra el archivo sin comprimir, a al interior de la carpeta "Bütton View" para que automáticamente se transfiera al dispositivo
  • Espera unos minutos en que se transfieran los archivos


Android importar.png

Paso 2

  • Ahora se puede visualizar la edición en tu dispositivo
  • Deslizar la pantalla para recargar si es que no se ve inmediatamente
Visualizacionphone-app-button-ted-iisem-22-grupo-02-ultimo Mesa de trabajo 1.png