INTRODUCCIÓN AL

DISEÑO GRÁFICO

LA METRO
INTRODUCCIÓN AL
DISEÑO GRÁFICO
CLASE 1
LA METRO
BREVE
HISTORIA
BREVE
HISTORIA
TOR
O Grabado en piedra
con jeroglíficos y
papiros La imprenta
(Egipto) Kelmscott de William
Morris publica “Arts
and Crafts” - uno de
15.000 los productos gráficos
10.000 AC 105 500 1760 más significativos.

2500 AC 1400 1880 - 1910

En China se Obras escritas en Gutemberg crea
inventa el papel papel, gran poder los tipos móviles:
comunicativo y imprenta
belleza al Era Industrial
Pintura rupestre
aplicarles colorido (Desarrollo de la
(Cueva de Altamira,
y elementos Publicidad)
España)
gráficos
BREVE Realismo Punk

HISTORIA
Art Decó histórico New Wave
(propaganda)

Soy “diseñador
gráfico”
Modernismo
1922
Art Nouveau W. A.
Dwiggins
Grunge

Flat
1984
1890-1920 1920 1930 1950 1960 1969
1915 - 1916
Suprematismo
1916
Dada Pop Art
Psicodélico
1919 - 1923
Bauhaus
1907 - 1914
Cubismo Macintosh crea
el primer
ordenador de
mesa

1917
De Stijl ‘El Estilo’
1920 Kitsch Estilo internacional
Futurismo o suizo

Ver Anexo
CONCEPTOS
ESENCIALES
CONCEPTOS
ESENCIALES
¿Qué es Diseño Gráfico?
Diseño gráfico es la acción de concebir, programar,
proyectar y realizar comunicaciones visuales,
producidas en general por medios industriales y
destinadas a transmitir mensajes específicos a
grupos determinados.
CONCEPTOS
ESENCIALES
El diseño es un proceso de creación visual con un propósito.
A diferencia de la pintura y otras artes visuales, cubre
exigencias prácticas.
La función del diseño gráfico no es crear formas, sino
mensajes… a través del método del diseño, construye
mensajes con medios visuales.
CONCEPTOS
ESENCIALES
¿Qué es Comunicación Visual?
Es prácticamente todo lo que ven nuestros ojos.

Cada elemento que podemos visualizar, lo estamos

interpretando y automáticamente nuestro cerebro
desarrolla una serie de significados y
connotaciones.

Se puede proceder al menos a dos distinciones:

la comunicación puede ser intencional o casual si
nos posicionamos en el rol de emisor.
CONCEPTOS
ESENCIALES
Cada receptor tiene algo que podríamos llamar
filtros, a través de los cuales ha de pasar el
mensaje para que sea recibido.

Filtros que pueden ser sensoriales, culturales,

operativos, etc.
CONCEPTOS
ESENCIALES
Está al servicio de
la comunicación,
en asistencia con
otras disciplinas.
CONCEPTOS
ESENCIALES
[...] “El diseñador da forma visual a las comunicaciones. Éste no es
un acto simple, donde las opciones posibles pueden alinearse de la
mejor a la peor. Los procesos de decisión en el diseño de
comunicación visual se caracterizan por implicar muchas variables, y
la información disponible acerca de ellas es siempre incompleta.

Los diseñadores siempre deben tratar de basar sus decisiones, tanto

como sea posible, en información confiable y explicable, pero el
proceso de dar forma. siempre requiere un “salto al vacío”, de una
serie de recomendaciones hasta la creación de una forma visual; es
un proceso que precisa demasiadas decisiones para que puedan ser
tomadas en una forma lineal y digitalmente controlada…

Jorge Frascara, Diseño Gráfico para la Gente

CONCEPTOS
ESENCIALES
Creatividad y comunicación
No se trata de ser creativo o ser entendido.
Claridad no se opone a creatividad en diseño de comunicación.

El uso creativo de la claridad de un mensaje puede en algunos

casos ayudar para hacer que mensajes sumamente complejos
parezcan simples. Todo depende del objetivo del diseño.

