MultimediaTécnico en Diseño e Integración de Multimedia

1. Introducción

El diseño gráfico surgió como disciplina independiente a mediados del Siglo XX. En términos generales se puede definir el diseño como la ordenación, composición, y combinación de formas y figuras, pero también se puede entender el diseño sencillamente el dibujo o conjunto de líneas principales de una cosa, en concreto el diseño gráfico debe conocerse como el arte y la técnica de traducir ideas en imágenes y formas visuales. El diseñador gráfico es un artista al servicio de los que le encarguen su trabajo, aunque en la actualidad se ha ampliado enormemente al aumentar los procesos técnicos de reproducción y ser mucho más satisfactorios. El artista se puede manifestar como le parezca sin preocuparse ni de la interpretación que se le dé a su obra. Además de la publicidad y los Medios de Comunicación de Masas (MCM) el trabajo del diseñador se ha extendido a campos diferentes como los que tienen que ver con la imagen corporativa, señaletica, empaquetado. Antes de que se pudiera hablar de diseño gráfico, existía el arte gráfico, que como un arte menor tomaba de los estilos artísticos, las influencias lógicas que han quedado manifiestas en impresos y libros a lo largo del tiempo.

2. Antecedentes del diseño gráficos (Estilos Artísticos) Estilos clásicos: Al inventarse la imprenta y durante el periodo de los Incunables (1460 – 1500 libros que se imprimieron) se uso mayoritariamente el carácter gótico y para la ornamentación imitaron las orlas y las iniciales, y las finales de los libros medievales manuscritos. A lo largo del Siglo XVI se utilizo el carácter romano o humanístico del que derivaron, el romano itálico, también llamado cursivo primero y es del Siglo XVII y el romano neoclásico o moderno del Siglo XIX.Estilo romántico: Apareció a principios del Siglo XIX y se manifestó como un estilo nuevo, idealista, dinámico, etc. Introdujo en el Arte Grafico elementos atrevidos, decorativos y recargados por las iniciales y viñetas de fantasía con abundantes flores, rasgos y arabescos y fue en esta época en la que tuvieron más éxito las ilustraciones. Impresionismo: En la 2ª mitad del Siglo XIX supuso una autentica revolución tipográfica por la evolución de los métodos de trabajo si bien para el artista grafico no fue un buen periodo salvo por el impresionismo (1860 – 1910) que avanzó hacia el cartelismo y la publicidad y no a la creación de estilos.Modernismo: Es un estilo decorativo mas que artístico pues se da en las Artes Menores (fotografía, tipografía) Art. Nouveau en Francia, Modern Style o Liberty en Inglaterra, Juenstil en Alemania, Floréale en Italia; inspirándose en las formas de la naturaleza creo un estilo nuevo naturalista y recargado en cuanto a tipos y ornamentación (entre 1890 – 1910).Los ismos (1910): El futurismo, el cubismo, el dadaísmo, ultraísmo, surrealismo y otras corrientes artísticas que comenzaron a influir en la tipografía a partir de 1910 tendían a simplificar las formas y a buscar los elementos estrictamente esenciales de la obra pero empleando los caracteres en disposiciones extravagantes y desequilibradas. Culturistas y dadaístas hicieron las obras más representativas de la época y también las más excéntricas. El cubismo, en cambio por su tendencia al reposo y la serenidad, influyo mucho en la tipografía por la afinidad de sus formas geométricas con la estructura del libro y del impreso y por la facilidad de combinación entre masas de texto, ilustración, espacios en blanco, etc.La nueva tipografía (1920 – 1930): Es la denominación que se da a las realizaciones derivadas de los distintos movimientos de renovación tipográfica anteriores, basadas en las corrientes artísticas de finales del Siglo XIX y principios del Siglo XX. Su afán renovador causo impacto e influencia en la tipografía de casi todos los países europeos produciendo composiciones muy dinámicas y distintas que sustituyen de forma generalizada a las clásicas.Tipografía Funcional: Se trata de una vuelta a la tipografía primitiva y pura del periodo neoclásico pero presentándola de forma actualizada. En estos años destaco la Escuela Banhaus (1919), que unifico arte e industria y que hizo del Arte Grafico objeto de estudio y experiencias muy interesantes influyendo después en la s escuelas de diseño grafico sobretodo por su especial valoración de los elementos de la pagina igual para los grafismos que para los contra grafismos.

