MODULO DE DISEÑO I by katerine castaneda

UNIVERSIDAD DEL MAGDALENA INSTITUTO DE EDUCACIÓN ABIERTA Y A DISTANCIA PROGRAMA TÉCNICO LABORAL EN DISEÑO GRÁFICO

MÓDULO DE DISEÑO I

KATERINE CASTAÑEDA DÍAZ GRANADOS

Título: MÓDULO DE DISEÑO I - © 2007 Edición:Primera - Abril de 2007 Autor: Katerine Castañeda Díaz Granados Diseño y díagramación: Katerine Castañeda Díaz Granados Ciudad: Santa Marta, D.T.C.H. - Colombia Impresión y Encuadernación (Sic) Editorial www.syc.com.co/sic siceditorial@syc.com.co Universidad del Magdalena Instituto de Educación Abierta y a Distancia - Avenida del Libertador # 13 - 73 Santa Marta, Tels. 4211321, 4215065 e-mail: idea.direccion@unimag.edu.co http://www.idea.edu.co Plataforma: http://www.idea.edu.co:8900 http://www.unimag.edu.co ISBN: 978-958-8320-54-0 Este documento es un material didáctico y educativo e incluye material de otros textos afines, por lo tanto en él se dan los créditos pertinentes a sus autores y/o editores. Haga las reproducciones que desee, dándole créditos al autor y a la Universidad del Magdalena La corrección de la edición y los contenidos son responsabilidad de los compiladores y/o autores

2 Instituto de educación abier ta y a distancia IDEA

Instrucciones para el estudio de este Módulo

"El aprendizaje autónomo y autogestionario tiene como pilar fundamental los buenos hábitos de estudio y autoevaluación" Antes de empezar a estudiar el presente módulo es impor tante que tenga en cuenta los siguientes pasos que seguramente le serán de utilidad y facilitarán su aprendizaje: De un vistazo general al módulo Tenga actitud aser tiva frente a la lectura Formule preguntas claves que extraigan la esencia del material leído Interprete con sus palabras los conceptos que aquí se le presentan Repase y amplíe con las lecturas complementarias sugeridas los temas estudiados Valen más pocos minutos de lectura concentrada que horas sin entender Encuentre con quien intercambiar opiniones y realizar trabajos en grupo. Además:  Lea detenidamente cada uno de los objetivos de la unidad y luego verificar si los ha logrado.  Responda las guías de autoevaluación e investigación y ejercicios que se plantean  Amplíe los contenidos con la bibliografía recomendada.

Módulo de diseño I 3

4 Instituto de educaci贸n abier ta y a distancia IDEA

Índice general

3 Instrucciones para el estudio de este Módulo

NÚCLEO TEMÁTICO 2 Elementos básicos del diseño Clasificación de los elementos del diseño Elementos Conceptuales Elementos Visuales Elementos de Relación Elementos Prácticos Leyes de la teoría Gestalt Aplicación de los principios de la Gestalt a patrones de Diseño Guía de autoevaluación Nº 2

37 37 37 39 40 40 41 41 41 41 43 44

NÚCLEO TEMÁTICO 3 La organización de los elementos Interrelación de formas La visualización de la forma Tipos de forma Repetición de módulos Tipos de Repetición de módulos Submódulos y Supermódulos Estructura y retícula Estructura Tipos de estructura Retícula Tipos de retícula Guía de autoevaluación Nº 3

27 5 Índice General 7 Índice de Figuras 9 Introducción General 11 11 11 11 12

17 22 22 23 23 23 24 26

PRESENTACIÓN DEL MÓDULO Objetivos formativos Objetivos informativos Contenido temático Ejes problémicos Metodología NÚCLEO TEMÁTICO 1 Generalidades de la comunicación visual Génesis del diseño gráfico y la comunicación visual Diseño / Diseñador: Definición y funciones ¿Qué es el diseño gráfico? ¿Para qué sirve el diseño gráfico? ¿Qué es un diseñador gráfico? El lenguaje visual Significado e interpretación Guía de autoevaluación Nº 1

27 30 30 31 31 32

Módulo de diseño I 5

45 46 46 46 47 48 48 49 50 51 51 52 53

NÚCLEO TEMÁTICO 4 Composición - Leyes del orden La composición Leyes del orden compositivo a) Similitud b) Gradación c) Radiación d) Anomalía e) Contraste f) Concentración g) Equilibrio h) Ritmo i) Textura j) Espacio Guía de autoevaluación Nº 4

55 BIBLIOGRAFÍA

6 Instituto de educación abier ta y a distancia IDEA

Índice de figuras

NÚCLEO TEMÁTICO 1 17 Figura 1.1 Pintura rupestre (Cueva de Altamira, España) 17 Figura 1.2 Grabado en piedra con jeroglíficos (Egipto) 18 Figura 1.3 Papiro de los muer tos 18 Figura 1.4 Incunable medieval 18 Figura 1.5 Imprenta de tipos móviles de Gutenberg 19 Figura 1.6 Libro impreso con ornamentación medieval 19 Figura 1.7 Car tel publicitario 20 Figura 1.8 Interfase de usuario en modo texto 20 Figura 1.9 Interfase Gráfica de Usuario 20 Figura 1.10 Interfase web 22 Figura 1.11 Función del diseño gráfico 27 28 29 30 33 33 34 34 35 35 35

NÚCLEO TEMÁTICO 2 Figura 2.1 Elementos conceptuales Figura 2.2 Tipos de líneas Figura 2.3 Elementos visuales Figura 2.4 Elementos de relación Figura 2.5 Proximidad Figura 2.6 Similaridad Figura 2.7 Buena continuidad Figura 2.8 Cerramiento Figura 2.9 Figura / Fondo Figura 2.10 Simetría Figura 2.11 Pregnancia

NÚCLEO TEMÁTICO 3 37 Figura 3.1 Visualización de la forma 38 Figura 3.2 Interrelación de la forma 39 Figura 3.3 Módulo, supermódulo y composición 40 Figura 3.4 Tipos de repetición de módulos 41 Figura 3.5 Tipos de estructura 42 Figura 3.6 Retícula básica y sus variantes 42 Figura 3.7 Retícula con estructura de múltiple repetición 45 47 47 47 47 47 48 48 48 48 48

NÚCLEO TEMÁTICO 4 Figura 4.1 La composición Figura 4.2 Similitud Figura 4.3 Gradación Figura 4.4 Radiación Figura 4.5 Anomalía Figura 4.6 Contraste Figura 4.7 Concentración Figura 4.8 Equilibrio Figura 4.9 Ritmo Figura 4.10 Textura Figura 4.11 Espacio

Módulo de diseño I 7

dise grรกf

eño fico Introducción general

El diseño gráfico es una potente herramienta de comunicación si ese utiliza adecuadamente. Los estudiantes requieren una visión integral del diseño gráfico que les per mita identificar sus orígenes, su evolución y su consolidación como profesión.

Los orígenes del diseño gráfico aun son un poco inciertos. Algunas versiones toman las pinturas rupestres como ejemplos ancestrales de los signos gráficos; otros reconocen sus formas embrionarias en Egipto, Grecia, México y Roma. Varios autores consideran que el diseño gráfico surge al mismo tiempo que la imprenta. Una corriente apunta a las vanguardias ar tísticas del inicio de este siglo. Otros, todavía, emplazan al pensamiento contemporáneo, con respecto al diseño gráfico, después de la Segunda Guerra Mundial, como un fenómeno adjunto al fuer te desarrollo industrial y de los medios de comunicación.

James Craig y Bruce Bar ton buscan aclarar las fuentes del diseño gráfico: "La historia del diseño gráfico es una infinita fascinación: la magia de las primeras

imágenes; la belleza de los jeroglíficos egipcios; la evolución del alfabeto fonético; la genial invención de Gutenberg; la acelerada mecanización de la composición gráfica y la explosión de la imaginación en el siglo veinte. Con una herencia tan fér til, desafor tunadamente muchos diseñadores gráficos saben más sobre la historia de la pintura que sobre la historia del diseño gráfico. Una de las razones para esta contradicción tal vez sea la creencia de que el diseño gráfico es una innovación del siglo veinte y que es una profesión sin historia. Esto no es verdad porque el diseño gráfico o comunicación visual empezó en los tiempos prehistóricos y ha sido practicado durante siglos por ar tesanos, escribanos, impresores, ar tistas comerciales e incluso pintores1. En definitiva la comunicación visual tiene una historia muy larga. Cuando el hombre primitivo buscaba alimento y encontraba una huella de animal impresa en el lodo, en realidad estaba recibiendo un mensaje a través de un signo gráfico. Es mucho lo recorrido en el campo de la comunicación visual desde ese momento hasta nuestros días.

1 CRAIG, James, Bruce Barton, 1987, Thirty Centuries of Graphic Design, Nueva York, Watson-Guptill Publications, página 9.

Es innegable que el desarrollo de la nueva tecnología de composición y prensa en las últimas décadas del siglo XIX, luego de muchos años de impresión manual, produjo muchos cambios impor tantes en los esquemas de trabajo dentro de las ar tes gráficas, se pasó de lo manual a lo mecánico y a lo automático, y de un mercado limitado a uno masivo. Creció la demanda del material impreso y el desarrollo de la publicidad fomentó el crecimiento de las ventas de diarios y revistas, recuperando a su vez el uso del Car tel Publicitario. La tecnología proporcionó nuevos medios gráficos a ilustradores y diseñadores, las grandes invenciones que se produjeron entre 1850 y 1910 ayudaron a difundir las comuni-caciones visuales y a inspirar a los diseñadores, entre ellas tenemos: la máquina de escribir, el clisé pluma, la trama, el proceso de impresión en color, la fotografía en color, la composición automática, la película de animación, entre otros. A pesar del largo recorrido hacia la actualidad de la comunicación visual, el diseño como actividad moderna se constituye como una demanda de la revolución industrial. En muy poco tiempo esta disciplina superó la manipulación manual y tangible de elementos de diseño gráfico, hasta llegar la creación asistida por computador. Los sistemas ingresaron, con un nuevo apor te teórico, en lo que es posible fusionar los conceptos tradicionales del diseño, con un afianzamiento de cor te

10 Instituto de educación abier ta y a distancia IDEA

