Catalina Pérez, Listas y jerarquías

De Casiopea



TítuloCatalina Perez Listas y jerarquías
Tipo de ProyectoProyecto de Taller
Palabras Claveencargo 4
Período2016-2016
AsignaturaTaller de Tipografia
Del CursoTaller de Tipografía 2016
CarrerasDiseño, Diseño Gráfico
Alumno(s)Catalina Pérez
ProfesorKatherine Exss, Nicole Arce

Primer objetivo del encargo

Bajo ya lo aprendido en los encargos anteriores con relacion a la diagramación y las intenciones de lecturabilidad (que en este caso fueron a trabes de una palabra), se dificulta esta vez a través de una propuesta de diagramación en el diseño de información de la maya curricular propuesta para este año, en la carrera de diseño. Se busca comprender la ubicación y las variantes en el aspecto tipográfico de los datos impuestos por dicha lista, en donde se pretende imponer una jerarquía bajo la importancia de información que requiere el usuario que utiliza dichos datos, donde desde ahí, se busca un movimiento y un gesto de lecturabilidad que facilite la comprensión y amabilidad de estos. Es necesario para ello cuestionarse la información recaudada a diseñar, y entender que papel compone dentro de el lienzo en donde se diseñara esta propuesta de lista.

¿En qué orden se lee?

Clasificación y categorías

Para comprender los datos dados y poder realizar una propuesta de jerarquización en la información, es necesario realizar una caracterización de los elementos presentados. Tras el traspaso de los datos de la lista, se identifico 7 elementos que poseen cada uno un puesto el su visualización y su importancia, teniendo como elementos mas importantes los Ciclos y Grados, donde desde el ciclo se presentan las áreas que abren los datos de los talleres, paralelamente tanto obligatorios, como optativos, en ello se presentan los créditos y por ultimo los códigos.

Lista de la clasificación

Diseño original

Para poder comprender mejor el carácter que pretende tener la visualización de información, hay que tener un entendimiento a como se podría innovar dicho diseño dentro de las posibilidades del diseño anterior. En ello se encontró grabes problemas de jerarquizacion con relación a los datos dados, ubicación mal elegida en donde no alcanza a desvelar por completo datos que a simple vista parecen invisibles y una mala división y relación entre elementos que se contienen con otros.

Archivo:T051.jpg
Corrección y observación del diseño original
  • 1: Tanto Ciclos como Grados son los datos mas importantes que se buscan en la listas, sin embargo por el tamaño entregado, y la ubicación, pareciese que fuera información ajena en relación a las demás.
  • 2: El circulo rojo presenta los ramos obligatorios, mientras que los verdes los optativos. A pesar de esa información antes dada, se suele confundir por el valor de los colores entregados, que tanto el verde como el rojo, entregan la misma fuerza equivalente, no sabiendo cual es el que impone frente al otro (como el obligatorio a lo optativo).
  • 3: Los datos tanto de los créditos como los de los códigos de cada ramos, están dentro del mismo valor de importancia en esta lista en aspecto de tamaño, no solo habiendo una leve distinción de ellos, si no también siendo indivisibles a primera vista (cosa que datos como los créditos son datos muy importantes al ver los talleres).
  • 4: Entre los Ciclos y el espacio de las Áreas no presentan una relación visible, por que cada uno contiene un lenguaje distinto en la visualización.

¿Cuales son las jerarquías?

Predominancia en la lectura

Ya con las categorías realizadas y divididas por elementos, estos se deben ubicar bajo una dinámica de relación que muestre la jerarquía e importancia de que elemento es mas importante o necesita una mayor rapidez de visualización que los otros. Se comprende que existe una dinámica de acción y respuesta entre los dos elementos mas importantes; Ciclo y Grado (los cuales son los primeros que uno quiere saber), ya desde el ciclo aparecen las Áreas divididas paralelamente por el mismo valor, así como después son los talleres, los créditos y por ultimo los códigos, todo dado desde el punto de viste que es lo primero y lo ultimo que se busca en una maya curricular

Archivo:T055.jpg
Mapa conceptual acerca de la dinámica de los elementos presentados en la información

¿Hay gesto de lectura?

Elemento común conector

