Asignatura(s)Taller de Diseño Gráfico 6ª Etapa, Taller de Diseño Gráfico 7ª Etapa
Año2012
Tipo de CursoTaller de Etapa
TalleresDG 4º
ProfesoresHerbert Spencer
EstudiantesShari Berg, Sergio Arciga, Caterina Da Silva, Antonia Casali, Alison Saravia, Nicol Valenzuela, Camila Valenzuela, Nicole Arce, Samira Bajbuj
Carreras RelacionadasDiseñ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.

Estudiantes

Clases

Clase 1, Las Órdenes del Diseño

  • Fecha: Lunes 5 de Marzo del 2012

Introducción a la Primera Clase

Uno de los objetivos del taller es darle sentido al diseño según donde estamos y cómo lo vemos. Cómo abarcar el diseño según nuestro punto de vista. La visión, sentido y materia del diseño, en eso, hay 3 preguntas.

Grafico introduccion.png
  • ¿Qué? - La materia como su forma fisica. La manera que se hace y se construye
  • ¿Cómo? - La manera que se presenta
  • ¿Por qué? - El sentido. Cuál es la transendencia para llegar a hacer, o cuál es su uso y que podrían a llegar a hacer.


Grafico dubberly.png

H.Dubberly De algo que no es, pasa a ser. La idea que se forma al mundo visual, el dibujo como medida gráfica.


Ética – Ethos : Ethos mecanista a un Ethos biológico como en un sentido de la forma al ecosistema.

Órdenes del Diseño

Ya estamos a 100 años del manifiesto futurista. Al comienzo del s. XX, el gran problema era la comunicación de masas. La producción gráfica y el sentido directo. La masa de información, cómo comunicarlo a mucha gente y cómo sembrar a la ciudad y masificar la gráfica. El Diseño Gráfico y el Diseño Industrial. Los modelos y matrices. Para la creación de símbolos y la producción de cosas.

  • Diseño de Primer Orden – Diseño Gráfico y los símbolos.
  • Diseño de Segundo Orden – Diseño Industrial y los objetos.

¿Qué pasa si no sólo diseñamos los símbolos, los objetos, sino también el comportamiento ante ellos?¿Qué emergen de ellos? Después de la Segunda Guerra mundial, se vió presente este factor, el Diseño de la Interacción.

  • Diseño de Tercer Orden – Interacción y repercuciónes del Diseño. Acá es donde comienza el Diseño de Servicios. Hay un cuarto orden en el diseño a causa de esto.
  • Diseño de Cuarto Orden – Los espacios de comunicación

La concistencia del Diseño y su transversidad. Esta es una manera de ordenar un discurso, un punto de vista totalmente debatible. Donde, como curso, podríamos plantarlo de otra manera. No es una verdad absoluta.

Encargo para Jueves 8 de Marzo

Poder salir a croquear e identificar ciertos factores de la ciudad. Ver donde está la interación que provocan las Ordenes del Diseño. Identificar dentro de la habitualidad. Como cambian las personas y como cambian su ser.

Las relaciones entre los artefactos. ¿Cuál es la interación que provocan y en qué servicio están insertos? Ver las evidencias físicas.

Dibujo tamaño pliego en módulos de 4. Formato F16 Dibujo con tinta, pinceles, plumones o lápices, etc.


Camila De la Vega 12:31 8 mar 2012 (CLT)

Clase 2, Escalas y Límites

  • Fecha: Jueves 8 de Marzo del 2012

Se discute el sentido de la observación como origen del proceso creativo y se presentan los dibujos realizados por el taller. Se dividen identificando 6 categorías de observaciones presentando las diversas escalas y relaciones de lectura:

  1. Relación cuerpo-espacio
  2. Intercambio e interacción
  3. Disposición espacial
  4. Ritmo Impuesto
  5. Disposición y forma
  6. Lectura en exposición

Clase 3, Ecoviandantes

  • Fecha: Lunes 12 de Marzo del 2012

"ECOVIANDANTE" del concepto Eco - Vía - Andante

  • Eco: La Energía Del Conjunto
  • Vía: Lugar donde se transita
  • Andante: El Que Anda

Ecoviandante puede entenderse como aquel sujeto que se hace cargo de su propia VÍA que comparte con otros andantes en pos de un buen ambiente aplicando Energía De Conjunto. (Fuente:[1])

Ecoviandantes se creo tal cual un movimiento civil, cuyo objetivo es erradicar gradualmente los basurales en Chile. El reciclaje es su manera de proceder, y con ello pretenden crear conciencia ecologica en el país y el mundo.