tecnológico, a fin de aprovechar al máximo las posibilidades de un recurso cada vez más sofisticado, basados en programas de diseño y formatos gráficos para el almacenamiento de imágenes. Estos factores inciden notablemente en los alcances y las posibilidades creativas para la comunicación visual. Por lo tanto se hace fundamental que el estudiante tenga claridad conceptual y práctica para integrar este saber dentro de los procesos de comunicación que requiera constr uir, consolidar o desarrollar; permitiéndole participar de manera activa y estratégica en la elaboración de productos y materiales culturales, acordes con el público objetivo al que se dirige. Teniendo claro que el Diseño Gráfico conforma una nueva visión en cuanto a la creación de objetos, y como consecuencia trae un cambio en el orden cultural, surge el interrogante ¿cómo se ha de formar el diseñador gráfico que exige el mundo de hoy? Todo tiene un principio, un génesis, un origen, y la disciplina del diseño no es ajena a esto, por tal motivo la formación en la teoría del diseño inicia con la aproximación a la comunicación visual, los elementos básicos del diseño y las leyes de la composición. Los lineamientos generales de este curso están direccionados hacia la formulación de problemas didácticos de la comunicación visual y el diseño gráfico como medio de conocimiento de la disciplina del diseño en su nivel básico.

Presentación del módulo

OBJETIVOS FORMATIVOS  Desarrollar en el estudiante la capacidad de manejar y relacionar los conceptos básicos del diseño  Aplicar los aspectos estructurales, formales naturales y ar tificiales del diseño en el desarrollo de ideas y proyectos gráficos, incentivando la mentalidad creativa del estudiante  Enfrentar al estudiante con problemas de comunicación visual y capacitarlo para resolverlos mediante el uso de elementos de diseño  Sustentar trabajos de diseño en los que se evidencien los conocimientos adquiridos mediante exposiciones, puestas en común, muestras y trabajos

OBJETIVOS INFORMATIVOS  Identificar los elementos básicos y recursos gráficos que intervienen en el diseño de composiciones formales con un mínimo de errores  Reconocer cuáles son los elementos básicos del diseño gráfico y de qué manera interactúan en la creación de mensajes visuales

 Identificar conceptos visuales con características abstracto-figurativas y utilizarlos en el análisis de composiciones gráficas

CONTENIDO TEMÁTICO Núcleo I Generalidades de la Comunicación visual Núcleo II Elementos básicos del diseño Núcleo III La organización de los elementos Núcleo IV Composición - leyes del orden

EJES PROBLÉMICOS 1. ¿Cuáles son los factores humanos que determinan la necesidad de la comunicación visual y cuál es el aporte del diseño gráfico en la satisfacción de esas necesidades? Temas:  Génesis del diseño gráfico y la comunicación visual  Diseño / Diseñador: Definición y funciones  El lenguaje visual

Módulo de diseño I 11

2. ¿Por qué se dan diferentes clasificaciones de los elementos básicos del diseño y cómo influyen éstas en la comunicación visual? Temas:  Clasificación de los elementos básicos del diseño  Leyes de la teoría Gestalt 3. ¿Cómo se da en los seres humanos la percepción de la forma y cómo esto influye en los órdenes de jerarquía visual y compositiva? Temas:  Interrelación de formas  Repetición de módulos  Estructura y retícula 4. ¿Cuáles son los conceptos básicos del diseño que legislan los órdenes compositivos y cómo se dan las asociaciones gráficas más frecuentes? Temas:  La Composición  Leyes del orden compositivo

METODOLOGÍA Para la ejecución del Módulo de diseño I se contempla una metodología que guía el proceso de autoaprendizaje y de producción gráfica a par tir de los temas de estudio, así:  Análisis Preliminar En esta primera etapa se realizan las lecturas sobre las temáticas pertinentes de

12 Instituto de educación abier ta y a distancia IDEA

cada núcleo temático, además del análisis de las mismas. El texto bibliográfico básico del curso es "Fundamentos del Diseño" de W. Wong, el cual se complementa con información de la red, motivada por el fácil acceso a ella. Aquí se dan instrucciones precisas sobre los referentes bibliográficos indispensables para abordar cada uno de los temas de éste curso, los que deben ser leídos antes de cada sesión de taller. Cada estudiante debe elaborar el Glosario de términos de cada núcleo temático. También especificar por escrito las dudas respecto al tema estudiado antes de cada sesión de tutoría.  Tutoría presencial Las sesiones de trabajo serán teóricoprácticas, para lo cual es indispensable que el estudiante, como gestor de su propio conocimiento, haya abordado los temas planteados por cada núcleo, para así par ticipar en las sesiones, apor tando desde sus dudas e inquietudes y la manera de interpretar lo aprendido. Para ello se trabajarán ponencias, exposiciones, análisis de casos, páneles y conversatorios.  Proyecto gráfico Taller creativo: Formalización de lo aprendido en la resolución de problemas de comunicación visual a resolver mediante el uso de elementos gráficos. Desarrollo de destrezas manuales, conceptualización a través de imágenes y

competencias para el planteamiento y realización de proyectos gráficos.  Evaluación Cada uno de los cuatro núcleos temáticos será evaluado, otorgándole una calificación a cada proyecto realizado de 100 puntos hasta sumar 400. Al finalizar el curso se realizará una prueba escrita de conocimentos en la cual se mide el nivel de identificación y apropiación de los conceptos aprendidos, además de la capacidad de diser tación alrededor de ellos. El valor de la prueba es de 100 puntos con lo cual se completan los 500 puntos del módulo. I. Generalidades de la comunicación visual  Análisis Preliminar Lecturas previas obligatorias: Núcleo temático 1 de éste módulo. Pág. 13 - 19 Capítulo I La sintaxis de la imagen de D. A. Dondis. Pág. 13 -31 Lectura complementaria sugerida: Documento: La comunicación en el proceso de diseño. Por Milko A. García Torres. A este documento se accederá a través de fotocopia o de internet en la siguiente dirección: http://www.imageandart.com/tutoriales/ teoria/proceso_disenio/3ra_par te/ index.htm  Tutoría presencial Conversatorio alrededor de la temática de las lecturas propuestas. Trabajo por

grupos estudio de casos, sustentación oral del mismo. Reflexión alrededor de la dinámica de la comunicación visual y la simbología de las imágenes. ¿Qué cosas tienen significación para mí y por qué?  Proyecto gráfico Taller creativo: Selección de imágenes de revistas y periódicos. Asociación de palabras con el mensaje transmitido por cada una de las imágenes seleccionadas. Análisis de las imágenes y redacción de un pár rafo en el que se identifiquen los mensajes literales y los significados compositivos subyacentes en las imágenes. Materiales: Car tulina dúrex tamaño 1/8 de pliego (250 c 350 mm), escuadras, regla, tijeras, cor tador, pegante, lápiz HB, borrador. Técnica: collage  Evaluación Valoración de la actividad: 100 puntos II. Elementos básicos del diseño  Análisis Preliminar Lecturas previas obligatorias: Núcleo temático 2 de éste módulo. Pág. 21 - 27 Capítulo I Fundamentos del diseño de Wucius Wong. Pág. 41 - 44 Lectura complementaria sugerida: Capítulo III La sintaxis de la imagen de D. A. Dondis. Páginas 53 - 60  Tutoría presencial Cruce de opiniones y sustentación de las

Módulo de diseño I 13

mismas alrededor de las lecturas propuestas. Reflexión en torno a los elementos básicos del diseño y debate acerca de su vigencia hoy día. Qué vemos y por qué los vemos - teoría Gestalt aplicada al diseño gráfico. Aclaración de dudas, unificación de conceptos. Planteamiento de ejemplos tomados de la cotidianidad.  Proyecto gráfico Taller creativo: Expresar gráficamente los conceptos de punto y línea sobre un plano. Materiales: Cartulina dúrex tamaño 1/8 de pliego (250 c 350 mm), escuadras, regla, compás de precisión, tiralíneas, tinta negra, rapidógrafos de diferentes calibres, lápiz HB, borrador, pincel. Técnica: tinta sobre car tulina  Evaluación Valoración de la actividad: 100 puntos III. La organización de los elementos  Análisis Preliminar Lecturas previas obligatorias: Núcleo temático 3 de éste módulo. Pág. 28 - 33 Lectura complementaria sugerida: Documento: Repetición, estructura y retículas. Apar tes del documento Diseño bidimensional. Autor de la monografía Leorian Ricardo. A este documento se accederá a través de fotocopia o de internet en la siguiente dirección: http://www.monografias.com/trabajos29/diseno-bidimensional/disenobidimensional.shtml

14 Instituto de educación abier ta y a distancia IDEA

 Tutoría presencial Realización de un pánel, previa asignación de roles. Reflexión en torno a qué elementos sustentan una composición y debate acerca de su impor tancia y relevancia o no en el diseño. La finalidad de este ejercicio es reconocer que la labor del diseño par te del ejercicio compositivo, además del reconocimiento de las leyes que lo sustentan.  Proyecto gráfico Taller creativo: Realizar composiciones de tipo formal par tiendo del estudio y desarrollo de una retícula básica y sus variantes. Materiales: Car tulina dúrex tamaño 1/8 de pliego (250 c 350 mm), escuadras, regla, compás de precisión, tiralíneas, tinta negra, rapidógrafos de diferentes calibres, lápiz HB, borrador, pincel. Técnica: tinta sobre car tulina  Evaluación Valoración de la actividad: 100 puntos IV. Composición - leyes del Orden  Análisis Preliminar Lecturas previas obligatorias: Núcleo temático 4 de éste módulo. Pág. 35 - 41 Documento: La Composición. Por Eduardo Jiménez C. A este documento se accederá a través de fotocopia o de internet en la siguiente dirección: http://www.escenografia.cl/comp.htm  Tutoría presencial Reflexión y argumentación en torno a qué elementos sustentan una composi-

ción y debate acerca de su impor tancia y relevancia o no en el diseño. La finalidad de este ejercicio es reconocer que la labor del diseño par te del ejercicio compositivo, además del reconocimiento de las leyes que lo sustentan. Selección de anuncios, car teles y fotografías para enumerar las técnicas más evidentes de su composición.  Proyecto gráfico Taller creativo: Resolver un problema de comunicación visual a par tir de composiciones en las que se evidencie el manejo de los conceptos aprendidos. Materiales: Car tulina dúrex tamaño 1/8 de pliego (250 x 350 mm), escuadras, regla, compás de precisión, tiralíneas, tinta negra, rapidógrafos de diferentes calibres, lápiz HB, borrador, pincel, tijeras, cor tador, pegante, lápices de colores, marcadores, fotografías y piezas gráficas (revistas, folletos, afiches, entre otras). Técnica: collage  Evaluación Valoración de la actividad: 100 puntos  Evaluación final Prueba escrita: 100 puntos Tenga en cuenta las guías de autoevaluación contenidas en este módulo al final de cada núcleo temático, realícelas completamente, ellas dan los lineamentos de lo que le será evaluado en la prueba escrita final.