Sin embargo existe un elemento que dispone de una actitud como vinculo coherente dentro de todos estos elementos (que se contienen dentro de otros) un elemento que sigue su dirección constante como puente conductor entre la acción (el ciclo) y la consecuencia (el grado), que son los créditos. Los créditos son la sumatoria de los resultados para llegar a un fin determinado y también una visualización de lo mayor a lo menor los ramos que se realizan desde el primer ciclo hasta el ultimo, dejando una degradación de contenido desvaneciendo con pocos datos requeridos.


Archivo:T057.jpg
Organización de los créditos como conectores entre los ciclos y los grados, abstracción de la forma

Movimiento y dirección

Para realizar la estructura base de los que seria la visualización de la lista, se dispuso los elementos mas importantes (Ciclo, Grado y Áreas), que entregan las divisiones básicas de la información para realizar su jerarquía, junto con el conector (Créditos) que seria la red de movimiento en como se entregara la información, en una cualidad de mayor a menos, transcrito como una degradación de grises y tamaños, que el vinculo va recorriendo para llegar a su fin (los grados).

Archivo:T052.jpg
Estructura Warframe

¿Cuál es la propuesta?

Propuesta presentada

Archivo:T054.jpg
Visualización de la propuesta
Propuesta de Lista

Detalles específicos

Ya con la estructura realizada , la estética principal se realizo (como ya se había dicho antes) de una degradación de claro oscuro, con respecto a los ciclos, como lo mas nítido y oscuro relacionado a lo mas cercano (el ciclo de oficio) y como lo mas alejado y difuso, ademas de menos carga de contenido (el ciclo profesional y de magister). Ademas se realizo una división de las áreas de modo horizontal capaz de pasar por los mismo fenómenos de claro oscuro en modo de que van recorriendo las áreas de los ciclos. La tipográfica se decidido en sans serif, buscando humanistas para su mejor legibilidad sin dejar su relación con la estética de la lista diseñada y todas jerarquizadas por sus tamaños

Segundo objetivo del encargo

Ya teniendo una comprensión y acercamiento en lo que respecta al diseño de la información a tratar, se plantea un nuevo formato (77 x 110 cm) que pueda abarcar con mayor libertad la información necesaria para cualquier estudiante de la escuela interesado en la nueva proposición curricular que entrega este año. Este se visualizara por medio de un afiche informativo, que no solo contenga toda la información de una modo viable y entendible para cualquier espectador, si no que imponga la dinámica en lo que respecta de la distancia en la que esta información proponga ser vista.

¿En qué orden se lee?

Clasificación de información

Para un mayor entendimiento y búsqueda a que necesita el estudiante o que necesitamos o nos parece relevante para la toma de talleres y ramos, se re miro toda la información que puede entregar el soporte clasificando mas información necesaria como lo es las menciones, periodos, los profesores y los detalles de los ramos a elegir, elementos necesarios que revelan la nueva proposición acerca de la libertad de elección para poder construir como estudiante la carrera de Diseño. Ya con la información requerida, se dispone un orden de lo mas importante a lo mas especifico; Ciclos y Grados, Áreas, Periodos, Talleres, Profesores, Crédito, Meción, Código y por ultimo Descripción, en los casos de los talleres optativos.

Lista de la clasificación

¿Cómo se aprovecha?

Focos visuales

Primero se abordo la capacidad de información necesaria que debe tener el lienzo según lo que el alumno necesite al momento de elegir ramos. Desde ese punto apareció un tamaño en la información y se ubico en una altura media entre lo mas alto y lo mas bajo del pliego, cosa que se pueda obtener en la lejanía una extensión completa de la información, que presenta mas evidentemente los conceptos claves para adentrarse con mas detalle a los datos.


Archivo:Focos de vision.png
Se puede ver que el foco se divide en tres presencias, en esta imagen los focos de importancia se tomas desde lo mas oscuro a lo mas claro.

¿Hay gesto de lectura?

Estructura y movimiento

La estructura abarca según el foco de visualización que pretende tener el lienzo. Se rescata las distinciones de cada ciclo pero unidos desde una acción (ciclos) y una respuesta (grados), sin embargo los conectores poseen una dinámica de dos lineas paralelas que se unen y después conducen a la segunda etapa (Área/Periodo y Mension/crédito) cada una menciona dos consecuencias del ciclo, tanto cuantitativa como cualitativa, que permiten el volver a seguir la lectura, dispuesta desde la cercanía y la lejanía, relacionada con la cantidad de información por ciclo (entre mas temprano mas información y ramos se realizan, siendo de grises mas oscuros y entre menos información y ciclo mas alejado, los grises son mas claros).

