Diferencia entre revisiones de «Catalina Pérez, Listas y jerarquías»

De Casiopea
Línea 135: Línea 135:
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
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.
* '''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.
* '''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.
* '''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.

Revisión del 18:16 8 nov 2016


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"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
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

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.

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, Mesión, Código y por ultimo Descripción, en los casos de los talleres optativos.

¿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.

¿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).

¿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.

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.