Módulo de diseño I 15

16 Instituto de educaci贸n abier ta y a distancia IDEA

1. Generalidades de la comunicación visual

Génesis del diseño gráfico y la comunicación visual 1 El ser humano ha tenido siempre la necesidad de comunicarse con sus semejantes, hasta tal punto que podemos afirmar que si el hombre es el ser más avanzado de la naturaleza, es debido en gran par te a la facilidad que ha tenido para hacer par tícipe a los demás de sus ideas de una forma u otra. Las primeras formas comunicativas fueron mediante elementos visuales. Antes de que desarrollaran capacidades de expresión mediante el lenguaje hablado, los hombres utilizaron su cuerpo para comunicar a los demás estados de ánimo, deseos e inquietudes a través de

ademanes, expresiones y signos, que con el tiempo adquirieron la condición de "lenguaje", al convertirse en modelos de comunicación (Fig. 1.1). Aunque posteriormente el lenguaje hablado pasara a ser el medio de intercambio de información más directo, el lenguaje visual siguió teniendo un importante peso en las relaciones comunicativas, sobre todo a partir del uso de diversos materiales y soportes como medios del plasmar mensajes visuales, como lo demuestran multitud de dibujos en piedra y pinturas rupestres que han llegado a nuestros días, en las cuales se representan elementos naturales, actividades cotidianas y diferentes signos ar tificiales con significado propio.

Figura 1.1 Pintura rupestre (Cueva de Altamira, España)

1. Tomado del documento Introducción al diseño gráfico publicado en http:// www.desarrolloweb.com/ articulos/1276.php

Figura 1.2 Grabado en piedra con jeroglíficos (Egipto)

Módulo de diseño I 17

La representación de ideas mediante grafos experimentó su mayor avance con la aparición de los lenguajes escritos, que permitieron expresar cadenas estructuradas de pensamientos mediante un conjunto de elementos gráficos de significado propio dispuestos según una estructura definida, capaces de transmitir mensajes entendibles por la comunidad.

Figura 1.3 Papiro de los muertos

Figura 1.4 Incunable medieval

18 Instituto de educación abier ta y a distancia IDEA

Estos lenguajes escritos estaban basados, bien en la representación de elementos tomados de la naturaleza, a los que se les asignaba una interpretación par ticular, bien en un conjunto ar tificial de símbolos inventados: los alfabetos. Cada uno de estos signos aislado tenía a veces un significado incier to, pero unido a otros, permitían representar gráficamente el lenguaje hablado por cada pueblo o cultura (Fig. 1.2).

Figura 1.5 Imprenta de tipos móviles de Gutenberg

Figura 1.6 Libro impreso con ornamentación medieval

Como sopor te físico se utilizó inicialmente la piedra, pero pronto se buscaron otros tipos de materiales que permitieran una mayor facilidad de uso y una mayor por tabilidad, como los papiros o los pergaminos (Fig. 1.3). También se empezaron a usar diferentes tipos de pigmentos naturales para dar un mayor colorido y expresividad a las obras escritas y composiciones ar tísti-

Figura 1.7 Cartel publicitario

cas, y a disponer los diferentes elementos textuales y gráficos de forma armoniosa y equilibrada, ya que se apreció que con ello se ganaba poder comunicativo, claridad y belleza. Esto se puede apreciar en la confección de los incunables medievales realizados en los monasterios, en los que se observa de forma clara la impor tancia de la "FORMA" (diseño) para transmitir un mensaje (Fig. 1.4).

Módulo de diseño I 19

Posteriormente, Johann Gutenberg inventó la imprenta, ar tefacto capaz de reproducir en grandes cantidades y de forma cómoda un original, lo que hizo posible que los documentos impresos y el mensaje que contenían fueran accesibles a un gran número de personas (Fig. 1.5).

Figura 1.8 Interfase de usuario en modo texto

Figura 1.9 Interfase Gráfica de Usuario

Figura 1.10 Interfase web

20 Instituto de educación abier ta y a distancia IDEA

Pronto empezaron a aparecer imprentas en las que se reproducían todo tipo de obras, cada vez más elaboradas. Se empezaron a usar nuevos materiales como sopor te, nuevas tintas y nuevos tipos de letras, originando la aparición de unos profesionales especializados en su manejo, los tipógrafos y los cajitas, tal vez los primeros diseñadores gráficos como tal, ya que se encargaban de componer y maquetar los diferentes elementos que iban a formar una obra de forma que resultara lógica, clara, armoniosa y bella (Fig. 1.6). Otro gran impulsor del desarrollo del diseño gráfico fue la Revolución Industrial. Surgieron las fábricas y la economía de mercado, un gran número de personas se desplazó a las ciudades a trabajar, aumentaron las tiendas y los comercios y empezó la competitividad entre empresas por hacerse con una parte del mercado. Con ello apareció y se desarrolló una nueva técnica comercial, la publicidad, encargada de hacer llegar a los consumidores mensajes específicos que les convencieran de que un producto dado era mejor que otros análogos (Fig. 1.7). El desarrollo de la publicidad trajo consigo un desarrollo paralelo del diseño

gráfico y de los sopor tes de comunicación. Había que convencer al público de las ventajas de un producto o marca, y para ello nada mejor que mensajes concisos, cargados de componentes psicológicos, con diseños cada vez más elaborados, que se hacían llegar al mayor número posible de personas. Se trató, entonces, de presentar mensajes visuales efectivos, que vendieran, y para ello no se dudó en realizar grandes inversiones, haciendo posible un gran avance en las técnicas de diseño y la aparición de profesionales dedicados exclusivamente a desarrollarlas y ponerlas en práctica: los diseñadores gráficos. En el siglo XX, hicieron su aparición los ordenadores, máquinas en un principio destinadas a un grupo reducido de técnicos y especialistas, pero que poco a poco fueron ganando popularidad y que con la aparición del ordenador personal (PC, según su sigla en inglés) se extendieron a todos los ambientes y grupos sociales. La utilidad de los primeros PC era limitada pues los programas disponibles eran tan complejos, que la mayoría de las veces iban más allá de los conocimientos de los usuarios. Esto dio lugar a la introducción de unos elementos intermedios, denominados "Interfases de Usuario", cuya misión era aislar al usuario de las consideraciones técnicas y procesos internos de los programas, permitiéndoles realizar tareas con ellos por medio de un "lenguaje"

intermedio, más fácil de entender por el usuario (Fig. 1.8). Los primeros programas se manejaban de forma textual, que entendían tan solo exper tos en la materia, pero con la popularización de la informático se dio paso a la simplificación en el manejo de las aplicaciones, surgiendo el concepto de "Interfase Gráfica de Usuario" en toda su extensión, como un medio capaz de hacer entendibles y usables estas aplicaciones a través de elementos visuales comunes (Windows es el formato más conocido), que presentados en la pantalla del ordenador permitieran al usuario medio realizar las tareas propias de cada programa concreto (Fig. 1.9). Los profesionales del diseño se encargaron de concebir las interfases, pero los diseñadores gráficos clásicos no estaban acostumbrados a constr uir obras con capacidades de interacción y navegabilidad, por lo que hubieron de reciclarse, aprendiendo conceptos y funcionalidades nuevas. Con la entrada en escena de Internet y las páginas web el diseño gráfico dio un salto revolucionario hacia la aplicación del diseño a la construcción de interfases de usuario especializadas, condicionadas a pequeños tamaños de fichero y a un medio concreto de presentación, los navegadores web (Fig. 1.10). La última generación de diseñadores gráficos han de ser capaces de resolver problemas de diseño manejando medios análogos y digitales por igual, con efi-

Módulo de diseño I 21

ciencia y eficacia, dictada por la globalización de la economía y los rápidos avances tecnológicos.

Diseño / Diseñador: Definición y funciones2 ¿Qué es el diseño gráfico? Existen múltiples definiciones en torno a la disciplina del diseño gráfico, aquí se presentan algunas: El diseño gráfico es un ar te aplicada, es decir, un proceso de creación ar tístico con fines principalmente comerciales. Podemos definir el diseño gráfico como el proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes específicos a grupos determinados. Es un proceso de selección y organización de un conjunto de ideas para producir elementos visuales destinados a comunicar mensajes específicos a grupos de población amplios o reducidos.

Figura 1.11 Función del diseño gráfico 2. Tomado del artículo ¿Qué es el diseño gráfico, publicado en http://www.articuloweb.com/ articles.php?art_id=8&start=1

22 Instituto de educación abier ta y a distancia IDEA

¿Cuál es la función del diseño gráfico? La función principal del diseño gráfico es transmitir una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes soportes, como folletos, carteles, presentaciones interactivas, entre otras (Fig. 1.11). El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello

diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente entendible por los destinatarios del mismo. El resultado final de un diseño gráfico se denomina grafismo, y es una unidad por sí misma, aunque esté compuesto por multitud de elementos diferentes. ¿Para qué sirve el diseño gráfico? Las posibilidades del diseño gráfico son infinitas, ya que cada vez son más los campos en los que se emplean elementos visuales. Las podemos agrupar así: a) Diseño editorial: diseño de todo tipo de libros, periódicos, y revistas. b) Diseño publicitario: diseño de carteles publicitarios, anuncios, folletos, catálogos, merchandising, etc. c) Diseño de identidad corporativa: (Branding) diseño de la imagen corporativa general de una empresa: tarjetas, logotipo, sobres, documentos internos, facturas, car teles... d) Diseño de interfases: diseño de presentaciones interactivas, multimedia, audiovisuales y páginas web. ¿Qué es un diseñador gráfico?3 Toda obra de comunicación visual nace de la necesidad de transmitir un mensaje específico. Un diseñador gráfico no es un creador de formas, sino un creador de comunicaciones, un profesional que mediante un método específico (diseño) construye mensajes (comunicación) con medios visuales (grafismos). No es el creador del mensaje, sino su intérprete.

La función del diseñador es hacer un diseño que comunique una idea o un concepto de una forma eficaz. El diseño debe servir de vehículo al propósito final que tenga el mensaje, a la idea que se quiere transmitir. Para desempeñar su función el diseñador necesita una serie de requisitos:  Información sobre lo que se va a comunicar.  Elección de los elementos adecuados.  Componer dichos elementos de la forma más atractiva posible.