3. El diseño gráfico en la actualidad (no importante) En diseño grafico, se trabaja en un lenguaje de signos e imágenes y siempre se esta tratando de comunicar la información de un modo nuevo que resulte interesante al publico. En la actualidad, los diseñadores gráficos trabajan en muchos campos que antes no existían, como imagen corporativa, señalética, diseño de embases (packaging)…Se define el diseño como la construcción de lo posible.

4. Lenguaje visual y la percepción Es una ley específica del diseño. Es la capacidad que tiene un signo, un elemento o un color ya sea aislado o integrado de provocar sensaciones o reacciones de interpretar o expresar una idea o de hacer una determinada comunicación visual. La forma y el estilo del signo, su densidad y dinamismo, su estructura y equilibrio señalan su capacidad expresiva. Los elementos que mas influyen en la percepción son los grafismos y los contra grafismos, dispuestos sobre el formato. A continuación, contribuye mucho el propio formato, la estructura de la página, la disposición de las masas, los caracteres, etc. y todos estos elementos adecuadamente organizados de acuerdo a las leyes compositivas, constituyen la forma apta para emitir un mensaje y ser percibida por el lector.

MultimediaTécnico en Diseño e Integración de Multimedia

5. Elementos básicos del diseño Todo diseño tiene estructura, con ella vienen el orden y el significado del mensaje que se quiere transmitir, el objeto de la fuente emisora del mensaje impreso es la transferencia de significado a la mente del lector. Con este fin, la fuente emisora elige los elementos verbales y gráficos y los dispone en una estructura. Cada vez que se diseña o proyecta algo gráficamente, se hace uso de un conjunto de elemento fundamentales en la comunicación visual que contribuyen el esqueleto básico de lo que se esta configurando y que serán lo que en ultima instancia perciba el receptor de la comunicación.La forma visual es un lenguaje y consta de un vocabulario. Esta formado por una serie de elementos (el punto, línea, forma, tono, textura y espacio). Haremos uso de ellos por combinaciones, repeticiones o ausencias con el fin de transmitir el mensaje visual de la manera más efectiva posible.

a. El Punto: Este elemento estructural es tanto imaginario como real. En cualquiera de los dos casos hace referencia a una posición en el espacio y ejerce una fuerte atracción sobre el ojo. El centro óptico de un impreso es un ejemplo de punto imaginario, como las letras iniciales, que actúan como puntos. De la misma forma se usan los puntos grandes para atraer la vista. El punto supone la unidad mínima de comunicación visual. Es el elemento gráfico fundamental, el mas económico y simple del alfabeto visual y además es el único elemento grafico irreducible en si mismo.

b. La línea: También puede ser real o imaginaria. Es real cuando se utiliza para líneas de formas como sucede en el dibujo lineal o en figuras o letras del alfabeto. Es imaginaria en las palabras y en las oraciones que en si mismas forman líneas. Para el diseño, es muy importante la línea imaginaria. La línea, es una forma de energía que divide en letra, encierra y define los espacios. No solo comunica formas sino también estabilidad, movimiento, acción y dirección. Por definición, sirve para conectar dos puntos en el espacio aunque también puede entenderse como el resultado de la animación de un punto. La línea constituye un elemento indispensable para poder visualizar materialmente todo aquello que tenemos en nuestra imaginación y en cualquier tipo de dibujo. Es rígida y definida en el dibujo técnico o expresivo y espontánea en el dibujo artístico. Tipos de líneas:

i. Líneas dominantes: son las que dirigen el movimiento, la fuerza, la posición o la forma. Ejemplo los titulares.ii. Pautas, que apoyan la medida de la composición o las formas más dominantes de la letra. Ejemplo: filetes,

marcos, remate.iii. Plantillas o retículas: mediante las que las que se colocan los distintos elementos de la página.