Se reclutan 300 voluntarios por comuna, los cuales pertenecen a colegios municipales. Se realizan clases de capacitación (compostaje, energía renovable, etc.)

Se organizan de la siguiente manera:

6 colegios por comuna, en los cuales existe un líder y cuatro jefes de patulla al mando de 10 estudiantes cada uno:

Organizacion comuna ecoviandantes.jpg

Después de terminar con la limpieza de cierto sector, los ecoviandantes realizan una reforestación; 'trabajo en equipo y conciencia social'.

Finalmente se lleva a cabo el "festival de la basura" donde diversos artistas hacen una presentación exclusiva para los voluntarios. Además del recital los chicos reciben distintos tipos de beneficios por parte de las empresas involucradas a manera de incentivo.

Objetivo

  • Identificar cuales son las preguntas más importantes para poder generar un argumento.

(Sugerencia: Hacer un mapa conceptual que nos permita identificar las relaciones existentes entre los distintos personajes que forman parte de círculo virtuoso)

TAREA

  1. Presentar carpeta de croquis y observaciones, para sanjar el asunto anterior
  2. Leer TEORÍA GENERAL DE LOS SISTEMAS - LUDWIG VON BERTALANFFY ([2])

Nikki Valenzuela 12:51 13 mar 2012 (CLT)

Clase 4, Sistemas: Modelos y Mapas Conceptuales

  • Fecha: martes 13 de Marzo del 2012

En cuanto a los croquis y a la observación: La observación se apoya en la experiencia de lo que se ve. Búsqueda de aspectos invisibles que van ir otorgándole un sentido al dibujo.

Sistemas: Más que lo visible. Se comprende lo que es un sistema a través de un modelo.

Un modelo se presenta como un lenguaje visual, lo cual es una ventaja, ya que podemos construir una Inteligencia Visual. A su vez, los Mapas conceptuales son una sintaxis básica para dar el salto a la creación de un modelo. Hay una comprensión de las relaciones topológicas más que de la disposición espacial. Se hacen cortes para poder comprender.


La imagen es el total La imagen es Audiovisual La imagen es simultánea

Ejemplo: El Haiku ("Toco tres notas y hay un acorde") Vinculación de la imagen, más el texto, más el fondo. 3 elementos inconexos


Mapa conceptual: Identificación de los elementos significativos, ver los elementos que se relacionan entre si; En configuración, el mapa conceptual es débil ya que los textos cruzados no construyen la imagen. Tienen un problema constructivo de interpretación. Es necesario pasar de la sintaxis básica a modelos fijos en el espacio.


Modelos incompletos: Sirven operativamente para algo. Permiten razonar sobre la realidad y se desencadena un diálogo.

De acuerdo a la lectura de los mapas conceptuales existe la siguiente división:


  • Si se trata de una imagen: el mapa conceptual podría ser Árbol, tela de araña o diagrama de Venn
  • Si se trata de un espacio: el mapa conceptual podría ser un mapa, 2x2, o una grilla.
  • Si se trata de un proceso: el mapa conceptual podría ser una línea de tiempo, cronograma o partitura
  • Si se trata de un sistema: el mapa conceptual podría ser una mezcla entre todas las opciones anteriores. es un espacio complejo. El sistema incluiría la imagen, el proceso y el espacio.
Mapascc.jpg


Los sistemas siempre ofrecen múltiples interpretaciones, es una herramienta que desencadena el diálogo.

Modelos Visuales: Tienen la capacidad de ir hacia atrás y hacia adelante. El modelo quiere ver cómo aparecen los elementos y constituyen un lenguaje. Se busca la Persuasión, colaboración, coordinación y la estrategia. Construyen un argumento para decir qué es lo que hay que hacer, para justificar lo que se va a hacer; Se razona y se tiene un lenguaje creativo. Hay un ofrecimiento de otra mirada, otra visión. Genera un plan de acción.

Modeloymapa.jpg


Alison Saravia Ortiz 14:06 15 marzo 2012


Clase 6, Organización de Grupos de Trabajo

  • Fecha: lunes 19 de Marzo del 2012

Tener iniciativa e ir más allá de lo que se tiene que cumplir. Líneas más pertinentes de trabajo.

  • Vector: tiene dirección, magnitud y sentido.
  • Invención espacial: Definir el espacio de trabajo. Proceso + Entidades.
  • Hipótesis: que tenga correspondencia con la realidad. Elementos gráficos deben de tener reglas sintácticas. Modelo: Primero debemos definir un espacio constante y persistente entre categorías y tipos de objetos que existen.
  • Lugares de representación: Es importante que el modelo me ayude a pensar (más que asignar) la idea es que tenga una correspondencia.