El lenguaje visual4 Estamos acostumbrados a comunicar nos con nuestros semejantes mediante el uso de un idioma, ese lenguaje hablado y escrito, formado por una serie de elementos básicos (letras, palabras, frases, etc.) que, combinados, for man entidades comunicativas complejas. También estamos acostumbrados a ver e interpretar los mensajes que nos llegan a través de las imágenes, aunque no manejemos el lenguaje de las composiciones gráficas. Éste lenguaje visual a través de grafismos, al igual que el lenguaje hablado y escrito, puede descomponerse en entidades básicas, cada una de las cuales tiene por sí misma un significado propio, pero que unidas de diferentes formas pueden constituir elementos comunicativos distintos.

3. Tomado del documento Fundamentos de diseño, publicado en http:// www.newsartesvisuales.com/ funda/FUNDA1.HTM 4. Tomado del documento Composición, publicado en http:/ /www.newsartesvisuales.com/ funda/compo1.htm

Módulo de diseño I 23

Las formas básicas del diseño gráfico son pocas: el punto, la línea y el contorno. Pero son la materia prima de toda la información visual cuya función sea comunicar. Pero antes de acometer el estudio de los elementos básicos que debemos considerar a la hora de plantear la realización del diseño, tendremos que saber cuales son las leyes que guían la percepción de las cosas. Todas las percepciones comienzan por los ojos, permitiéndonos tener una mayor capacidad de recuerdo de las imágenes que de las palabras, ya que las primeras son más características y, por lo tanto más fáciles de recordar5. La percepción está condicionada por el aprendizaje o conocimiento previo que tengamos de los objetos. Nuestro cerebro tiene tendencia a ubicar los elementos dentro de los parámetros referenciales que nos hemos construidos a través de la experiencia previa o conocimiento.

5. Tomado del artículo Formas básicas en diseño gráfico, publicado en http:// www.desarrolloweb.com/ articulos/1297.php 6. Tomado del artículo La comunicación en el proceso de diseño, publicado en http:// www.imageandart.com/ tutoriales/teoria/ proceso_disenio/2da_parte/ index.htm

Toda percepción es un acto de búsqueda de significado, y, en este sentido, es un acto de comunicación o de búsqueda de comunicación. La función biológica de la percepción visual es la de proveer información acerca del medio ambiente, fue desarrollada para entenderlo, para interpretar los datos de los sentidos en función de constr uir contextos significantes. Teniendo en cuenta que el hombre es fundamentalmente visual, es fácil entender la fuerza que los mensajes visuales pueden tener.

24 Instituto de educación abier ta y a distancia IDEA

Por tanto, podemos definir percepción como el acto de darse cuenta, de comprender los objetos externos (e internos), sus cualidades y relaciones, que sigue directamente a los procesos sensoriales; es la relación con los "objetos", la que suministra los datos para su comprensión, aprehensión, interpretación y "significado" La significación de un mensaje se realiza mediante un proceso de interpretación. Significado e interpretación6 La interpretación de un mensaje comprende dos niveles: a) el nivel denotado. La denotación representa aspectos relativamente objetivos de un mensaje, constituidos por elementos de carácter descriptivo o representacionales de una imagen o de un texto. b) el nivel connotado. La connotación representa aspectos relativamente subjetivos de un mensaje, y tiene capital impor tancia cuando el diseño intenta actuar sobre reacciones emotivas, como en el caso de los mensajes persuasivos. En el proceso connotativo el receptor par ticipa más activamente en la construcción del significado que en el proceso denotativo. Un mensaje connotado está construido en par te por el diseño gráfico y en par te por las experiencias individuales del receptor, que pueden predecirse en la medida en que par ticipan de las experiencias conocidas por

el grupo de público a que se dirige el mensaje.

componentes, y, consecuentemente, la de facilitar la construcción de un significado.

A manera de ejemplo, una fotografía de plato con frutas es un plato con frutas para nosotros y para mucha gente; ese es el mensaje denotado. Los mensajes connotados, en cambio, pueden ser variados: para algunos este plato es símbolo de abundancia, para otros es símbolo de hedonismo, para otros de vanidad, para otros es una buena o una mala fotografía, una muestra de falta de imaginación o el símbolo de una sociedad materialista. Para todos es un plato con frutas. El mensaje denotado es más controlable y objetivo que el connotado. Ambos pueden ser previstos hasta cier to punto por el conocimiento de códigos de los receptores, pero la previsibilidad del mensaje connotado es siempre más incier ta, ya que mientras que las denotaciones se deben en general a convenciones culturales aceptadas, las connotaciones están más conectadas con la vida personal del individuo. Sólo mediante un constante proceso de evaluación y verificación es posible para el diseñador mantener cier to control sobre el efecto de los mensajes connotados en el proceso de comunicación. La selección de componentes en un diseño, entonces, debe ser apropiada al contenido del mensaje. La organización de los componentes en un diseño tiene la función de establecer claras relaciones de jerarquía, inclusión, conexión, secuencia y dependencia entre esos

Módulo de diseño I 25

GUÍA DE AUTOEVALUACIÓN Nº 1 Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 1 le dará los elementos necesarios para su resolución y en la bibliografía sugerida podrá hacer ampliación investigativa sobre el tema. 1. Respecto a la génesis del diseño y la comunicación visual, especifique seis avances de la humanidad determinantes del surgimiento y evolución del diseño gráfico y explíquelos con sus palabras, en un máximo de tres renglones, cada uno. 2. ¿Quiénes pueden ser considerados como los primeros diseñadores gráficos de la historia y qué funciones realizaban? 3. ¿Cómo define usted el diseño gráfico? ¿Cuál es su función? 4. ¿En qué tareas o labores se puede desempeñar un diseñador gráfico? (cite tres) 5. ¿Cuáles son los tres requisitos principales que debe tener en cuenta un diseñador para cumplir su función? 6. ¿Cuál es la entidad básica del lenguaje visual? 7. Según su criterio ¿qué es la percepción y cuál es su impor tancia para la interpretación del lenguaje visual? 8. Explique brevemente los dos niveles de interpretación de un mensaje y cite un ejemplo

26 Instituto de educación abier ta y a distancia IDEA

2. Elementos básicos del diseño

Clasificación de los elementos del diseño7

pero que no son visibles a la vista. Se dividen en 4 elementos:

Una persona del común puede realizar diseños sin conocimiento alguno sobre la materia, ya sea por gusto personal o por su sensibilidad a la creación visual (talento) sin embargo todo diseñador debe conocer los principios básicos que le permitirán componer imágenes.

a) Punto: El punto es la unidad mínima de información visual, y está caracterizado por su forma (generalmente circular, pero también puede ser rectangular, triangular o una mancha sin forma definida), por su tamaño, por su color y por la ubicación que tenga dentro de la composición gráfica (Fig. 2.1 a).

En general se distinguen 4 grupos de elementos: 1. Elementos Conceptuales 2. Elementos Visuales 3. Elementos de Relación 4. Elementos Prácticos 1. Elementos Conceptuales Los elementos conceptuales son aquellos que están presentes en el diseño,

Indica posición, no tiene largo ni ancho, es el principio y el fin de una línea. Las principales características del punto son8:  Tiene un gran poder de atracción visual, creando tensión sin dirección.  Cuando se sitúan próximos dos puntos pueden producir sensaciones de

7. Tomado del documento Elementos del diseño básico publicado en http:// www.cristalab.com/tutoriales/ 126/fundamentos-del-disenografico y del libro Fundamentos del diseño, de Wicius Wong 8. Tomado del documento Introducción al diseño gráfico publicado en http:// www.desarrolloweb.com/ articulos/1276.php

Figura 2.1 Elementos conceptuales

Módulo de diseño I 27

tensión o de dirección, creando en la mente del espectador una línea recta imaginaria que los une.  Si se sitúan diferentes puntos en prolongación sugieren una dirección, un camino, más acentuada cuanto más próximos estén los puntos entre sí.  Cuando se agrupan varios puntos pueden definir formas, contornos, tonos o colores (pensemos en la pintura impresionista).

9. Tomado del documento Introducción al diseño gráfico publicado en http:// www.desarrolloweb.com/ articulos/1276.php

b) Línea: Es la unión de varios puntos en sucesión, pudiéndose asimilar a la trayectoria seguida por un punto en movimiento, por lo que tiene mucha energía y dinamismo. Tiene largo, pero

no ancho, tiene una posición y una dirección, su presencia crea tensión y afecta al resto de elementos cercanos a ella (Fig. 2.1 b). La línea es el elemento básico de todo grafismo y uno de los más usados, teniendo tanta impor tancia en un grafismo como la letra en un texto. Representa la forma de expresión más sencilla y pura, pero también la más dinámica y variada. Las principales propiedades de la línea son9:  Contiene gran expresividad gráfica y mucha energía.

Figura 2.2 Tipos de líneas

28 Instituto de educación abier ta y a distancia IDEA

 Casi siempre expresa dinamismo, movimiento y dirección.  Crea tensión en el espacio gráfico en que se encuentra.  Crea separación de espacios en el grafismo.  La repetición de líneas próximas genera planos y texturas.

torno humano, que necesita de ellas para dar estabilidad a sus creaciones.

Las propiedades de una línea están definidas por su grosor, su longitud, su orientación (dirección) respecto al plano, su ubicación (posición), su forma (recta o curva) y su color.

La línea recta vertical sugiere elevación, movimiento ascendente, actividad. Expresa equilibrio inestable, como si estuviera a punto de caer (Fig. 2.2 b).

Podemos considerar diferentes tipos de líneas, cada uno de los cuales tiene sus propias cualidades: Línea recta Define el camino más cor to entre dos puntos. Es poco frecuente en la naturaleza, donde predominan las líneas curvas (el universo en su totalidad es curvo), pero muy abundante en el en-

La línea recta horizontal expresa equilibrio, calma, equilibrio estable. No hay estabilidad sin una línea de horizonte, ya que nos movemos en un plano horizontal (Fig. 2.2 a).

La línea recta inclinada, por el contrario, expresa tensión, inestabilidad, desequilibrio. La línea que forma 45º con la horizontal es la más estable y reconocible (Fig. 2.2 c). Línea curva Es la línea más libre y la más dinámica de todas, pudiendo sugerir desde un movimiento perfectamente definido hasta un movimiento caótico, sin reglas.

12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901

123456 123456 123456 123456 123456 123456

Figura 2.3 Elementos visuales

Módulo de diseño I 29

Figura 2.4 Elementos de relación

10. Tomado del documento Elementos del diseño básico publicado en http:// www.cristalab.com/tutoriales/ 126/fundamentos-del-disenografico y del libro Fundamentos del diseño, de Wicius Wong 11. Tomado del documento Fundamentos de diseño, publicado en http:// www.newsartesvisuales.com/ funda/FUNDA1.HTM