c. La forma: Las formas se articulan con las líneas, pero también pueden definirse en relación al tono, la textura, los contornos y el tamaño. El ser humano, impone a lo que ve tres formas básicas: cuadrados, círculos y triángulos. Existen infinitas variaciones y combinaciones de las formas. Psicológicamente cada forma sugiere su propio significado. En diseño las formas se definen mediante sólidos y masas. Un sólido, es un elemento de tamaño y contorno definidos, por ejemplo: una fotografía; y una masa es un conjunto de piezas individuales que colectivamente forman una unidad, por ejemplo una columna de texto. Los sólidos y las masas establecen y mantienen el orden de prioridad de la composición. Hay que considerar detenidamente la colocación del espacio de los sólidos y las masas para que exista una armonía entre ellos.

d. El tono: La palabra tono, se refiere a la claridad u oscuridad relativa. Solo por este contraste percibimos visualmente puntos, líneas, formas y texturas. También se le llama valor tonal. Nuestros sistemas visuales están equipados para percibir el color y eso es lo que vemos en la naturaleza, sin embargo una simbolización o representación en blanco y negro es perfectamente aceptable e intercetable por que el tono tiene una importancia básica para la percepción y la adquisición de información a la hora de comprender un impreso o imagen. En general, las masas de gris pueden analizarse para determinar su valor tonal. Una escala de valores tonales iría desde 0% que correspondería al blanco, hasta el 100% que correspondería al negro. El valor tonal es una referencia que ayuda a determinar los niveles de contraste y permite dirigir el interés del diseño.

e. La textura: Toda estructura de una superficie puede ser percibida visualmente como algo que tiene textura. En diseño grafico, la textura es el motivo de luces y sombras creado por la repetición de letras y formas en relación con el espacio que les rodea. Aparece siempre que las letras o los símbolos se imprimen formando bloques o cajas de texto. La trama de la textura puede ser abierta, aleatoria o prieta. Pueden crearse texturas repitiendo formas iguales o similares; o modificando la estructura bidimensional de la estructura de la superficie de la página. La fuerza de la textura guarda una relación directa con el espaciado entre tipos, cuando se trata de un texto y con la repetición cuando es un fondo o un adorno. El diseñador debe controlar la textura para que no interfiera con otros elementos del diseño. Las texturas no

MultimediaTécnico en Diseño e Integración de Multimedia

tipográficas son elementos energéticos que contienen distintas intensidades de tonos claros y oscuros y suelen producir mejores resultados cuando el texto no las pisa.

f. El espacio: Es el ámbito en el que actúan los demás elementos y la base sobre la que va a realizarse todo el diseño. El resultado de la composición viene determinado por la selección y la yuxtaposición de los demás elementos dentro del espacio que se les ha reservado. En diseño, el espacio es un elemento ambiguo que puede estar definido tan rígidamente como en el papel de dibujo de un delineante, como ser ilimitado e infinito como el cielo. El diseñador debe comprender que los elementos en del espacio interior del diseño tienen que sostener el motivo central y debe de ser consciente también de la influencia que el espacio exterior ejercerá sobre el diseño. Tipos de espacio en el diseño tipográfico:

i. Hay que considerar el espacio definido en su interior por algunas letras (blanco interno) y el que queda entre las propias letras (separación de letras)

ii. Espacio entre palabras, que es necesario para diferenciar y que confiere a las palabras. Esa identidad que las hace inmediatamente reconocibles.

iii. El espacio entre las líneas o interlineado, que es el espacio horizontal que separa unas líneas de otras y contribuye a la legibilidad.

6. Elementos formales del diseño

Existen normas de estilo en el diseño, igual que en la escritura. Estas normas y principios son: El contraste, el equilibrio, la proporción, el ritmo, la armonía, el movimiento y la unidad.

1. El contraste: En todas las formas de comunicación, algunas ideas deben enfatizarse más que otras. En diseño grafico hay que tener en cuenta este principio, para realizar una selección de estas determinadas ideas. El contraste será una herramienta poderosa del diseñador para agudizar el significado del impreso puesto que muchos conceptos solo se pueden comprender en función del concepto de lo que significa lo contrario. Puede aplicarse el contraste aplicando polaridades de tamaño, forma, tono, textura y de dirección.Tipos de contraste:

