do download
TRANSCRIPT
![Page 1: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/1.jpg)
El Proceso del Diseño
Mónica RoblesF. Diseño - 2008
02
Clase 04
![Page 2: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/2.jpg)
Anatomía delDiscurso Visual
![Page 3: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/3.jpg)
Anatomía del Discurso Visual
¿Qué significa?
Es la sustentación de la imagen.
Las partes puntuales que la conforman son:
•Marco Referencial
•Soporte de la Imagen
•Elemento Icónico
•Elemento Lingüístico o Literal
![Page 4: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/4.jpg)
Anatomía del Discurso Visual
Marco Referencial
•Es aquel límite tangible o intangible, visible o no pero siempre presente que separa el entorno del discurso visual y viceversa.
•Para un cartel el marco referencial sería por ejemplo una pared de ladrillos. En el caso de la una página web, es la pantalla del monitor.
![Page 5: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/5.jpg)
![Page 6: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/6.jpg)
Anatomía del Discurso Visual
Soporte de la Imagen:
•Es lo que está adentro del marco referencial. También se le llama fondo o plano de la imagen.
•En las páginas web es el background. En una tarjeta de presentación es la cartulina o material sobre el que se imprime la información.
![Page 7: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/7.jpg)
Anatomía del Discurso Visual
Elemento Icónico
•Un ícono es la representación virtual de un objeto figurativo o abstracto a través de una técnica de representación.
•El elemento icónico se halla dentro del marco discurso visual, en el plano de la imagen.
![Page 8: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/8.jpg)
Anatomía del Discurso Visual
Elemento Lingüístico o Literal
•Constituye el criterio tipográfico precodificado (porque está regido a un idioma) que conforma el discurso visual.
•Es el texto (o los textos) del discurso visual.
![Page 9: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/9.jpg)
Soporte de la imagen
elemento lingüístico
elemento lingüístico
elemento icónico
Marco Referencial
![Page 10: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/10.jpg)
Parámetros del Diseño
![Page 11: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/11.jpg)
Parámetros del Diseño
¿Qué es un parámetro?
•Un parámetro es un condicionante puntual, un requerimiento determinado a ser cubierto mínima, mediana o completamente.
![Page 12: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/12.jpg)
Parámetros del Diseño
Funcionalidad
•Es el parámetro que en la mayoría de los casos destaca en importancia.
•Son los requerimientos puntuales y precisos que debe cubrir un objeto y las características que debe tener éste para ser llamado como tal. Se podría decir que es la respuesta inmediata al requerimiento primario.
![Page 13: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/13.jpg)
![Page 14: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/14.jpg)
Parámetros del Diseño
Funcionalidad
•Se dicotomiza en funcionalidad conciente e inconciente del usuario.
•La conciente está relacionada con los requerimientos primarios del usuario que compra, usa o solicita un diseño, y que este conoce. Ej.: uso, legibilidad, entorno fí́sico.
![Page 15: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/15.jpg)
![Page 16: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/16.jpg)
Parámetros del Diseño
Funcionalidad
•La funcionalidad inconciente, son los requerimiento básicos primarios que el usuario no conoce, pero que hace que el diseño sea útil. Por ejemplo en los muebles: la ergonomía de los objetos; en el diseño gráfico: la sicología del color.
![Page 17: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/17.jpg)
![Page 18: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/18.jpg)
![Page 19: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/19.jpg)
![Page 20: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/20.jpg)
Parámetros del Diseño
Armonía y Contraste
•Es uno de los dípolos funcionales fundamentales en el diseño, de los cuales se desprenden otras técnicas visuales.
•Sin la presencia del uno, no existiría el otro.
![Page 21: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/21.jpg)
![Page 22: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/22.jpg)
Parámetros del Diseño
Armonía y Contraste
•La armonía es la búsqueda del hombre de racionalizar, explicar, resolver confusiones. En el diccionario, una de sus definiciones dice que es el placentero o congruente arreglo de las partes.
![Page 23: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/23.jpg)
Parámetros del Diseño
Armonía y Contraste
•El contraste es la diferencia o grado de diferencia entre cosas que tienen naturaleza similar o comparable, es la contrafuerza del apetito humano de armonizar.
•Desequilibra, sacude, estimula, atrae la atención. Constituye una poderosa herramienta de expresión.
![Page 24: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/24.jpg)
![Page 25: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/25.jpg)
![Page 26: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/26.jpg)
![Page 27: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/27.jpg)
Parámetros del Diseño
Armonía y Contraste
•Las Armonías y Contrastes son estructurales y cromáticas.
•Las estructurales tienen que ver con la forma, dimensión, superficie y texturas.
•Las cromáticas, son los colores.
![Page 28: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/28.jpg)
![Page 29: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/29.jpg)
Parámetros del Diseño
Atractivo Consecuente
•En diseño, la belleza como tal no existe porque se encuentra marcada por las tendencias del medio.
•La belleza en el diseño es el atractivo consecuente de las armonías y contrastes estructurales y cromáticas reguladas por las tendencias del medio.
![Page 30: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/30.jpg)
![Page 31: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/31.jpg)
![Page 32: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/32.jpg)
Parámetros del Diseño
Elaboración
•Levantamiento, montaje o visualización tridimensional o bidimensional del objeto proyectado previamente del ambiente o al observar los elementos del entorno.
•Se basa en dos criterios: la accesibilidad y la asequibilidad
![Page 33: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/33.jpg)
![Page 34: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/34.jpg)
Parámetros del Diseño
Elaboración
•La accesibilidad, que pueda ser producible y/o reproducible a través de tipos de tecnologías, materiales, sistemas de producción y reproducción accesibles al diseñador.
•La asequibilidad significa que se pueda adquirir, comprar o financiar.
![Page 35: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/35.jpg)
![Page 36: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/36.jpg)
![Page 37: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/37.jpg)
El Proceso deDiseño Gráfico
![Page 38: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/38.jpg)
Diseño es la expresión planificada de un propósito. Esto quiere decir que el diseño no es el mensaje, sino una actividad múltiple y compleja que no se limita a la forma externa.
Todas las formas de diseño implican un doble proceso: internamente un desarrollo creativo y externamente un desarrollo comunicacional.
Diseño: proceso de solución de problemas. Por lo que la aproximación sistemática del mismo facilita su solución. Al Diseño como proceso se le llama Design
La mayoría de los diseñadores lo realizan de una manera holística. El proceso de diseño no es lineal sino iterativo. Es un constante regresar al principio, o a las etapas intermedias, hasta conseguir la certidumbre, la consistencia de la solución que se está desarrollando.
EL DISEÑOcomo Proceso
![Page 39: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/39.jpg)
El Design puede ser bidimensional o tridimensional
Obsérvese el siguiente gráfico representativo del proceso del diseño creativo (Según Moles and Caude, 1977):
EL DISEÑOcomo Proceso
![Page 40: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/40.jpg)
I. Información: Documentación, recogida de los datos, listing de las cuestiones a tener en cuenta: pliego de condiciones.
II. Incubación. Digestión de los datos. Incubación del problema. Maduración. Elaboración subconsciente. Tentativas en un nivel mental difuso.
III. Idea Creativa. Iluminación. Descubrimiento de soluciones originales posibles.
IV. Verificación. Desarrollo de las diferentes hipótesis creativas. Formulaciones. Comprobaciones objetivas. Correcciones.
V. Formalización (Puesta en forma). Visualización. Prototipo original. Mensaje como modelo para su reproducción y difusión.
EL DISEÑOcomo Proceso
![Page 41: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/41.jpg)
El proceso de diseñar en general, suele implicar las siguientes fases (Fuente: Wilkipedia):
Fases Descripción
1. Observar y analizar el medio en el cual se desenvuelve el ser humano, descubriendo alguna necesidad
2. Planear y proyectarproponiendo un modo de solucionar esta necesidad, por medio de planos y maquetas, tratando de descubrir la posibilidad y viabilidad de la(s) solución(es).
3. Construir y ejecutar
llevando a la vida real la idea inicial, por medio de materiales y procesos productivos.Estos tres actos, se van haciendo uno tras otro, y a veces continuamente. Algunos teóricos del diseño no ven una jerarquización tan clara, ya que estos actos aparecen una y otra vez en el proceso de diseño.
4. Evaluar
ya que es necesario saber cuando el diseño está finalizado.Diseñar como acto cultural implica conocer criterios de diseño como presentación, producción, significación, socialización, costos, mercadeo, entre otros. Estos criterios son innumerables, pero son contables a medida que el encargo aparece y se define.
fases delProceso de Diseño
![Page 42: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/42.jpg)
Metodología del Diseñador Gráfico
significado de método
El método es la manera de alcanzar un objetivo; es un determinado procedimiento ordenado y racional de análisis
de una realidad o de ordenar cierta actividad.
![Page 43: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/43.jpg)
Metodología del Diseñador Gráfico
¿Qué significa?Son sugerencias, recomendaciones que nos instan al
cómo, cuando y dónde proceder
![Page 44: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/44.jpg)
Metodología del Diseñador GráficoPasos para su obtención
1. Reconocimiento de tendencias
2. Intuición de tendencias
3. Ordenamiento de los parámetros a seguir
4. Borrador de alternativas
5. Selección de alternativas
6. Corrección de alternativas seleccionadas
7. Ordenamiento de alternativas seleccionadas
8. Ilustración o visualización de alternativas finales
![Page 45: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/45.jpg)
Reconocimiento de tendencias
Reconocimiento es la capacidad de identificar los elementos del entorno gracias a un conocimiento previo. A mayor conocimiento más alto nivel de reconocimiento.
Tendencia: es la inclinación o apego hacia algo o hacia determinados fines
1
![Page 46: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/46.jpg)
Intuición de tendencias
Intuición: Facultad de comprender las cosas instantáneamente, sin necesidad de razonamiento. En diseño es la capacidad de seleccionar la alternativa más idónea gracias a un conocimiento previo, estudiado, referido o experimentado
2
![Page 47: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/47.jpg)
Ordenamiento de los parámetros a seguir
Se trata de ver, analizar y someter los parámetros de diseño a una jerarquización, producto del análisis de los pasos anteriores.
3
![Page 48: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/48.jpg)
Borrador de alternativas
Nos ayuda a canalizar las ideas. Si presentamos menos de 5 alternativas, nos auto-limitamos, con más de 10 nos explayamos. Lo ideal son 5, 7, 9 alternativas.
4
![Page 49: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/49.jpg)
Selección de alternativas
Del borrador de alternativas seleccionamos aquellas que más se aproximen al orden establecido de los parámetros, su porcentaje e importancia.
5
![Page 50: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/50.jpg)
Corrección de alternativas seleccionadas
Significa seleccionar aquellas alternativas cuyos parámetros se hallen disminuidos y mediante un proceso creativo aumentar su porcentaje.
6
![Page 51: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/51.jpg)
Ordenamiento de alternativas seleccionadas
Es la selección cualitativa de las alternativas que Ud va a presentar al cliente, la misma que es personal y privada. Sólo Ud. debe saber el orden cualitativo de las alternativas, y no presentar un orden determinado porque esto inconscientemente lo lleva a valorar los extremos.
7
![Page 52: Do Download](https://reader033.vdocuments.pub/reader033/viewer/2022052214/5571f2cd49795947648d14e2/html5/thumbnails/52.jpg)
Ilustración o visualización de alternativas finales.
Es la visualización a limpio de las alternativas. Es el arte final, impresión que ya no se puede corregir o eliminar.
8