Está muy asociada al ser humano, que escribe y dibuja casi siempre con líneas curvas (Fig. 2.2 d).

Los elementos conceptuales se hacen visibles a través de los elementos visuales del diseño. Éstos son 11:

c) Plano: El recorrido de una línea en movimiento en una dirección distinta a la suya se convierte en un plano. Un plano tiene largo y ancho, tiene posición y dirección y además esta limitado por líneas. Define los límites extremos de un volumen (Fig. 2.1 c).

a) Forma: Todo lo visible tiene una forma, la cual apor ta para la percepción del ojo una identificación del objeto (Fig. 2.3 a).

d) Volumen: El recorrido de un plano en movimiento, en una dirección distinta a la suya, se convierte en volumen. Tiene posición en el espacio, está limitado por planos y obviamente en un diseño bi-dimensional el volumen es ilusorio (Fig. 2.1 d). 2. Elementos Visuales 10 Cuando se dibuja una figura en el papel, empleamos líneas visibles que representan las líneas conceptuales, éstas tienen largo, ancho, color y textura, definida por los materiales utilizados.

30 Instituto de educación abier ta y a distancia IDEA

b) Medida: Todas las formas tienen un tamaño (Fig. 2.3 b). c) Color: El color se utiliza comprendiendo no solo los del espectro solar, sino asimismo los neutros (blanco, negros, grises) y las variaciones tonales y cromáticas (Fig. 2.3 c). d) Textura: Tiene que ver con el tipo de superficie resultante de la utilización del material. Puede atraer tanto al sentido del tacto como al visual (Fig. 2.3 d). 3. Elementos de Relación Se refiere a la ubicación y a la interrelación de las formas en un dise-

Ampliación sobre el color según Wikipedia: El color es un fenómeno físico de la luz, relacionado con las diferentes longitudes de onda en la zona visible del espectro electromagnético, que perciben las personas y algunos animales a través de los órganos de la visión, como una sensación que nos permite diferenciar los objetos del espacio con mayor precisión.

ño. La dirección y la posición pueden ser percibidos, mientras el espacio y la gravedad sólo pueden ser sentidos. a) Dirección: La dirección de una forma depende de como esta relacionada con el observador, con el marco que la contiene o con otras formas cercanas (Fig. 2.4 a). b) Posición: La posición de una forma depende del elemento o estructura que la contenga (Fig. 2.4 b). c) Espacio: Todas las formas por mas pequeñas que sean ocupan un espacio, el espacio así mismo puede ser visible o ilusorio (para dar una sensación de profundidad) (Fig. 2.4 c). d) Gravedad: El efecto de gravedad no solamente es visual, sino que también psicológica. Podemos atribuir estabilidad o inestabilidad a una forma o a un grupo de ellas. 4. Elementos Prácticos Los elementos prácticos van mas allá del diseño en sí y como es de esperar son conceptos abstractos. a) Representación: Se refiere a la forma de realizar el diseño: puede ser una

representación realista, estilizada o semi-abstracta. b) Significado: Todo diseño conlleva conciente o subconscientemente un significado o mensaje. c) Función: Para lo que esta creado dicho diseño.

Leyes de la teoría Gestalt12 La teoría Gestalt permite el análisis del Diseño desde el punto de vista de las leyes de la percepción, comprende la captación de la figura por el ojo humano y su configuración desde su aplicación efectiva por medio de una integración filosófica: ver la totalidad. El núcleo de la Psicología de la Gestalt gira en torno a la siguiente afirmación: La percepción humana no es la suma de los datos sensoriales, sino que pasa por un proceso de reestructuración que configura a partir de esa información una forma, una Gestalt, que constituye un todo, que no es la mera suma de las partes. Es anterior a las partes y fundamental para ellas. No es una composición de elementos. Las formas son totalidades cuya conducta no se determina por la de sus elementos, sino por la naturaleza interior total. (Cofer, 1991)

12. Tomado del documento Diseño gráfico en PC, publicado en http://www.monografias.com/ trabajos11/disegraf/ disegraf.shtml

Módulo de diseño I 31

Basados en la Teoría de la percepción, los principios de la Gestalt fueron desarrollados al inicio del siglo XX por psicólogos que creían que las imágenes eran percibidas como algo más que la suma de las par tes. La teoría de la Gestalt permite a los comunicadores visuales predecir como las personas responderán a los elementos de diseño; ayudados por ella podemos asegurarnos de que el mensaje va a ser comprendido, y así conver tirse en dinámico. Según la Gestalt hay varios factores que influyen en la percepción visual, como son13: a) La agrupación: tendemos a organizar los elementos que percibimos en torno a conjuntos significativos organizados. Es como cuando miramos al cielo y vemos en las nubes una serie de figuras. Tenemos varias formas de agrupación:  Por proximidad (la cercanía de los distintos elementos nos hace tender a agruparlos). 13. Tomado del documento Conceptos de diseño: Percepción del objeto, publicado en http:// www.newsartesvisuales.com/ funda/FUNDA1.HTM 14. Tomado del documento Aplicación de la Gestalt y los Patrones de Diseño de Interacción al diseño de Interfaces Centradas en el Usuario, publicado en http:// karpicius.freeflux.net/files/ gestalt_patrones_de_disenio.pdf

 Por Semejanza (cuando los elementos son parecidos o iguales también tendemos a agruparlos).  Por Continuidad (nuestra percepción crea continuidad significativa, como en las tramas de una imagen).  Por Simetría (para que los elementos formen figuras conocidas).

32 Instituto de educación abier ta y a distancia IDEA

Los signos más básicos de los niños o de comunicación en la prehistoria nos pueden demostrar, una intención natural del ser humano de organizar y estructurar las imágenes. b) Percepción figura-fondo: percibimos los elementos separados del fondo, aunque también podemos tener la percepción contraria, percibir el fondo como figura (muy habitual en los juegos de negativo y positivo). c) Percepción de contorno: El contorno es precisamente lo que nos hace distinguir o separar la figura del fondo. Está marcado por un cambio de color o de saturación del mismo. d) Pregnancia: Tendemos a rellenar aquellos huecos de información que nos faltan para completar el objeto completo. La pregnancia nos permite completar la visión física que tiene nuestra retina.

Aplicación de los principios de la Gestalt a patrones de Diseño14 Proximidad Es el principio de la organización perceptual, en donde grupos de elementos se perciben asociados por su proximidad. En la Figura 2.5 podemos ver tres ejemplos: En la Figura 2.5 a), el cuadro situado en la par te superior se separa claramente

del resto al tener más espacio en blanco a sus costados. En la Figura 2.5 b), percibimos tres pares de filas y no seis filas individuales. Similaridad Este es otro principio de agrupamiento en donde los elementos que poseen cualidades similares (color, forma, tamaño) son percibidos como par te de la misma forma. En la Figura 2.6 a), vemos dos cuadros que percibimos diferentes del resto, el primero en la par te superior se percibe diferente por tener otro color. El segundo cuadro situado en la par te inferior se percibe diferente por su tamaño. En el primero, el tamaño y la forma es la misma, no así su color, en el segundo, su color y forma es igual, pero lo que varía es su tamaño. En la Figura 2.6 b), los cuadros están equidistantes unos de otros, pero percibimos dos grupos de columnas debido a su diferente color.

a Figura 2.5 Proximidad

Buena Continuidad El principio de buena continuidad nos indica que preferimos percibir contornos continuos suaves a aquellos que cambian abruptamente. En la Figura 2.7 a), vemos una forma de media luna, dispuesta repetidas veces en forma sincronizada al derecho y al revés. Percibimos un suave contorno continuo y no así elementos separados. En la Figura 2.7 b), se repiten aún más las figuras, pero esta vez separadas en grupos en donde se vuelve a percibir esta vez un grupo de ondulaciones, haciendo difícil percibir las formas individuales. Cerramiento El principio de cerramiento nos indica que, tendemos a encerrar formas completando contornos. Es un principio que deriva de la Buena Continuidad. Se podría decir que llenamos espacios vacíos con formas o

Figura 2.6 Similaridad

Módulo de diseño I 33

a a

b Figura 2.7 Buena continuidad

Figura 2.8 Cerramiento

dicho de otro modo vemos formas en espacios vacíos. También muchos especialistas creen que esta es la idea principal de la gestalt, de como entendemos el mundo ya que es una tendencia intencional.

En la Figura 2.9 a), podemos distinguir claramente el triángulo por sobre la forma que se encuentra a la derecha, esto en principio se fundamenta porque tenemos más codificada la forma triangular que la poligonal.

En la Figura 2.8 a), percibimos dos rombos antes que las formas angulares.

La Figura 2.9 b), nos muestra como podemos distinguir dos figuras por sobre un fondo, creando un cier to dinamismo en cuanto a dos figuras en un mismo nivel.

En la Figura 2.8 b), vemos un patrón de círculos que nos hacen percibir un cuadrado. Figura / Fondo Radica en que tendemos a percibir ciertos elementos como figura, con formas y bordes y otros como fondo. Hay figuras que, aunque ocupen el mismo porcentaje de lugar dentro de una imagen, tienden a ser figura y no fondo.

34 Instituto de educación abier ta y a distancia IDEA

Simetría Este principio nos demuestra que preferimos percibir con más facilidad las formas combinadas de modo simétrico que aquellas combinadas de modo asimétrico.

Figura 2.9 Figura / Fondo

Figura 2.10 Simetría

En la Figura 2.10 a), percibimos dos círculos simétricos y no una elipse rodeada. En la Figura 2.10 b) percibimos tres rectángulos en forma diagonal, y no percibimos tres rectángulos asimétricos. Pregnancia o equilibrio La ley gestáltica del equilibrio, referida a figuras claras, simétricas y armónicas, se denomina Ley de la Praegnanz. Afirma que la organización perceptual tiende a la mayor simplicidad posible. Las personas organizan los elementos del modo más simple posible. En la pregnancia juegan mucho todos los demás principios de la gestalt.

Figura 2.11 Pregnancia

En la Figura 2.11 vemos como ante un patrón complicado, tendemos a diferenciar los elementos de modo ordenado y sencillo.

Módulo de diseño I 35