La creatividad en diseño requiere inteligencia objetiva y flexible que

permita analizar cada problema desde una multitud de puntos de vista.
CONCEPTOS
ESENCIALES
Comunicación y estética
Tampoco se trata de elegir entre comunicación o estética.

Lo estético representa uno de los requerimientos a satisfacer

en diseño gráfico. Dentro del enfoque adecuado.

Toda pieza de comunicación visual nace de la necesidad de

transmitir un mensaje específico. No se puede juzgar solo por su
sofisticación visual.
CONCEPTOS
ESENCIALES
Todo acto de creación tiene como primera razón
satisfacer una necesidad humana, ya sea material o
no material. Y estas necesidades contienen dos
aspectos, uno de función y otro de expresión. Pero
para poder evaluar cualquier diseño, es necesario
conocer su causa primera…

Scott (2000)
LENGUAJE
VISUAL
COMUNICACIÓN
VISUAL
El lenguaje visual
Siempre que se diseña, se grafica, se pinta, construye, esculpe o
gesticula, la sustancia visual de la obra se extrae de una lista
básica de elementos. Y no hay que confundir los elementos
visuales con los materiales de un medio, con la madera, el yeso,
la pintura o la película plástica.

Los elementos visuales constituyen la sustancia básica de lo

que vemos y su número es reducido: punto, línea, contorno,
dirección, tono, color, textura, dimensión, escala y movimiento.
Aunque sean pocos, son la materia prima de toda la información
visual que está formada por elecciones y combinaciones
selectivas.
La estructura del trabajo visual es la fuerza que determina qué
elementos visuales están presentes y con qué énfasis.
COMUNICACIÓN
VISUAL
El lenguaje visual

El cual es reconocible gracias a

los factores que participan en
la comunicación:

Emisor Mensaje Receptor

“El lenguaje visual, contrario al

lenguaje verbal, no posee normas Código
gramaticales y se abarca a través de
elementos de diseño. Estos
elementos vendrán a ser los que
determinan la apariencia final y el
contenido del diseño” Wong (1998)
Contexto
ELEMENTOS
ESENCIALES
Elementos conceptuales

No son visibles. No existen.

En realidad son terminaciones,
intersecciones y límites en las
formas que vemos. Punto

Línea
Volumen
Plano
ELEMENTOS
ESENCIALES
Elementos visuales

Forma Medida Color *

Textura
Todo lo que pueda ser Todas las formas tienen un Una forma se distingue Esto refiere a las
visto posee una forma tamaño. El cual es relativo si por su diferencia de características de la
que aporta la lo describimos en términos luminosidad con superficie, que pueden
identificación principal de pequeño o grande, pero respecto al contexto ser planas, decoradas,
de nuestra percepción. así mismo son físicamente que la contiene. rugosas… visuales y/o
mesurables. táctiles.
ELEMENTOS
ESENCIALES
Elementos visuales

Diseñar una forma

Forma
La forma es la identificación principal de la
percepción, y dentro del diseño es la parte más
evidente.
Es un objeto concreto, definido y delimitado por
medio de contornos.
Diseñar una composición.
ELEMENTOS
ESENCIALES
Elementos visuales

Forma: el punto
El punto es la unidad básica de los elementos visuales.
Aislado, carece de dirección pero puede provocar un
marcado carácter de atención.
Su característica principal es el tamaño, muy pequeño y su
simple forma circular.
ELEMENTOS
ESENCIALES
Elementos visuales

Forma: la línea
Se dice que es el punto en movimiento, posee
mayor longitud que ancho. La línea delimita a su
vez los bordes de un plano y esta está delimitada
en sus extremos por puntos.
ELEMENTOS
ESENCIALES
Elementos visuales

Geométricas

Forma: el plano Abstractas Orgánicas

La línea al cerrarse sobre sí misma,

se transforma en un contorno y con
ello produce una forma.

También podemos incluir el

término “figura”
Figurativas Verbales A
ELEMENTOS
ESENCIALES
Elementos visuales