Archivo:Estructuramgesto.png
Se dispone dos estructuras similares que van aclarando degradadamente, hasta llegar a su conclusión (ciclo profesional)

¿Tiene lejanía?

Dimensiones Tipográficas

Se busca visualizar las jerarquía en base a los tamaños y los grises que presentan, en modo a que al verse, tenga un dinamice en las distancias, para así imponer una dirección y un modo de lectura al observador. El afiche se realizo con sus variantes con las familias Frutiguer, y otras con Univers (la que finalmente fue seleccionada como la mas optima). Se plantea una síntesis y aprovechamiento máximo de las variantes de las tipografías, en modo de que la propuesta tipográfica sea la que lleve el gesto de lectura y cosa que se elimino los aspectos de color.

¿Cual es la propuesta?

Propuestas variantes

Dentro de la estructura ya expuesta en relevancia al gesto que pretende obtener dentro del lienzo, se conformaron distintas variantes dentro de la sobriedad que pretendía obtener bajo la esencia de la escuela, la importancia que nos han impuesto en el valor mismo de la palabra y como este se presenta, los contrastes y los matices de grises que se valorizan bajo a un mundo de relaciones y vínculos. Desde ahí se busco valorizar la estructura bajo solo la ubicación y la diagramación del texto. En uno de los variantes solo se presentan un detalle de cuadros que guían la lectura mientras que otros evidencian de mayor manera a través de algunas lineas conectoras que dirigen la mirada.

Archivo:Vaqrian111.png
Propuesta variante 1. Se valoriza solamente por la diagramacion y las cualidades tipográficas de la fuente.
Archivo:Sdegsgbsr.png
Propuesta variante 2. La lecturabilidad se guía a través de los cuadro que contienen cada ciclo.
Archivo:Originathejel.png
Propuesta final. Los ciclos se delinean y se contienen por vínculos que determinan hacia un fin (Ciclo profesional)
Propuesta de Lista

Corrección

Tras La presentación del diseño, se realizaron distintas correcciones en relacion a la estética y personalidad con la cual el diseño estaba presentado, la disposición e contrastes y jerarquías en relacion a los elementos mas primordiales que debe contener el afiche. Estas son:

  • Corrección de ortografía
  • Buscar una tipografía que contenga de por si un carácter que acople a lo que se esta informando
  • Mayor contraste, presentarlo a través de la utilización de color y el valor de la familia tipográfica que se esta utilizando
  • Cuidar margenes
  • Realizar el Ciclo Profesional y de Magíster.

Tercer objetivo del encargo

Diseño de información multisoporte

Con la corrección antes realizada, el ejercicio plantea avanzar bajón su misma materia, pero acomplejando la capacidad de usar bien la tipografía como medio de expresar y revelar de una forma legible y optima una información a través de la adaptación de la información realizada en distintos soportes (afiche, doble pagina y web) en cual se busca los siguientes requerimientos

  • Consistencia: Debe haber una coherencia dentro del fundamento realizado (gesto, tipografía, diagramación) entre los distintos soportes gráficos.
  • Legibilidad: Tener una conciencia en la jerarquía tipográfica con relacion a las distancias visuales que determinan cada soporte.
  • Diseño de interacción como comunicador: Realizar una decisión acerca de la información que requiere dentro de cada soporte, las facilidades y para quien esta dirigido cada uno de estos.

Propuesta soporte afiche

Clasificación y categorías de la información

Se deicidio mantener la información antes abstraída con la pregunta de que es lo que el estudiante busca en el momento de elegir y entenderse acerca de las nuevas propuestas curriculares, desde ello, se tomaron tanto lo elementos antes mencionados, como parte de lo importante al tomar ramos y ademas como parte de elementos que renuevan la dinámica de la malla curricular, ademas de un breve texto que explique todo el mundo que presenta las nuevas propuestas.

Reflexión acerca del soporte