Ecolenguaje: presenta un lenguaje de representación que permite explicar de manera fácil conceptos abstractos. Existen variadas maneras de representar: se escala a otra cosa más compleja, permite seguir representando, manteniendo el lenguaje y la abstracción. Pertinencia de elementos: vocabulario visual fino pero no más complejo, es necesario evitar la complejidad.

Implicancias: coherencia institucional entre todo lo que se presenta. Tener claro cuáles son las implicancias. Tener claras las líneas de trabajo. ¿Cómo organizamos el trabajo para seguir avanzando? Tener en cuenta todos los niveles para generar los modelos. Dependiendo de cómo se muestren los datos se pueden generar realidades distintas.

ROI: Return of Investment: Demostrar que la devolución a la empresa es mayor mediante el método de Gonzalo es mayor que tirar la basura clandestinamente. Debemos buscar la media entre el Diseño y la Ingeniería para llegar con una solución aterrizada, para lo cual necesitamos basarnos en modelos, los cuales nos permiten "inter-legere" o leer entre líneas, palabra latina de la cual deriva inteligencia

Tener cuidado con la elección de tipografías, colores, formas, ya que todo tiene una simbología y un significado previo que hay que tener en cuenta. Para arreglar los mapas hay que relacionar las cosas semejantes. La idea del modelo es que nos permita ver lo que hay y lo que hay más allá. Tener claros los problemas, para tener claros los puntos críticos. Así podremos tomarlos y trabajar sobre ellos.

¿Cuántos flancos podemos abordar?

  • Introducción del proyecto al sistema: ¿Por qué las personas deben seguir este proyecto?
  • Fiscalización ciudadana: "No es de interés privado construir lo que no es privado". Henry Ford creó la jornada laboral de 8 horas puesto que se dio cuenta de que el trabajador necesitaba tiempo libre para andar en auto. Él pensaba para que su producto perdurase en el tiempo, al contrario de la mayoría de las empresas privadas actuales.
  • Construcción del bien común: Surgir desde el caos por medio del andamiaje cognitivo.

Organización de grupos de trabajo

  1. Juego de modelos: "Gran argumento". "Argumento estratégico". Unión entre el Lenguaje visual y la generación de argumentos. ¿Cuál es el paso que se quiere dar? Presentaciones en PowerPoint/Keynote.
  2. Lenguaje visual: "Pruebas gráficas" ¿Cuál es el rostro, imagen, color, tipografía de este modelo? Fundamento de todo, los insumos. Es lo más sensible, la cualidad de la observación, por lo tanto, lo más complejo. Es la atmósfera, el lenguaje de la aparición.
  3. Argumentos: "Arquitectura de la información" ¿Cómo dejar instaladas las capacidades en la comunidad? Construcción del argumento en un formato de presentación. Programas. Es como se cuenta la gran historia de esto. Problem framing ¿Cuál es la frontera de lo que nos concierne? Hay que tener en cuenta los destinatarios: estudiantes de colegios municipales. Se generarán mapas de contenidos y redacción creativa.

¿Qué es lo que se puede proponer? Todo lo que tenga sentido proponer. Lo consistentemente simple, teniendo claro el tamiz de fondo se pueden hacer distintas conexiones. The low hanging fruit.

Proposición de programas de ejecución: Primero, son personas que tienen un propósito en común: producir un cambio cultural. Catalizar el cambio.

Hay que compartir los modelos, imprimirlos e intervenirlos entre todos. Traer cuatro pilas AA para teclados y magic mouse.

--Caterinadasilva 12:26 22 mar 2012 (CLT)


Clase 7, Correcciones Grupos de Trabajo

  • Fecha: Jueves 22 de Marzo del 2012

Corrección Grupo Imagen

Presentación:

Identificación de 3 conceptos clave:

  • Bienestar Social
  • Ambiente Natural
  • Contaminación

A partir de los conceptos clave y la relación que existe entre los conceptos que emergen de ellos, se define una paleta de colores.

Presentación de bosquejos en acuarela en base a esta paleta.


Corrección

Se debe fortificar ciertos conceptos para definir la paleta de colores.

Pensar en el significado que tiene la imagen, más que un elemento pensar en un atributo en sentido icónico. La inteligencia debe ser primeramente visual y luego narrativa, ya que de la asociación visual se desencadenan los conceptos y relaciones.

Se debe potenciar las imágenes que el mismo proceso nos trae (Por ejemplo los ecoviandantes en conjunto con sus trajes blancos).

Lograr que el logo funcione tanto en color como en alto contraste, comenzar con una propuesta en blanco y negro, y luego pensar el color.