• Contraste en el tamaño: ej.: Ilustraciones pequeñas enfrentadas a ilustraciones grandes, para evitar la monotonía y hacer que sea mas atractivo.

• Contraste en la forma: ej.: Un impreso con varias ilustraciones mejora si una de ellas es irregular.• Contraste en el tono: ej.: un impreso con un dibujo en grises o una fotografía en blanco y negro mejora si se

coloca una parte de la iluminación con un color muy vivo.• Contraste en la textura: ej.: En una fotografía donde hay dos personas resulta mas interesante si la capa de uno

es áspera y la del otro suave.• Contraste en la dirección: ej.: un impreso que tenga un encabezamiento horizontal y el resto sea ilustración

vertical para que el lector dirija la vista hacia abajo inmediatamente.2. El equilibrio: existe cuando los elementos están colocados con un sentido de contrapeso, es decir, situados de forma que

los pesos de los elementos se contrarresten para que aparezcan arraigados al sitio donde están.Hay dos tipos de equilibrio:

• Equilibrio simétrico: Todo a la misma distancia (los elementos)• Equilibrio asimétrico: Es el resultado de conjugar otras condiciones distintas y conseguir dar la sensación de

equilibrio.La diferencia mas importante entre los dos tipos de equilibrio está en el uso del espacio en blanco. Este espacio tiene un papel pasivo en el diseño simétricamente equilibrado pero en el asimétrico este espacio se convierte en parte activo de la representación visual ofreciendo diferentes puntos de atracción.

3. Proporción: El ojo humano se mueve a saltos en un diseño mientras que el cerebro compara constantemente la información que recibe con la que ha recibido un momento antes midiendo las fuerzas composicionales. La proporción representa los resultados de la toma de decisiones del lector refiriéndose a la relación de un elemento con otro o al diseño entendido como un todo con dimensiones que reflejan determinado tamaño. Ciertas promociones son más

MultimediaTécnico en Diseño e Integración de Multimedia

atractivas a la vista que otras, la primera tarea en diseño es elegir el tamaño del impreso y sus dimensiones. Las dimensiones mas atractivas son aquellas en las que la relación entre el ancho y la altura no es obvia para el ojo.

4. Ritmo: Se logra a través de la repetición ordenada de cualquier elemento ya sea línea, forma, tono, textura, etc.…Hay dos tipos de ritmo:

• Ritmo simple o constante: Es la sencilla o monótona repetición del mismo motivo: un signo, una palabra, una viñeta, unas líneas de caracteres.

• Ritmo compuesto o libre: Es el que consigue variedad al combinar dos o mas ritmos simples, es decir, distintos elementos y estructura de la pagina, proporciones y su disposición, tonos, etc.

5. Armonía: La inteligencia humana busca también en el diseño la similitud entre elementos análogos o acordes entre sí. La armonía es la agradable combinación o consonancia entre las formas y estilos de las cosas. Se refiere a la correspondencia entre los distintos elementos del mismo o semejante estilo, por ejemplo: caracteres con ilustración. también es armonía de forma la semejanza de los componentes con el espacio en que van colocados.

6. Movimiento: el acto mismo de leer o mirar produce un sentido de movimiento por que el ojo se mueve de izquierda a derecha y de arriba abajo sobretodo en diseño tipográfico (diseño de elementos con texto). En otros tipos de diseño el control del movimiento ocular se vuelve mas problemático ya que el ojo se encuentra libra para mirar a cualquier punto en cualquier momento. El diseñador deberá manejar los elementos para que la interpretación del impreso sea la adecuada.

7. Unidad. Es el fundamento estético del orden compositivo y la finalidad que debe perseguirse con la distribución y organización de los elementos que se combinan en diseño. Sin la unidad resultarían imposibles la estabilidad y la claridad y existiría la confusión y dispersión de los elementos. Los elementos individuales del mensaje deberán relacionarse entre sí y también con el diseño total para que el impreso pueda registrar una sola impresión general.