Calarts - Curso de diseño gráfico

1 - Nivel denotativo: Encontrar todas las formas de representar un mismo objeto, sin perder la
cualidad distintiva que lo caracteriza

- Las representaciones pueden ser a través de técnicas, colores, derivados del uso del objeto
(siempre debe denotar que se trata del objeto en sí), aspectos culturales, etc. (En este punto
aplica la innovación y ejecución de técnicas personales para dotar al diseño de un distintivo
original)

El secreto de este nivel es: Descomponer el objeto principal, en la mayor cantidad de partes y
cualidades que presenta, sin perder su esencia. Aunque pueda ser repetitivo, el trazado del mismo
desde la morfología, la idea es que cada elemento que se repita o sea característico del objeto, sea
ejecutado desde diferentes técnicas, es decir hacer el mismo objeto repetidas veces, pero con
variación de colores, trazos, recortes, volumen, etc.

Pasos:

- Empezar de lo simple a lo más complejo

- Jugar con la calidad de la línea
- Trabajar el volumen

- Trabajar la textura, no únicamente centrados en el objeto, sino que debemos aprovechar, las
texturas de distintas superficies para llegar a resultados no explorados

- Jugar y trabajar con el color

- Trabajar el cropeo o el recorte de la imagen (aca puede entrar el uso de técnicas retóricas
como el sinécdoque)

- Experimentar en todos los aspectos posibles

- Mezclar todo lo anterior, para lograr nuevos caminos representativos del objeto

Resumen: Proceso, generación e iteración (muchas variaciones de lo mismo, en pos, ya sea de un

mejor refinado o en pos de crear un patrón funcional para el diseño)

Dado que el curso es tradicional, es importante detallar ciertas técnicas de impresión:

1. Cortar una manzana, cubrirla de pintura y apoyarla en un papel a modo de sello (a partir de
la pintura, varía el estampado). Luego del estampado, refinamos los detalles con otro tipo
de herramientas: crayones, lápices, bolígrafos, etc.
- Los colores se generan a partir de las distintas aplicaciones de color

2. Cortar con forma de manzana un trozo de cinta de color y luego aplicar tinta por encima. Al
igual que en la anterior técnica, la idea es crear un sello. Por lo cual, una vez entintado, se
debe aplicar una hoja por encima del “módulo” y de esta manera generar la impresión. En
esta es observable el efecto de recorte que se genera donde cada módulo está limitado,
separado y diferenciado a partir de su contorno

3. En esta técnica, se debe usar la luz del sol, por lo cual hay que pegar la imagen, boceto, etc.
En la ventana y luego colocarle una hoja por encima y desde la misma simplemente pintar el
 volumen del objeto o rellenar con tramas o variar el trazo, etc. Esta técnica es mucho más
versátil, porque nos permite intervenir el mismo objeto de distintas maneras.

2 - Nivel connotativo: Es el nivel de la idea, el sentimiento y el significado. Es lo que evoca, qué

relaciones crea el espectador hacia el objeto y como lo interpreta, como recibe ese mensaje, que
expresa al recibirlo, cómo reacciona ante este, etc. Para que todo esto se logre, el objeto no solo
debe generar distinto tiempo de relaciones intencionadas hacia el espectador, desde su estética,
estilo y morfología. Sino que también debemos entender, que todo objeto adquiere un significado
diferente según el contexto en el que se encuentra. Pongamos de ejemplo una manzana:

- Una manzana rodeada de una serpiente expresa la tentación lo prohibido

- Una manzana mordida al lado de una mano tendida, puede significar que la misma es tóxica
- Una manzana en un árbol expresa vida, naturaleza

El contexto y los elementos del mismo, dotan al objeto de una narrativa o de una resignificación

- Diseño gráfico o diseñar es poner en juego estos elementos de resignificación hacia una
mejor interpretación externa del mensaje que deseamos comunicar. De esta manera,
trabajamos con las asociaciones mentales del espectador, pero a su vez también captamos
su atención a partir de diferentes expresiones, que generen un contraste en su percepción,
logrando de esta manera que un elemento pictórico se convierta en un punto de atención y a
su vez de paso al principio de la lectura del mensaje que hemos comunicado. Esta cualidad,
es lo que valoriza al mensaje, ya sea publicitario, señalético, etc. El diseño debe ser
congruente a la intención del mensaje, a la marca y demás, y desde ese campo definido,
construir diferentes maneras de ser significantes, diferenciales y correspondientes de
comunicar en pos de lograr los objetivos deseados. Como queremos ser vistos, generar
asociaciones entre la reacción ante el mensaje y quien lo comunica, reforzar posicionamiento
de la marca en el top of mind, etc.