El soporte que se presenta es un soporte de afiche, siendo la libertad de las distintas distancias visuales que pueden permitir, desde los puntos mas lejanos que quieren ser notados desde lejos hasta los mas específicos que necesitan un tiempo de atención (elementos que solo son requeridos si el estudiante pretende quiere saber mas de los temas presentados), por ende se aprovecha la claridad de las jerarquías tomadas por la importancia de lo mas general a lo mas especifico, presentados de lo mas lejano a lo mas cerca, habiendo una dinámica activa entre el espectador y el afiche.

Gesto de Lectura

Cada ciclo contiene un valor de claro oscuro presentado sutilmente tanto en los ciclos como en los grados, presentando y rescatando de trabajos anteriores el fundamento entre la cercanía y la lejanía de los ramos a tratar, en relacion a la condensación variable que se presenta entre estos (entre mas información a menos información). Dentro de cada ciclo existe don vínculos que guían la verticalidad de estos hacia su fin (los grados) que son las Áreas/Periodos y Mensión/Créditos, respondiendo cada uno por un resultado deferente pero complementarios (el tiempo en que dura el ciclo y el grado que se saca al terminarlo)

Decisión Tipográfica

Tras la corrección del trabajo anterior, la propuesta pretende aprovechar lo mas posibles el valor tipográfico como medio de expresión y jerarquización de cada elemento presentado en el soporte, desde la riqueza en la familia tipográfica de una fuente, hasta el valor propio y característico que esta contenga, tan sea la forma mas optima de abstraer la imagen de la escuela, apropiándose de esta y que no pierda la identidad. La Familia que se utilizo es la Optima con sus variantes regular y bold, trabajando tanto en grises como en color (rojo respectivamente), en busca de la identidad ya expuesta de la escuela, innovar desde esta un modo de lectura que desde la justificaciones de textos dispuestos por cada elemento y los tamaños desde mas grande a mas pequeño, revelando con mayor contraste lo mas importante a lo mas especifico, la contención de de estos con relacion a otros, creando una figura que se vincula y se relaciona dentro de la lecturabilidad de esta.

Propuesta

Se presenta la propuesta contenida entre los Ciclos que recorren todo el lienzo predispuesto donde desde este contiene un punto de atención explicativo que presenta las nuevas dinámicas en la propuesta curricular como sintesis y ordenamiento de todo lo que se presenta en el afiche.

Propuesta de Lista

Propuesta soporte doble pagina

Clasificación y categorías de la información

En este soporte se busco una mayor síntesis enfocándose a que espectador leerá la información entregada. En torno a esto se tomaron los rasgos mas amplios que dan a entender la composición de los ciclos, los talleres optativos y obligatorios, los profesores participantes de cada taller y la importancia de las menciones en la entrega de cada grado, mas un texto explicativo que habla acerca de la dinámica de las menciones en relaciona la selecciona de ramos y sus libertades laborales (como segmentos mas generales que alguien poco especializado en el tema quiere saber acerca de la carrera).

Reflexión acerca del soporte

El soporte presenta una complejidad acerca de su tamaño, ya que impone una síntesis y una dinámica mas pasiva en lo que respecta las distancias de lectura que el espectador requiere, por ende, se debe realizar una trabajo de decisión acerca de que tamaños son mas óptimos en el aspecto tipográfico y de edición, y que es lo mas primordial que debe contener este lienzo informativo.

Gesto de Lectura

Se pretende mantener los gestos realizado en los lienzos anteriores, pero ahora bajo las síntesis de información realizada. Tras esas síntesis, quedaron elementos vistos que mantienen la dinámica en la lectura, como son estos dos vi.culos que imponen la verticalidad de la información. sin embargo no presenta tres movimientos que van desde un comienzo (Ciclos) pasan por los vínculos (Mención y Áreas) y llegan a un final (Grados y tiempo), si no que esto solamente es explicado en un texto puesto al comienzo de una de las paginas, para poder comprender todos los elementos presentados que abren paso al mundo que quiere presentar la nueva propuesta académica.

Decisión Tipográfica

Se quiso ser fiel, en modo a una coherencia y constancia de diseño, la utilización del color rojo y los grises, al igual que la fuente predilecta (Optima), fueron mantenidas ya que también por su carácter y contraste en su cuerpo, se vio afable para la lectura mas cercana. Trabajando con las posibilidades de la diagramación en los estilos de párrafo se pudo realizar contrastes de elementos similares con respectos a otros. Se quiso abstraer el cuerpo de como los elementos se relacionaban entre si, bajo las limitaciones que entregaba el lienzo, siempre priorizando el valor tipográfico frente a otros elementos que guían la lectura.