GUÍA DE AUTOEVALUACIÓN Nº 2 Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 2 le dará los elementos necesarios para su resolución y en la bibliografía sugerida podrá hacer ampliación investigativa sobre el tema. 1. Enumere los elementos conceptuales de diseño. 2. Explique ¿por qué se considera el punto como la mínima unidad de información visual? 3. Una de las características del punto es su poder de crear tensión. Diser te al respecto y de un ejemplo. 4. Defina la línea y enumere sus características 5. Especifique las dos clases de líneas y exponga sus usos más frecuentes 6. ¿Cuál es la impor tancia del plano en el diseño bi-dimensional? 7. Enumere los elementos visuales del diseño 8. ¿A qué se refieren los elementos de relación del diseño? ¿cuáles son? 9. Según su criterio ¿cuál es la impor tancia de los elementos prácticos del diseño en el proceso de la comunicación visual? 10. ¿Cuál es el principio de la teoría Gestalt? ¿Qué apor te hace esta teoría al diseño? 11. Según la teoría gestalt ¿cuáles son los factores que influyen en la percepción? 12. Ilustre gráficamente los siguientes términos: a) Proximidad b) similaridad c) buena continuidad d) cerramiento e) figura / fondo f) simetría g) pregnancia o equilibrio

36 Instituto de educación abier ta y a distancia IDEA

3. La organización de los elementos

Interrelación de formas15 La forma es todo lo que se puede ver – todo lo que tiene contorno, tamaño, color, y textura–, ocupa espacio, señala una posición e indica una dirección. Una forma creada, puede basarse en la realidad –reconocible– o ser abstracta –ir reconocible–. Una for ma puede haberse creado para trasmitir un significado o mensaje, o bien puede ser meramente decorativa. Puede ser simple o compleja, armónica o discordante. En sentido estricto, las formas son contornos compactos y positivos que ocupan un espacio y se diferencian del fondo. La visualización de la forma Visualizar una forma requiere la utilización de puntos, líneas y planos que describan sus contornos, características de superficie y otros detalles. Cada método o tratamiento produce un diferente efecto visual, así la forma se visualiza:

 Mediante líneas (Fig. 3.1 a)  Mediante superficies lisas (Fig. 3.1 b)  Mediante líneas y superficies planas (Fig. 3.1 c)  Mediante puntos (Fig. 3.1 d)  Mediante textura (Fig. 3.1 e) Tipos de forma Las formas pueden clasificarse de una manera genérica según su contenido específico así: Figurativa: Cuando una forma contiene un tema identificable y representa un elemento que visualmente conocemos. Abstracta: Cuando una forma no contiene un tema identificable. Las formas figurativas se subdividen (por el tema representado) en:  Formas naturales que son figuras en las que el tema representado es la naturaleza, organismos vivientes, objetos inanimados que existen en la superficie de la tierra etc.

15. Tomado del documento Aspectos de la forma bidimensional, publicado en http://www.universoe.com/arte/ resumenes/otros/ 01_wong_2.shtml y del libro Fundamentos del diseño, de Wicius Wong

12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234 12345678901234

Figura 3.1 Visualización de la forma

Módulo de diseño I 37

 Formas ar tificiales que son formas derivadas de objetos o entornos creados por el hombre.  Formas verbales que son todos los símbolos, y letras que representan el lenguaje. Las formas pueden encontrarse entre sí de diferentes maneras. Cuando una forma se interrelaciona con otra se puede presentar16: 16. Tomado del libro Fundamentos del diseño, de Wicius Wong

a) Distanciamiento. Ambas formas quedan separadas entre sí, aunque puedan

estar muy cercanas (Fig. 3.2 a). b) Toque. Si acercamos ambas formas comienzan a tocarse. El espacio que las mantenía separadas en a) queda así anulado (Fig. 3.2 b). c) Superposición. Si acercamos aún más ambas formas, una se cruza sobre la otra y parece estar por encima, cubriendo una porción de la que queda debajo (Fig. 3.2 c). d) Penetración. Igual que en c) pero ambas formas parecen transparentes. No hay una relación obvia de arriba y debajo entre ellas, y los contornos de

Figura 3.2 Interrelación de la forma

38 Instituto de educación abier ta y a distancia IDEA

ambas formas siguen siendo enteramente visibles (Fig. 3.2 d). e) Unión. Igual que en c) pero ambas formas quedan reunidos y se convierten en una forma nueva y mayor. Ambas formas pierden una par te de su contorno cuando están unidas (Fig. 3.2 e). f) Sustracción. Cuando una forma invisible se cruza sobre otra visible, el resultado es una sustracción. La porción de la forma visible que queda cubier ta por la invisible se convier te asimismo en invisible. La sustracción puede ser considerada como la superposición de una forma negativa sobre una positiva (Fig. 3.2 f). g) Intersección. Igual que en d) pero solamente es visible la porción en que ambas formas se cruzan entre sí. Como resultado de la intersección, surge una forma nueva y más pequeña. Puede no

Módulo

recordarnos las formas originales con las que fue creada (Fig. 3.2 g). h) Coincidencia. Si acercamos aún más ambas formas, habrán de coincidir. Los dos círculos se convier ten en uno (Fig. 3.2 h). Las diversas clases de interrelaciones deben siempre ser exploradas cuando se organizan formas dentro de un diseño.

Repetición de módulos17 Si utilizamos la misma forma más de una vez usamos la repetición. Este es el método más sencillo de diseño, esta suele apor tar una inmediata sensación de armonía. Los módulos son formas idénticas o similares que aparecen más de una vez en un diseño. La presencia de módulos tiende a unificar el diseño.

Supermódulo

17. Tomado del libro Fundamentos del diseño, de Wicius Wong

Composición

Figura 3.3 Módulo, supermódulo y composición

Módulo de diseño I 39

Los módulos pueden ser descubiertos fácilmente y deben de ser simples o si no se perdería el efecto de repetición (Fig. 3.3). Tipos de Repetición de módulos a) Repetición de Figura: La figura es siempre el elemento más impor tante. Las figuras que se emplean pueden tener diferentes medidas, colores, etc (Fig. 3.4 a). b) Repetición de Tamaño: Esta solo es posible cuando las figuras son también repetidas o muy similares (Fig. 3.4 b). c) Repetición de Color: Esto supone que todas las formas tienen el mismo color, pero que sus figuras y tamaños pueden variar (Fig. 3.4 c). d) Repetición de Textura: Todas las formas pueden ser de diferentes conformaciones, medidas o colores (Fig. 3.4 d).

e) Repetición de Dirección: esto solo es posible cuando las formas muestran un sentido definido de dirección, sin la menor ambigüedad (Fig. 3.4 e). f) Repetición de Posición. Esto se refiere a como se disponen las formas, de acuerdo a una estructura (Fig. 3.4 f). Submódulos y Supermódulos Un módulo puede estar compuesto por elementos más pequeños, que son utilizados en repetición. Tales elementos más pequeños son denominados "submódulos". Si estos al ser organizados se agrupan juntos para conver tirse en una forma mayor, que luego es utilizada en repetición son denominados como "supermódulos". Hay una gran variedad de ambos módulos.

12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901 12345678901

123456789012 123456789012 123456789012 123456789012 123456789012 123456789012 123456789012 123456789012 123456789012 123456789012 123456789012

Figura 3.4 Tipos de repetición de módulos

40 Instituto de educación abier ta y a distancia IDEA

Figura 3.5 Tipos de estructura

Estructura y retícula18 Estructura La estructura gobierna la manera en que una forma es construida o la manera como se unen una cantidad de formas. Es la organización espacial general, es el esqueleto que esta detrás dentro del entretejido de figura, color y textura. La apariencia externa de una forma puede ser muy compleja mientras su estructura es relativamente simple. Por regla general la estructura impone un orden y predetermina las relaciones internas de las formas de un diseño. Esta siempre presente cuando hay una organización. Puede ser formal, semiformal o informal. Tipos de estructura Estructura Formal: Se compone de líneas que aparecen construidas de manera rígida, matemática. Las líneas habrán de guiar la formación completa del Diseño. El espacio queda dividido en subdivisiones, igual o rítmicamente y las formas quedan organizadas con una fuer te sensación de regularidad (Fig. 3.5 a). Estructura Semiformal: Habitualmente es

bastante regular, pero existe la ligera irregularidad. Puede componerse o no de líneas estructurales que determinan la disposición de los módulos (Fig. 3.5 b). Estructura Informal: Esta no tiene normalmente líneas estructurales. La organización es generalmente libre o indefinida (Fig. 3.5 c). Estructura Inactiva: Es la que se compone de líneas estructurales que son puramente conceptuales. Tales líneas son construidas en un diseño para guiar la ubicación de formas o de módulos, pero nunca interfieren con sus figuras ni dividen el espacio en zonas distintas, donde puede ser introducidas variaciones de color (Fig. 3.5 d). Estructura Activa: Se Compone de líneas estructurales que son asimismo conceptuales. Sin embargo pueden dividir el espacio en subdivisiones individuales, que interactúan con los módulos que contienen (Fig. 3.5 e). Retícula El espectador que contempla una obra gráfica (folleto, car tel tríptico o página

18. Tomado del documento El diseño equilibrado, publicado en http://www.desarrolloweb.com/ articulos/1407.php?manual=47 y del libro Fundamentos del diseño, de Wicius Wong

Módulo de diseño I 41

web) busca inconscientemente en ella un orden y una estabilidad que le permitan pasear la vista por la misma de forma organizada y limpia.

horizontal aporta equilibrio y estabilidad, mientras que el ver tical facilita la elevación de la vista, marcando prioridades o niveles en la composición

El sistema plano de referencia habitual en los seres humanos es el formado por un eje horizontal y otro vertical, es decir, por dos rectas que se cor tan en un ángulo de 90º. En este sistema, el eje

Puesto que las composiciones gráficas se representan en sopor tes planos, es fácil deducir que este sistema de referencia es también el más adecuado para la distribución de sus elementos. Si a esto se suma el carácter eminentemente rectangular de la mayoría de los sopor tes, obtenemos por extensión el sistema de organización idóneo para nuestras composiciones: la retícula. La retícula o rejilla es un sistema de referencia formado por diferentes líneas horizontales y ver ticales que marcan la ubicación de elementos y zonas en una composición gráfica, líneas que no tienen por qué tener una representación real (no tienen porqué formar par te del grafismo), pero sí mental. Son las guías imaginarias sobre las que vamos a ir colocando los elementos, la espina dorsal de una composición gráfica.

Figura 3.6 Retícula básica y sus variantes

Figura 3.7 Retícula con estructura de múltiple repetición

42 Instituto de educación abier ta y a distancia IDEA

Mediante el reticulado, el diseñador sitúa con armonía los bloques de contenido que forman la composición. Una composición gráfica no es un sistema estándar, único, sino que los mismos elementos se pueden organizar siguiendo diferentes esquemas. Pero siempre deben estar dispuestos según una retícula que les apor te equilibrio y estabilidad visual. Es tarea del diseñador buscar el conjunto ubicación - reticulado que mejor se adapte a su obra.