La iteración de un objeto, puede crear otro objeto que puede o no tener una relación con el mismo

- Ejemplo: Un gusano, creado a partir de manzanas. Es otro objeto, creado desde un objeto
que presenta una relación, dado que es bastante frecuente encontrarlos en las mismas.
También podría ser una serpiente, usando el tallo de la manzana como lengua. Este es otro
ejemplo que expresa una relación cultural con el objeto base (la serpiente de la tentación)

Cuando este recurso, dota de significado al mensaje y el mismo es congruente con muchos
aspectos del anunciante (sobre todo en la publicidad) se crea un momento de genialidad y a
su vez de valorización de la acción. Dado que si este mensaje además de ser impactante,
también es simple de interpretar. El espectador creará la asociación entre la marca y su labor
frente a su necesidad. De esta manera se define la rentabilidad de la acción y del mensaje,
teniendo como resultado un anuncio exitoso
Otro aspecto importante de resignificación de un elemento, es el uso de analogías:

Ejemplo: Una manzana verde + un bombin negro = Representación minimalista de Magritte

- En este ejemplo se crea una resignificación desde lo cultural. Dado que dicho artista es
reconocido por utilizar a la manzana como elemento disruptivo de sus obras surrealistas.
Como en este caso la manzana es verde, la asociación es aún más consistente. Si por el
contrario fuera roja, tendríamos un índice del artista referenciado, pero a su vez creamos
cierta duda en la interpretación debido a la incongruencia del tipo de manzana, al cual se lo
ha caracterizado.

Tipografía

- Comunicar con palabras

Para entender la esencia de una letra, debemos entender sus trazos y hacernos la siguiente
pregunta: ¿Cuál es la cantidad de trazos mínima para representar la letra sin perder su significado?

- Cada letra tiene su anatomía y su morfología varía según el estilo de la fuente tipográfica.
Sin embargo, es un aspecto muy importante, entender que sin dicha estructura definida, la
letra a comunicar puede ser mal interpretada, afectando no solo a la composición sino
también a la legibilidad del mensaje

Una forma de interpretación mucho más sencilla de la estructura de una letra es comprenderla e
interpretarla como la anatomía humana. De hecho esto nos permite más adelante, generar
resignificaciones desde la misma.

Ejemplo: Podemos convertir una e en una cara sonriente de perfil, una cara comunicando, etc. Es
decir que al interpretar a la anatomía de las letras, tendremos la posibilidad de crear personajes con
su respectiva personalidad a partir de la morfología de la letra

Alineación de un texto

Se divide en 3 líneas imaginarias principales:

- La línea base, es parte central principal de la minúscula

- Altura en x es el alto de las minúsculas (Tip: para definir la altura correcta de las minúsculas,
debemos tipear una x y usarla como un módulo que delimite dicha característica en cada una
de las letras)
 - Aplica solo para las minúsculas dado que las mayúsculas tienen su propia altura

A partir de este punto, creamos la grilla en donde vamos a posicionar elemento, puesto que
tendremos:

- La altura de la mayúscula
- La altura de las minúsculas
- La línea base del texto

Sin embargo ciertas letras presentan 2 cualidades diferenciales: Ascendente y descendente

- La ascendente es una cualidad de la minúscula, la cual desde su forma presenta una altura
la misma altura que la mayúscula (Ejemplo: f)

- Descendente: es la cualidad contraria, donde la letra se posiciona por debajo de la línea base
(ejemplo: y,p)

Las letras romanas presentan 2 cajas:

Caja baja: minúsculas

Caja alta: mayúsculas (también llamadas capitulares/capitales))

Kerning (Letter space): Espacio entre letras

Word space: espacio entre palabras

Tracking: Kerning + Word space

Las medidas de las letras están dadas por el cuerpo o caja. Cada letra presenta una caja y esas cajas,
son lo que se conocen como puntos