Propuesta

La propuesta presenta una breve descripción de el escenario de los elementos presentados y como estos se relacionan y presentan una dinámica bajo las necesidades y libertades laborales que puede realizar esta nueva proposición.

Propuesta de Lista

Propuesta soporte Web

Clasificación y categorías de la información

En esta propuesta se quiso abarcar a mas información importante bajo el enfoque a que espectador esta realizado el diseño. Ya que el soporte permite que solo gente interesada y mas especializada o involucrada al tema requiere la información que tendrá, desde todo lo tomado para el soporte de afiche explicativo, mas una descripción de que aptitudes entrega en grado dado en cada ciclo, cosa que se comprenda mejor como esos elementos abren mayormente las posibilidades laborales de un estudiante de diseño, que pueda tomar estas experiencias como parte del aprendizaje de la disciplina.

Reflexión acerca del soporte

El soporte permite una gran libertad en lo que respecta la información que se le puede llegar a poner, ya que, la interacción entre el espectador y el soporte no solo va por una dinámica en la lecturabilidad de la información que presenta, si no también, en la interacción de movimiento y feedback que pueda tomar realizar distintas acciones en los elementos que se presentan, por lo tanto, las distancias que antes trabajaban para priorizar lo mas importante a lo mas especifico, es remplazado por la reacción del soporte frente al usuario que selecciona elementos dentro de la pantalla.

Gesto de Lectura

El gesto de la lectura pretende mantener la estructuras dadas anteriormente en los otros soportes, sin embargo, hay información que solo sera rebelada si el espectador este interesado en saber mas acerca de algun elemento presentado en la pantalla.

Si el usuario pretende saber mas acerca de un taller, con solo seleccionar el elemento se abrirá una ventanilla que desplace los otros elementos y abran una breve descripción de lo que se trata mas las especificaciones (profesor, código, crédito, y la característica de si es obligatorio u optativo).

Por otro lado, también si quiere saber mas acerca de lo que entrega los grados en relacion a termino del ciclo, al igual que los talleres, se abre una ventanilla que presenta sus especificaciones (El tiempo en que dura y los créditos necesarios para obtener el grado) y una descripción a la importancia laboral que es tener ese grado.

También habrá un menú dentro de la lista que presenta el titulo de lo que se presenta donde el la "Malla curricular" se expande un subconjunto de opciones que presenta los ciclos de la malla, cosa que esos elementos se mantengan constantes en el recorrer de la pantalla, para una mejor movilidad dentro de la información.

Decisión Tipográfica

A pesar de que mantuvo la estructura y el valor en la diagramacion de cada elemento, por necesidades y distinciones de las tipografías aptas para texto y para pantalla, se opto por cambiar la familia de la fuente Optima por la Titillium Web, ya que la anterior no era muy favorable en la coherencia estética de la pagina (teniendo en cuenta también, el buen acoplo de la información que se esta diseñando con relacion a su entorno) y la ahora puesta tenia mas coherencia y similitud a la tipografía utilizada en la pagina de la escuela.

Propuesta

La propuesta recorre toda la verticalidad dada por el soporte que entrega una libertad infinita de esta.

Reflexión frente al encargo

Se comprende la importancia de como el diseñador se enfrenta ante una información que necesita ser diseñada bajo la finalidad de ser lo evidentemente comprendida para cualquiera, desde todo el desarrollo en el trabajo de jerarquizar los datos, hasta proponer una estructura primaria que abstraiga la intención en la dirección y el movimiento de como quiere que dichos datos se lean. Por otro lado, pero sin alejarse al fin de la propuesta de lectura, el diseñador se enfrenta a la problemática tipográfica en modo de buscar formas de evidenciar jerarquizadas en los datos. Las decisiones tipográficas, desde la elección de una familia, hasta decidir que variantes y como se aplicaran en la información, son un aspecto importante al modo de legibilidad. Estas ayudan a levantar a información de tal maneras que dirige el ojo del lector a diferentes posiciones del lienzo diseñado, manejando inconscientemente, la coherencia de como todos lo elementos presentados interactuan entre si bajo el movimiento entregado a través de esa propuesta tipográfica.