Corrección Grupo Arquitectura de la Información y Modelo Visual

Es necesario hacer una distinción en los conceptos. Ajustar los criterios para poder ubicarse dentro del mapa siguiendo la "lógica del zoom", de lo global a lo específico.

Declarar jerarquías y leyes, definir cuales son las interacciones entre los actores de cada proceso y cuales son los verbos.

Para hacer distingos debemos estar conciente de la información completa.

Identificar las características del procesos

¿cómo las situaciones viciosas se vuelven virtuosas?, ¿cuál es el contenido que debemos reproducir?, ¿cuál es el relato que emerge de este proyecto?, ¿cómo yo habito el espacio de la información relevante que presento?, ¿cuál es el ritmo que propongo?


Se debe realizar un análisis estratégico de la información.

El diseño es capaz de hacer una intervención para dar significado, por lo tanto el diseñador debe ser empático al tomar las decisiones.

Modelo Presentado

Archivo:MODELO.pdf Primera Propuesta Grupo Modelo Visual


--Samirabajbujr 17:13 25 mar 2012 (CLT)

Clase 8

  • Fecha: Lunes 26 de Marzo del 2012

Definir una "Tabla de Reunión" de los puntos importantes a tratar:

  • Afinar el discurso: ¿Qué vamos a hacer? > Fundamentos
  • Definir una estrategia: Fases largo/corto plazo
  • Armar un calendario (Gantt)
  • Desde el discurso al Modelo

Presentaciones

Arquitectura de la Información

Nombre del Proyecto: ¿de la Basura o Ecoviandantes? Se define el proyecto para acotar la información y los objetivos, y se divide en tres partes fundamentales que responden a estas preguntas: ¿qué es?, ¿a quién está dirigido? ¿en qué contexto se ubica?. Se indican las personas involucradas: colegios, empresas, municipalidad, y otros, junto con el aporte que cada grupo otorga al movimiento, cmo lo es la maquinaria, servicios y el voluntariado. Se hace énfasis en los Ecoviandantes, los cuales tienen tres programas de asistencia al medioambiente, que es la Capacitación, Reciclaje y Reforestación.

  • Con respecto a la presentación: Que ésta contenga una narrativa de lo que es y no de su proceso anterior.

Mapa que organiza los elementos: Mapa de Contenidos. Lo destacado en amarillo representa lo que se necesita mostrar en la página web con respecto a la opinión del grupo de AI. Se le da una importancia al registro para que el movimiento tenga presencia, que dé por escrito sus acciones para que se forme una identidad en las personas y que no se pierda lo ya hecho. Se indica el hecho que el movimiento debiera de tener un Escalamiento de la Organización, que no se dependa de un solo representante.

Ver referencias Open Enterprise Manifiesto

Modelo

Limpiemos Chile se divide en tres procesos centrales los cuales son:

  1. Proceso de organización
  2. Proceso de Limpieza
  3. Proceso de Recuperación


Modelo Proyecto limpiemos Chile Fondo blanco.png


El argumento comprende tres procesos, de los cuales forman parte las entidades, las acciones y los objetivos que representan el movimiento.

  • Con respecto a la presentación: Que el modelo atrape el argumento más que sólo los elementos representados en él.


Para ver más detalles acerca de las presentaciones y del Proyecto, Ver Programa de los Ecoviandantes

Orden de las Presentaciones

  1. Modelo
  2. Arquitectura
  3. Imagen
  4. Logo > Wireframe

Puntos Importantes

  • El Festival de la Basura es un evento estratégico, pero no debería ser crítico. Los Ecoviandantes son los que tienen un papel más importante.
  • Sezgo socio-económico con respecto a la búsqueda de voluntarios.
  • ¿Cuáles son las oportunidades de emprendimiento luego de la limpieza de basurales?


--Dpardo 12:09 27 mar 2012 (CLT)

Clase 10

  • Fecha: Lunes 2 de Abril de 2012

Segunda Reunión con Gonzalo

Seguna reunión con Gonzalo sobre el proyecto Ecoviandantes. Se le entrega a Gonzalo las propuestas sobre los tres grupos definidos anteriormente: Grupo Modelos, Arquitectura de la Información e Imágen.

  • Gonzalo nos informa que el proyecto necesita grupos de gente comprometida ya que su actividad fundamental es netamente de Acción
  • Gonzalo propone crear con nosotros una ONG (Organización no Gubernamental sin fines de lucro)