Geométricas Orgánicas Abstractas

Figurativas Figurativas Verbales Abstractas

ELEMENTOS
ESENCIALES
Elementos visuales

Direcciones
de las formas
Todos los contornos básicos expresan
tres direcciones visuales básicas y
significativas: horizontal, vertical,
diagonal y curva.
ELEMENTOS
ESENCIALES
Elementos visuales

Forma: el volumen
En un diseño bi-dimensional el volumen es
conceptual.
Se percibe por medio de proyecciones de
profundidad y perspectiva.
ELEMENTOS
ESENCIALES
Elementos visuales
ELEMENTOS
ESENCIALES
Elementos visuales

Distanciamiento Toque Superposición

Interrelación
de formas
Penetración Unión Sustracción
Las formas pueden presentar
diversas formas de encuentro
y contacto entre si.

Intersección Coincidencia
ELEMENTOS
ESENCIALES
Elementos visuales

Actividades
De forma De tamaño De color De dirección

Repetición

de las formas
El universo bi-dimensional puede
percibirse estático, pero a través de la
repetición y traslación de las formas en
el espacio, podemos generar direcciones,
movimiento y estructuras por donde
deslizar la atención.
Ritmo Multiplicación Rotación
ELEMENTOS
ESENCIALES
Elementos visuales

Movimiento
La sugestión de movimiento en
formulaciones visuales estáticas es más
difícil de conseguir sin distorsionar la
realidad, pero está implícita en todo lo que
vemos. Deriva de nuestra experiencia
completa de movimiento en la vida.
ELEMENTOS
ESENCIALES
Elementos visuales

Medida
En términos de objetividad la medida se refiere a las
dimensiones literales de la representación.
Subjetivamente la medida se refiere a la impresión del
tamaño del objeto, con respecto al observador (también
influye la distancia y el contexto)
ELEMENTOS
ESENCIALES
Elementos visuales

Color
Los bordes en que la línea se usa para representar de modo
aproximado o detallado, suelen aparecer en forma de
yuxtaposición de tonos, es decir, de intensidades de oscuridad o
claridad del objeto visto. Vemos gracias a la presencia o
ausencia relativa de luz, pero la luz no es uniforme en el entorno
ya sea su fuente el sol, la luna o los aparatos artificiales.
ELEMENTOS
ESENCIALES
Elementos visuales

Textura
Óptica o táctil es el carácter superficial de los
materiales visuales.
La textura decorativa u ornamental adorna la superficie de
una figura. Su función es entonces un agregado que si se
suprime no afecta a las figuras y sus interrelaciones.
ESTRUCTURA
ESTRUCTURA
La Estructura

Siempre está

La estructura impone un orden y predetermina

las relaciones de las formas dentro del diseño.
Podemos creer que no existe, pero siempre
partimos de una.
ESTRUCTURA
La Estructura

“La experiencia visual es dinámica y la mente se

encarga de organizar toda la información
percibida, no como elementos solitarios, sino
como tensiones que surgen de las relaciones y
variaciones de tamaño, forma, ubicación o color
de cada elemento.
La estructura es aquella que se encarga de
gobernar la posición de las formas en un diseño.”
ESTRUCTURA
La Estructura

Formal
ESTRUCTURA
La Estructura

Informal
ESTRUCTURA
La Estructura

Visible Invisible
ESTRUCTURA
La Estructura

Repetición y
retícula básica
Cuando se colocan módulos en forma regular
y con un espacio igual alrededor de ellos, se
habla de la estructura de repetición.
Se considera la más simple de todas y suele
usarse para la creación de patrones o motivos
que cubren grandes superficies.
ESTRUCTURA
La Estructura

>>> Más ejemplos, con hermosa animación

E “El diseñador gráfico trabaja en la interpretación,
el ordenamiento y la presentación visual de mensa-
jes. Su sensibilidad para la forma debe ser paralela
a su sensibilidad para el contenido”

Frascara
FIN
CLASE 01
ANEXO