- 1 pulgada = 72 puntos (72 puntos por pulgada (points per inch PPI)

Tamaños estándar: 120, 96, 72, 48, 36, 24. 12 pt, etc.

Titulos: 120, 92, 72 pt

Subtítulos: 48, 36, 24 pt
Texto: 12, 11, 10, 9 pt
Pie de página: 8, 4 pt

Justificación

Los textos de rango, son menos estructurados pero más amigables a la lectura. Mientras que los
justificados, son todo lo contrario, más estructurados pero más rígidos en su lectura
En tipografía tenemos los siguientes niveles

- El tipo de letra
- La familia tipográfica (variantes del mismo tipo de letra: Italic, bold, etc.)
- Fuente tipográfica (variante de la familia en base al tamaño)

Serif / Sans serif

Serif
- Old style: Tienen un contraste limitado entre los trazos gruesos y los finos
- Transitional: Tienen mayor contraste en los trazos gruesos que en los finos
- Modernas: Presentan una serifa más recta con un contraste más pronunciado entre los
trazos
- Egipcias: No tienen contraste entre los trazos, son muy constantes y parejas

Sans serif

- Grotesque: Se forman con un trazo uniforme que expresa un tipo de letra limpio y moderno

- Geometric: Al ser construidas geométricamente, son mucho más limpias, modernas e

uniformes

- Humanist: Simula el manuscrito, es decir es un tipo de letra estructurado pero presenta

ciertos desniveles, los cuales se generan a escribir en mano alzada

Black: Mayor peso de la tipografía / Light: Menor peso de la tipografía (Sombra y luz)
Condensed: Menor anchura de la tipografía / Extended: Mayor ancho de la tipografía

Peso:
- Extra black
- Black
- Bold
- Roman
- Light
Ancho
- Thin ultra condensed
- Ultra condensed
- Condensed
- Roman
- Extended

Cada tipografía tiene una forma de comunicar, ya sea denotativa o connotativa

Ejemplo: La palabra museo con un tipo de letra serif denota un museo antiguo a diferencia de una
sans serif que denota un museo mucho más moderno
- Al encontrar el tipo de letra podemos crear un sistema tipográfico del museo desde la
familia tipográfica. Como también generar una combinación entre 2 tipografías funcionales
entre sí

En cuanto a lo connotativo, no solo el tipo de letra puede comunicar diferentes voces o formas de
expresar una palabra, sino que también lo puede hacer la fuente tipográfica o cualquier intervención
que se le aplique

- La palabra “Rápido”, da una mayor sensación de velocidad si está escrita en itálica, dado que
su inclinación tiende hacia la derecha, la palabra se dota de dirección y aceleración

Al cambiar los pesos de las letras de una palabra podemos dar la sensación de volumen
sonoro, incremento de peso de una persona, transformación, etc.

La connotación tipográfica se base en que leemos palabras, pero también leemos la forma (voz con
la que se habla)

- La denotación es más pragmática

Forma y color

Las formas simples ayudan con el contraste agregar interés visual

- Si convertimos las formas en trazos abiertos podremos entender la dirección que pueden
comunicar.

Círculo abierto = giro

Triángulo abierto = direcciones diagonales y horizontal
Cuadrado abierto = direcciones rectas

Bauhaus

Contraste visual

- Simple: una forma geométrica / Compleja: una forma abstract

- Elemento pequeño / Elemento grande
- El elemento vertical se siente alto / el elemento horizontal corto
- Un elemento estrecho / un elemento ancho
- Elemento con poca profundidad / elemento con mucha profundidad
 - Elemento estático / elemento en movimiento (también se da por forma, los círculos tienden
al movimiento y los cuadrados a lo estático)
- Elementos claros / elementos oscuros
- Elementos suavizados / elementos duros (trazos)
- Elemento liviano (sin relleno) / elemento pesado (con relleno) (Línea / volumen)

Marcas, iconos y símbolos

Marcas = Formas gráficas (pueden ser abstractas, sueltas y orgánicas

- Están desprovistas de significado (no tienen connotación)

Marcas = Forma denotativa (un círculo es un círculo, un cuadrado es un cuadrado, etc.)

Iconos y Símbolos = Representan otras cosas

- Icono: Es una representación pictórica de un objeto

- Símbolo: Representa cosas abstractas: Ideas, constructos, etc.

Icono
- Pictórico
- Representa cosas actuales
- Son simples de entender
Símbolos
- No pictóricos
- Representan ideas, constructos, códigos
- Condicionan a que el sujeto aprenda el significado de estos para poder entenderlos

En el caso de los símbolos, si estos se modifican representan diferentes significados:

- El cristianismo es una cruz que tiene un extremo extendido

- Una cruz roja es relación de un hospital
- Una cruz verde es una farmacia
- Una x es un error

Figura y ambiente: Relación entre figura y fondo

- Las figuras en positivo representan algo relacionado a lo “bueno” y en negativo a lo malo

- Una figura dentro de otra dota a la misma de profunidad

 - El contraste de una figura, da una sensación de transparencia y si ambas formas son
agrupadas una encima de la otra, dan otra sensación, la de lejanía (el tamaño también es
otra cualidad que crea la sensación de lejanía)
Si colocamos las figuras circulares una encima de la otra en cierto ángulo, damos una
sensación tridimensional

Color

- Es una respuesta emocional (se relaciona con nuestra relación con la naturaleza)

Tono: Son las distancias de los rayos que produce la luz frente a un prisma. Dentro de los tonos,
tenemos al rojo como el rayo más distanciado del lado izquierdo y el magenta del lado derecho,
desde ahi se compone toda la paleta tonal o lo que se conoce como el espectro de color

Valor: De los claros a lo oscuro. Es decir de un rojo más claro a un rojo más oscuro, pasando por el
bordo y terminando con el negro

Saturación: Intensidad del color. Máxima saturación = Color puro / Mínima = decolorado

Circulo cromatico: Es una vuelta completa del espectro de color

- Colores análogos: colores situados a los laterales del seleccionado. Es decir, al tomar un
color principal, el colores que se encuentran a la izquierda y la derecha de este son los
análogos)

Ejemplo, si tomamos el azul, va tender hacia un azul oscuro o celeste

- Colores complementarios: colores situados del lado opuesto del color principal seleccionado.
Se refiere a que si tomamos un color del lado izquierdo del círculo, el lado derecho será su
complementario

Las tintas de color se dan al agregar más blanco a un color. En otras palabras el 100% del color es
el 0% de blanco

- Paleta de colores: Selección de una gama de colores específica para un diseño

RGB - Pantallas - Aditivo, la luz de cada color se suma entre sí para crear el blanco que es la luz
pura, a menos luz, colores más oscuros (Rojo, verde y azul, conforman el espectro de color)

CMYK - Impresión - Sustractivo - los colores Cian, magenta, amarillo sumados entre si crean en el
negro o el color key. Es decir que al sumarse los colores entre si, estos tienden a presentar colores
más oscuros
 - Este tipo de color en impresión implican una calibración, dado que si esta no esta alineada
con la mira de precisión, se generara el efecto moire
SPOT - Color directo - Colores específicos que no se pueden generar con la mezcla de CMYK

- Pantone, Munsell, Ral, etc.

Patrón: es la combinación entre formas y color, generando ritmo a través de la repetición de un

módulo específico

Composición

Es el arreglo y posicionamiento de elementos sobre un espacio para formar una pieza de diseño
gráfico

Dota de sentido una pieza gráfica (y conforma a todas las partes en un todo significativo)

- Centrar un objeto es funcional, pero también es familiar por lo cual se convierte en aburrido
- Los elementos equilibrados en los lados de un espacio generan simetría
- La regla de tercios evita la monotonía compositiva de una pieza gráfica

El rectángulo dorado por otra parte es una técnica compositiva más avanzada, pero que a su vez
proporciona de manera correcta los elementos

- Para dibujarlo, se debe partir un cuadrado a la mitad, luego trazar un círculo tomando los
vértices del cuadrado como radio de este. De esta forma tendremos una curvatura que
conecta con uno de los vértices del cuadrado, desde el cual trazaremos otro, que comience
desde el vértice recto hacia la intersección entre el rectángulo original y el perímetro del
círculo. Una vez obtenido el rectángulo dorado, podemos crear otro rectángulo dorado
dentro del rectángulo dorado original e ir creando la composición

- Esta proporción áurea va a ser nuestro guía para posicionar elementos en el espacio

Radio: angulo de un círculo

Diámetro: ancho del círculo, detallado con una recta
Perímetro: área del círculo

Contraste visual

Se da por:
 - Escala (Tamaño, proporción)
- Peso (Relleno, volumen)
- Espacio (Silencio, vacío)
- Dirección (Posición, tensión, eye tracking)
- Textura (tramas, relieves, etc)

Los contrastes visuales simples contrastan con los múltiples

Múltiples contrastes visuales contrastan con múltiples formas

- Escala + Forma
- Escala + Forma + Textura
- Escala + Forma + Textura + Dirección

- Peso + Forma
- Peso + Forma + Espacio
- Peso + Forma + Espacio + Escala
- Peso + Forma + Espacio + Escala + Dirección

Múltiples contrastes visuales contrastan con las formas tipográficas

- Se repiten los mismos conceptos pero con letras o palabras

Múltiples contrastes visuales contrastan con imágenes

- Nuevamente se repiten los conceptos pero con imagenes

Composición y encuadre

- Podemos comprender una composición pictórica al reemplazar elementos con simples

formas y desde ahí estudiar la jerarquía, que presenta cada una de ellas

A partir del encuadre podemos cambiar la jerarquía de la pieza, logrando un recorrido visual deseado
más óptimo

Composición en contexto

- Poner todos los elementos en conjunto para crear un todo armónico

Una correcta composición, tiene un fin comunicativo y ese fin puede crear una sinapsis de la esencia
de lo que se comunica
 - Ejemplo, si vemos la espada de Kylo-ren y dentro de la misma vemos la caída de Han Solo,
si bien es un spoiler, a la vez es un elemento significativo, que expresa objetivamente cual es
la película que damos a entender en nuestro póster
Tipos de composición

- Clásica o estática
- Libre o dinámica
- Continua
- Espiral
- Polifónica
- Camuflaje
- En capas

Estática: (Estabilidad) Tiene un eje central bien claro, tiende a la uniformidad, simétrica, quietud y
monotonía
Libre o dinámica: Plantea movilidad, evolución, transformación, inestabilidad, asimetría, contrastes,
ritmo alterno, no tiene reglas y se compone con diagonales
Composición continua: Narración continua, domina el campo gráfico sin un único centro de impacto
visual

Invita a que el ojo encuentre detalles en su recorrido. El ojo debe recorrer todo el mensaje y dentro
del mismo recorrido transitar la narrativa
Composición en espiral: Sentido de profundidad hacia afuera/adentro, dinamismo, movimiento, ritmo

Tiene un centro claro

Composición polifónica: Al menos dos temas compositivos desarrollados se complementan entre si
Expresa una partición del campo visual bien pronunciada

6. Camuflaje: Estrategia biológica de ocultación por imitación por entorno o desdibujando la propia
figura

- Hablar de lo que está, pero no está o quiere irse

7. En capas: Clara distinción entre 2 elementos por transparencia, superposición

Significaciones y asociaciones humanas en el campo gráfico

- Arriba: Cielo y espiritualidad

- Centro: Humanidad
- Bajo: Peso, atadura, bajo tierra

- Izquierda: Ingresó /pasado

- Medio: Permanencia / presente
- Derecha: Egreso / futuro

Ritmo
Tipos de ritmo

- Monótono: Repetición de un elemento de manera regular

- Alterno: Repetición de elementos con variaciones

Se pueden combinar entre sí

- Creciente y decreciente: Ritmo dado por la dirección y el tamaño de los elementos

En occidente leemos de izquierda a derecha y de arriba hacia abajo

Se obtiene por:

- Repetición: Con uno o varios elementos (Trama o patrón)

 - Transición: Con uno o varios elementos iguales que cambian su ubicación

- Oposición: Con formas o colores opuestos (volúmenes imposibles, irrealidad, idea de infinito,
etc.)

- Gradación: Cambio de escalas de los elementos (funciona como una gradiente)

- Radiación: Elementos organizados en torno a un centro

Concepto

Idea central que funciona como paraguas de otros subconceptos y cada uno de estos posee una idea

- El concepto responde al objetivo solicitado