Para esto es necesario gente especializada en gestión, por ende nosotros sólo construiremos los argumentos que serán ocupados

  • ¿Cuál es el punto de no retorno a la problemática planteada? (Pregunta Grupo Modelo) Respuesta Gonzalo: El grupo no sólo funciona para ser Ecoviandantes y generar basurales, si no que también el grupo funciona como un Servicio

¿Cuál es el paso que debemos dar nosotros?

Nuestro proceso está orientado hacia esta nueva forma que se comienza a abrir. Después de haberle mostrado a Gonzalo nuestra formulación de un estudio sobre un posible sitio web, debemos pensar como se inicia una campaña

--Acasali 00:41 3 abr 2012 (CLT)

Clases 11 a 14

  • Fecha: 3, 5, 10 y 12 de Abril de 2012

Clasificación de las tareas

  1. Sitio web
    1. Contenidos: Texto, Ilustraciones/Inforafías, Videos.
    2. Interacciónes: Registro, Mapeo Colectivo.
  2. Material Gráfico anexo/complementario
    1. Afiches
    2. Presentaciones
  3. Integración digital
    1. Twitter, Facebook, Youtube, etc.

Definición de los grupos de trabajo

  1. Arquitectura de la Información + www
    1. Viajes de las personas a lo largo del sitio (Secuencia de wireframes con explicación al pie).
    2. Diseño Visual (png)
  2. Imagen + Tipografía
    1. Propuestas de logo
    2. Lenguaje gráfico ilustraciones.
      1. Exploración Gráfica
      2. Exploración Técnica

Considerar fondos, íconos, esquemas, modelos. Definición del trazo gráfico y cromático.

  1. Animación
    1. Un Storyboard por integrante del grupo.

La importancia del Storyboard es la idea de tiempo, la continuidad. Animación e ilustración tienen aspectos técnicos como la geometría, el uso del espacio, la línea, etc.
Hay elementos que son fondos (naturaleza, basura, etc), ¿cómo se representan?. Los fondos están directamente relacionados con la paleta de colores y se les puede dar muúltiples usos en cuanto a la imagen.
En cuanto a los personajes se debe explorar su rango de detalle: versión blanco, negro, color, ícono, detalle, etc.

--Camila valenzuela 20:25 19 abr 2012 (CLT)

Clase 15

  • Fecha: Jueves 19 de Abril de 2012

Hoy se expusieron las láminas individuales

Grupo Web

  • En vez de pensar en contenidos pensar en verbos (Ejemplo: "Yo me registro", "Yo dono", etc).
  • Se deben pensar dos cosas simultáneamente: La lógica de la estructura y la experiencia propia de la persona.
  • ¿Cómo se mapean las intenciones de las personas?
  1. Personas y escenarios.
  2. Wireframes agrupados de acuerdo a situaciones de uso.
  • Diseño de interfaz: Hay una persona que tiene una intención y la refleja por medio de una expresión. La interfaz permite la comunicación entre la expresión de la persona y el sistema.
  • El Mapa del Sitio debe estar dividido en secciones y niveles. El camino que una persona realiza a través del sitio se puede representar como partitura, ya que es un proceso que se desarrolla en el tiempo entre la persona, la interfaz y el sistema. Los momentos discretos de este camino son representados en wireframes, los que sin embargo no deben perder la continuidad del viaje.
  • Deben tener claras los contenidos que necesitaran y, por lo tanto, las herramientas para desarrollarlos.

Grupo Animación

  • Debemos tener claro en qué lugar del sitio se ubica la animación y acordar un lenguaje.
  • ¿Cuál va a ser el reproductor que se va a incrustar en la página? ¿Cuál es la experiencia de ver la animación?
  • Falta un dramatismo narrativo visual (planos, ángulos, etc). Lenguaje cinematográfico.
  • A partir de la yuxtaposición de cuadros se crean relaciones e interpretaciones a partir de dos imágenes.

Grupo Imagen

  • ¿Cuál es el grosor pertinente de la línea? Debe haber potencia en el trazo.
  • Hasta ahora el color es muy literal (verde=naturaleza, celeste=cielo, etc). Falta el paradigma del origen del color, el fundamento.
  • La tipografía con serif podría aportar más personalidad al texto. Se sugiere seguir en la exploración tipográfica.

--Camila valenzuela 20:24 19 abr 2012 (CLT)

Mapas de Exploración

Modelos Propuestos

Camila Valenzuela y Nicol Valenzuela

Propuesta Uno; Nicol Valenzuela y Camila Valenzuela
Propuesta Dos; Nicol Valenzuela y Camila Valenzuela


Nicole Arce, Antonia Casali, Caterina Da Silva

Daniela Pardo y Camila De la Vega

Referencias