Tipos de retícula Retícula Básica: Es la que se usa con más frecuencia en las estructuras de repetición. Se compone de líneas ver ticales y horizontal, parejamente espaciadas, que se cruzan entre si. Apor ta a cada modulo una misma cantidad de espacio, arriba, abajo, izquierda o derecha; excepto por la dirección generada por los mismos módulos. Tiene aspecto de cuadrícula (Fig. 3.6). Retícula con estructura de Múltiple Repetición: Es cuando la estructura se compone de más de una clase de subdivisiones estructurales, que se repiten en forma y tamaño. Es una estructura Formal, las diversas clases se entretejen en un dibujo regular (Fig. 3.7).

Módulo de diseño I 43

GUÍA DE AUTOEVALUACIÓN Nº 3 Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 3 le dará los elementos necesarios para su resolución y en la bibliografía sugerida podrá hacer ampliación investigativa sobre el tema. 1. Defina ¿qué es una forma y de qué manera se puede llegar a visualizar? 2. ¿Cómo se clasifican las formas según su tipo? 3. Ilustre gráficamente cada una de las ocho maneras de interrelación de la forma con sólo una de las siguientes figuras: cuadrado, rombo, o triángulo. 4. Defina ¿Qué es la estructura? ¿qué clases de estructura hay? 5. ¿Qué es la retícula y cual es su impor tancia en las composiciones gráficas? 6. ¿Qué es una retícula básica y qué tipo de composiciones origina? 7. Investigue en la bibliografía sugerida qué otros tipos de retícula existen en el diseño e ilústelas gráficamente. 8. Diser te alrededor de los siguientes enunciados y escríbalo en dos párrafos de máximo cuatro líneas cada uno.  La forma como elemento compositivo.  La forma como elemento comunicativo

44 Instituto de educación abier ta y a distancia IDEA

4. Composición - leyes del Orden

La composición19 La composición de un diseño es adecuar distintos elementos gráficos (textos, imágenes, fotografías entre otros) dentro de un espacio visual, que previamente ha sido seleccionado, combinándolos de tal forma que todos ellos sean capaces de transmitir un mensaje claro a los receptores del mensaje.

Es la organización estructural voluntaria de unidades visuales en un campo dado, de acuerdo a leyes perceptuales que debe dar un resultado integrado y armónico. Se debe considerar que cada elemento escogido está cargado de un alto potencial significativo y que, manejados adecuadamente, constituyen una sólida

19. Tomado del documento Composición y ubicación de los elementos de diseño, publicado en http://www.imageandart.com/ teoria.html y del libro Fundamentos del diseño, de Wicius Wong

En estos tres anuncios, se puede apreciar que el equilibrio en una composición puede alcanzarse con la combinación de los elementos gráficos fundamentales (texto e imágenes), sin que ninguno de ellos interfiera en los restantes. A: Composición con sólo texto. B: Composición con equilibrio de texto e imagen. C: Composición con predominio de la imagen. Figura 4.1 La composición

Módulo de diseño I 45

base de comunicación del mensaje en función de la forma, tamaño, ubicación, etc. que se le asigne a cada elemento de la composición. Es el diseñador quien debe elegir y seleccionar continuamente la información aportada por cada uno de los elementos gráficos (Fig. 4.1).

guno de estos elementos. Por tanto, es muy impor tante la posición que se le da a cada uno de los elementos y encontrar el equilibrio formal entre todos ellos.

En una composición gráfica, se debe procurar siempre encontrar un equilibrio formal entre todos los elementos que la constituye, a fin de lograr una comunicación eficaz. Por principio, nada debe ser gratuito en un diseño. Tampoco se debe exceder en la utilización de elementos gráficos los cuales se vuelven en contra del mensaje entorpeciéndolo: producen un número excesivo de "ruidos" que, en última instancia, sólo enmascaran y ocultan el mensaje principal de la comunicación.

En una composición debemos buscar la máxima eficacia comunicativa, impactar visualmente al público receptor de nuestro mensaje. Realmente no existe una norma específica que nos asegure el éxito de nuestra composición, pero sí unas pautas, que si se conocen y aplican pueden hacer más eficaz nuestro mensaje. Por tanto, antes de empezar a diseñar analicemos las leyes que rigen y gobiernan los órdenes compositivos:

Al diseño podemos aplicarle dos definiciones de composición gráfica: 1. La disposición de elementos diversos para expresar decorativamente una sensación. 2. Una disposición de los elementos para crear un todo satisfactorio que presente un equilibrio, un peso y una colocación perfecta.

20. Tomado del libro Fundamentos del diseño, de Wicius Wong

Todo mensaje en diseño gráfico se elabora siempre por medio de una combinación coherente y previamente estudiada, de elementos visuales con los que ha decidido trabajar. Estos elementos pueden ser imágenes, texto, ilustraciones, espacios en blancos, entre otros, o por el contrario, construir la composición con la ausencia deliberada de al-

46 Instituto de educación abier ta y a distancia IDEA

Leyes del orden compositivo20

a) Similitud Es cuando las formas no son idénticas, sino parecidas. Estos se encuentran fácilmente en la naturaleza, (hojas de un árbol). Esta no tiene la estricta regularidad de la repetición, pero mantiene en grado considerable la sensación de regularidad. Cuando las formas no son idénticas no están en repetición sino en similitud. La figura es siempre el elemento principal para establecer una relación de similitud, porque las formas difícilmente podrían ser consideradas como similares si no lo fueran en tamaño, color y textura, aunque sean diferentes en su figura (Figura 4.2). b) Gradación Es el cambio gradual y ordenado de

figura, tamaño, color, textura, dirección, posición, espacio y/o gravedad de los módulos activos en una composición (Figura 4.3). En la Gradación, los módulos son organizados para sugerir de manera controlada, la progresión y el movimiento. Toda forma puede ser gradualmente cambiada hasta convertirse en cualquier otra, la cantidad de pasos requeridos para ello determina la velocidad de gradación. Una gradación rápida provoca saltos visuales, una lenta produce ilusiones ópticas.

Figura 4.2 Similitud

c) Radiación Es un caso especial de repetición. Los módulos repetidos o las subdivisiones estructurales que giran regularmente alrededor de un centro común. Esta puede tener el efecto de vibración óptica que encontramos en la gradación (Figura 4.4). Características de un esquema de Radiación  Generalmente es multisimétrico  Posee un vigoroso punto focal, habitualmente situado en el centro del dibujo

Figura 4.4 Radiación

Figura 4.5 Anomalía

Figura 4.3 Gradación

Figura 4.6 Contraste

Módulo de diseño I 47

 Puede generar energía óptica y movimiento, desde o hacia el centro Estructura de Radiación Centro de Radiación: marca el punto focal en cuyo derredor se sitúan los módulos. Debe anotarse que el centro no siempre es el centro físico. Direcciones de Radiación: son las direcciones de las líneas estructurales tanto como a las direcciones de los módulos. d) Anomalía La anomalía es la presencia de la irregularidad en un diseño en el cual aun prevalece la regularidad. Marca cier to grado de desviación de la conformidad general, lo que resulta en una interrupción, leve o considerable de la disciplina total. A veces la anomalía es un elemento singular dentro de una organización uniforme (Figura 4.5). Los ejemplos de anomalía en nuestro derredor son comunes: las flores entre el follaje, la luna en una noche estrellada, las grietas en una pared lisa, una vieja iglesia en un moderno rascacielos. En el diseño, el uso de la anomalía debe corresponder a una verdadera necesidad. Debe tener un propósito definido, que puede ser uno de los siguientes:

21.Tomado del documento El diseño equilibrado, publicado en http://www.desarrolloweb.com/ articulos/1407.php?manual=47 y del libro Fundamentos del diseño, de Wicius Wong

 Atraer la atención. Cuando la anomalía es usada en forma moderada, tiende a destacarse y a traer la atención inmediata.  Aliviar la monotonía, la simple regularidad puede hacerse monótona. La

48 Instituto de educación abier ta y a distancia IDEA

anomalía es capaz de generar movimiento y vibración  Transformar la regularidad. Una clase de regularidad puede ser transformada en otra. Aquí la anomalía es solo un cambio de disciplina  Quebrar la regularidad. La regularidad puede ser completamente aniquilada hasta el desorden en una o más zona de diseño. Cuando se introduce la anomalía entre los módulos debe examinarse cuidadosamente la originalidad de cada uno de los elementos visuales y de relación. Un módulo anómalo no tiene que ser diferente en todo sentido respecto a la regularidad general, puede desviarse en uno o dos elementos y conformarse en los otros a la regularidad general. Es comparativa ya que se necesita la regularidad para poder compararla contra un modulo anómalo. e) Contraste21 El contraste es el efecto que permite resaltar el peso visual de uno o más elementos o zonas de una composición mediante la oposición o diferencia apreciable entre ellas, permitiéndonos atraer la atención de espectador hacia ellos. Es una clase de comparación por la cual las diferencias entre los elementos se hacen claras (Figura 4.6). Contraste de tonos: Se obtiene contraste entre elementos que poseen tonos (claridad-oscuridad) opuestos. En este caso, el mayor peso lo tendrá el elemento más oscuro, destacando el más claro sobre él con más intensidad cuanto mayor sea la diferencia tonal.

Contraste de colores: Dos elementos con colores complementarios se refuerzan entre sí, al igual que un color cálido y otro frío. El contraste creado entre dos colores será mayor cuanto más alejados estén en el círculo cromático. Los colores opuestos contrastan mucho, mientras que los análogos apenas lo hacen, perdiendo impor tancia visual ambos. Contraste de contornos: Los contornos irregulares destacan de forma impor tante sobre los regulares o reconocibles. Crean mucha tensión en el espacio que les rodea.

Contraste de escala: Es el producido por el uso de elementos a diferentes escalas de las normales o de proporciones irreales, consiguiéndose el contraste por negación de la percepción aprendida. f) Concentración22 Se refiere a una manera de la distribución de los módulos, que pueden estar apretadamente reunidos en cier tas zonas del diseño o levemente repartidos en otras. La distribución es habitualmente desparejada e informal, a veces con un sitio de reunión densa o de distribución tenue que se convier te en el centro de interés (Figura 4.7).

Figura 4.7 Concentración

Figura 4.8 Equilibrio

22. Tomado del libro Fundamentos del diseño, de Wicius Wong

Figura 4.9 Ritmo

Figura 4.10 Textura

Figura 4.11 Espacio

Módulo de diseño I 49

La concentración puede ser obtenida de las siguientes maneras: Ausencias frecuentes. Las ausencias frecuentes conduce a la concentración de los módulos en cier tas zonas del diseño. Cambios posicionales. Los cambios posicionales de los módulos dentro de la composición aumenta o disminuye la proporción del espacio ocupado en relación con el espacio vacío. Cambios cuantitativos. La variación de la cantidad de módulos dentro de los supermódulos que los contienen varían cuantitativamente el número de módulos activos en la composición, creando visualmente zonas de mayor o menor concentración. g) Equilibrio 23 El centro de gravedad es el concepto básico que aquí debemos interpretar en un sentido menos literal. El problema no consiste en el equilibrio de un cuerpo en el espacio, sino en el de todas las partes de un campo definido. Es más fácil abordarlo como una igual de oposición; ello implica un eje o punto central en el campo alrededor del cual las fuerzas opuestas están en equilibrio. 23. Tomado del documento Composición y ubicación de los elementos de diseño, publicado en http://www.imageandart.com/ teoria.html, del documento Composición, publicado en http:/ /www.newsartesvisuales.com/ funda/compo1.htm y del libro Fundamentos del diseño, de Wicius Wong

El concepto de equilibrio parte también de nuestra propia percepción, en relación con nuestra anatomía, que nos lleva a interpretar la colocación de pesos, magnitudes, masas y volúmenes en relación con nuestro propio concepto de simetría humana.

50 Instituto de educación abier ta y a distancia IDEA

Podemos definir el concepto de equilibrio como la apreciación subjetiva de que los elementos de una composición no se van a caer. La existencia de equilibrio en una composición, no quiere decir que todas las líneas (texto, titulares...) o formas (fotografías, ilustraciones...) sean iguales en tamaño, color u otra dimensión. En toda composición debe existir un adecuado equilibrio entre los diferentes elementos que la forman si queremos atraer la atención del espectador y mantenerla hasta que haya asimilado el mensaje que queremos transmitirle. El equilibrio visual que un diseñador puede definir en una composición puede ser formal o informal en función de la ubicación y carga visual que se asigne a cada elemento. Equilibrio for mal: se basa en la bisimetría. Buscamos con él un centro óptico dentro del diseño y que no tiene por qué coincidir con el centro geométrico de la composición. El punto de equilibrio formal suele estar ubicado un poco por encima del centro geométrico. Una composición que decida seguir este esquema compositivo reflejará estabilidad, calma y estatismo. No supone una composición muy audaz, aunque lo que sí asegura es una distribución armónica de los elementos (Figura 4.7 a). Equilibrio infor mal: Prescinde por completo de la simetría, y el equilibrio se consigue aquí en base a contraponer y contrastar los pesos visuales de los

elementos, buscando diferentes densidades tanto formales como de color, que consigan armonizar visual mente dentro de una asimetría intencionada. De todos es sabido que las formas pequeñas poseen menor peso visual que las más grandes. Si, además la forma de la figura no es regular, su peso aumenta notablemente (Figura 4.7 b). Podemos conseguir en nuestra composición ese equilibrio de formas y líneas, es decir, los pesos de los elementos deben estar compensados. La manera de medir el peso de las formas y líneas del diseño es, analizando la impor tancia visual de estos dentro de nuestra composición. Existen dos tipos de equilibrio: El equilibrio simétrico: se produce cuando encontramos igualdad de peso y tono en ambos lados de nuestra composición (Figura 4.7 c). El equilibrio asimétrico: se produce cuando no existe las mismas dimensiones (ya sea de tamaño, color...) en ambos lados, pero aún así existe equilibrio entre los elementos (Figura 4.7 d). Sin una disposición adecuada de las formas, colores y agrupaciones, sin un equilibrio global en la composición, el mensaje no llegará de forma adecuada al espectador. h) Ritmo Consiste en aprovechar la tendencia que tiene el ser humano en completar

secuencias de elementos apor tando parte de los conocimientos previamente adquiridos y a percibir elementos semejantes como un todo tendiendo a agr uparlos. Cuando contemplamos determinada secuencia de elementos (ya sean números, formas, figuras geométricas o colores), tendemos a agrupar aquellos que poseen formas semejantes (Figura 4.9). Así, el factor de ritmo se produce cuando encontramos una repetición secuencial de un conjunto de elementos. Con esta técnica se puede producir dinamismo y armonía en nuestra composición. Es capaz de transmitir movimiento dentro del área de diseño, gracias a la aproximación de elementos semejantes. El ritmo es un movimiento marcado por una regular. En el diseño así como en la naturaleza, el ritmo solo tiene sentido cuando expresa necesidades funcionales. En los diseños visuales físicamente estáticos, el movimiento es subjetivo, pero no menos real. No podemos modificar el tamaño del elemento o los intervalos de espacios sin per turbar la expectativa de recurrencia. i) Textura 24 El primer análisis que realiza el ojo en la percepción, queda reafirmado o contrastado a través del tacto, que nos transmite otra información. La textura está relacionada con la composición de una sustancia a través de variaciones diminutas en la superficie del material. Con la luz, es el elemento

24. Tomado del libro Fundamentos del diseño, de Wicius Wong

Módulo de diseño I 51

clave en la percepción del espacio por su capacidad para orientar la visión estereoscópica. Se produce mediante la repetición de luces y sombras en un espacio gráfico, motivos iguales o similares que se repiten en el soporte. Con todo, la mayor parte de nuestra experiencia textural es óptica, no táctil. Mucho de lo que percibimos como textura está pintado, fotografiado, filmado... simulando una materia que realmente no está presente. Toda figura tiene una superficie, y toda superficie tiene características que pueden ser descritas como suave o rugosa, lisa o decorada, opaca o brillante, blanda o dura (Figura 4.10). La Textura se clasifica en: Textura visual: Es estrictamente bidimensiona, es la que puede ser vista por el ojo y evoca sensaciones táctiles. Textura táctil: Esta además de ser visible puede sentirse con las manos. Ésta se eleva sobre la superficie y se convierte en relieve. j) Espacio25 La naturaleza del espacio es muy compleja, debido a que existen muchas formas de verlo. El espacio puede ser positivo (cuando rodea un objeto negativo) o negativo (cuando rodea un objeto positivo).

25. Tomado del libro Fundamentos del diseño, de Wicius Wong

En el diseño blanco y negro, tendemos a considerar el negro como ocupado y al blanco como vacío. Así una forma negra es reconocida como positiva y una blanca como negativa.

52 Instituto de educación abier ta y a distancia IDEA

La forma se reconoce habitualmente como la "figura" y el espacio que la rodea se denomina "fondo" (Figura 4.11). Se puede utilizar una composición para hacer muchos tipos de descubrimiento. Lo habitual es identificar los objetos y luego dibujarlos dentro del espacio que ocupan. Otra manera de identificar la forma es buscar la forma negativa, es decir el espacio que no se halla ocupado por los objetos.

GUÍA DE AUTOEVALUACIÓN Nº 4 Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 4 le dará los elementos necesarios para su resolución y en la bibliografía sugerida podrá hacer ampliación investigativa sobre el tema. 1. ¿Qué es una composición gráfica? 2. ¿Por qué el diseñador debe ser cuidadoso de los elementos gráficos que elige y la forma de componerlos? 3. Establezca la relación que existe, a su modo de ver, entre composición y comunicación 4. Defina brevemente e ilustre gráficamente  Similitud  Gradación  Radiación  Anomalía  Contraste  Concentración  Equilibrio  Ritmo  Textura  Espacio 5. Analice una pieza gráfica (volante, afiche, plegable, anuncio de prensa o revista, entre otras) y con base en ese análisis visual determine:  Tipo de estructura que gobierna la composición  Trace con regla, escuadra y tiralíneas (rapidógrafo, plumón de punta fina) la retícula que sustenta la composición  Entre las leyes de composición estudiadas, cuáles están presentes en la pieza gráfica analizada y señálelas.

Módulo de diseño I 53

54 Instituto de educaci贸n abier ta y a distancia IDEA

BIBLIOGRAFÍA Amplío conocimientos, aclaro dudas

1. WONG, Wucius. Fundamentos del diseño. 2 ed. Barcelona: Gustavo Gili, 1995. Es el texto básico del módulo, aquí encuentra ampliados todos los temas. 2. DONDIS, D. A. Sintaxis de la imagen, la: Introducción al alfabeto visual. 13 ed. Barcelona: Gustavo Gili, 1998. Este libro abarca el tema de cómo se da la percepción visual en los seres humanos y cómo esto influye en los procesos comunicativos. Indispensable para ampliar el núcleo temático Nº 1. 3. HOFMANN, Armin. Manual de diseño gráfico: Formas, síntesis, aplicaciones. Barcelona: Gustavo Gili, 1996. Encuentre aquí muy buenos ejemplos gráficos de toda la temática estudida en el módulo. Se explica paso a paso el proceso de diseño 4. SCOUT, Rober t Gillam. Fundamentos del Diseño. México: Limusa, c2000. Aquí puede ampliar los núcleos temáticos Nº 2 y 3. Buenos ejemplos gráficos. 5. SWANN, Alan. Bases del Diseño Gráfico. 3 ed. Barcelona: G. Gili, 1995. Toca otros aspectos de los elementos del diseño, ideal para ampliar conocimientos o aclarar términos de todos los temas tratados en éste módulo. Páginas consultadas en Internet 1. http://www.desarrolloweb.com/ar ticulos En este sitio se encuentran documentos resumidos y prácticos sobre toda la teoría del diseño. Gran cantidad de contenidos relacionados con el diseño. 2. http://www.monografias.com/trabajos29/diseno-bidimensional/disenobidimensional.shtml Monografías de todos los temas, incluyendo diseño. Es el Centro de Tesis, Documentos, Publicaciones y Recursos Educativos más amplio de la Red. 3. http://www.imageandar t.com/ Muy buenos textos especializados de arte y diseño. Con recursos como imágenes; sonidos; artículos acerca de temas relacionados con el arte, y el diseño.

Módulo de diseño I 55

4. http://www.newsar tesvisuales.com/ Area Fundamentos del diseño: En donde encontrará temas como teoría del color, composición, elementos básicos del diseño gráfico o tipografía. La variadad del material permite conocer mejor estos temas. Puede descargar los PDFs de los temas publicados desde el área de Recursos. 5. http://es.wikipedia.org/ Proyecto para escribir comunitariamente enciclopedias libres en todos los idiomas. Permite cargar colectivamente documentos web.

56 Instituto de educación abier ta y a distancia IDEA

ISBN 978958832054-0

Universidad del Magdalena

www.idea.edu.co Avenida del Libertador No. 13-73 Santa Marta, Magdalena - Colombia

9 789588 320540