Fundamentos del diseo.

Formas primarias
[1.1] Cmo estudiar este tema?
[1.2] Qu es el diseo grfico?
[1.3] Formas primarias
[1.4] El punto, la lnea y el rea

TEMA

[1.5] Dinamismo, nfasis y contraste

Diseo y edicin

Esquema

TEMA 1 Esquema

Diseo y edicin

Ideas clave
1.1. Cmo estudiar este tema?
Para estudiar este tema lee el captulo 1 (pginas 28-35) del manual de la
asignatura: Manual de diseo grfico digital, de Bob Gordon y Maggie Gordon
(Editorial Gustavo Gili, SL), adems de las Ideas clave.
En este tema tambin debers leer Las leyes de la Gestalt, que encontrars en el
siguiente enlace:
http://www.mindmatic.com.ar/gestalt.pdf
En este tema analizaremos:
Qu es el diseo grfico.
Cules son sus principios fundamentales.

1.2. Qu es el diseo grfico?

La definicin actual del Diseo Grfico o Diseo de Comunicacin Visual es,
segn ICOGRADA (Consejo internacional de diseo grfico y comunicacin visual
profesional), una actividad intelectual, tcnica y creativa que se ocupa no slo de la
produccin de imgenes, sino tambin del anlisis, organizacin y mtodos de
presentacin de soluciones visuales a problemas de comunicacin.
ICOGRADA (Consejo internacional de diseo grfico y comunicacin visual profesional)
http://www.icograda.org/

Bruce y Cooper sealan que el diseo es un proceso que comienza con una idea
descrita en un brief o listado de requerimientos y termina con un producto
o material visual para su manufactura o implementacin.
BRUCE, M. and COOPER, R. ed. Marketing and Design Management.
Thompson Business Press. England. 1997.

TEMA 1 Ideas clave

Diseo y edicin

La tarea del diseador consiste en:

Gestar la idea en la que se fundamentar el mensaje.
Programar el trabajo grfico.
Proyectar el trabajo en base a herramientas, necesidades y finalidad.
Producir el mensaje visual (utilizando una esttica y unos elementos grficos
apropiados al mensaje visual que produce).
Caractersticas que ha de poseer un diseo:
Cada uno de los elementos del diseo ha de tener una funcionalidad, sin que estos
interfieran unos con otros, es decir, que el conjunto de elementos del diseo forme
un mensaje visual congruente.
El diseo debe comunicar el mensaje de una manera clara y directa. Las
decisiones estticas y creativas han de ser acertadas para la eficacia de la
comunicacin del mensaje visual.
Fases de la elaboracin de un mensaje visual:
Se debe planificar la idea principal, que se ha de transmitir mediante el mensaje
visual.
Se debe estudiar, comparar y seleccionar el pblico al que se dirigir el
mensaje.
Se debe estudiar el uso y la combinacin de elementos (color, forma, tamao,
imagen, posicin, etc.) que se utilizarn en el mensaje visual para que este sea
atractivo y eficaz.
Esta combinacin de los diferentes elementos del diseo determinar a travs de la
atraccin, la motivacin o el inters, el xito de la comunicacin visual.

TEMA 1 Ideas clave

Diseo y edicin

En resumen, el diseo es la forma visual en la que se hace llegar al pblico

nuestro mensaje. Para la consecucin de un diseo correcto hemos de ceirnos a
tres requisitos indispensables que este debe cumplir:
Debemos poseer suficiente informacin sobre el producto en el que se centra
el diseo.
Debemos realizar una eleccin de una esttica apropiada y unos elementos
grficos adecuados.
Debemos componer con estos elementos un diseo que resulte atractivo,
interesante y motivador al pblico objetivo al que va dirigido.

1.3. Formas primarias

Las formas primarias en las que se puede dividir y simplificar toda realidad que nos
rodea son el cuadrado, el crculo y el tringulo, adems de sus formas
tridimensionales, el cubo, la esfera y la pirmide.
El cuadrado:
o Es una forma esttica, firme y slida, da
impresin de inamovilidad.
o No indica una direccin, ni da sensacin
alguna de dinamismo.
o Cumple la funcin de enmarcar una imagen o
un texto, lo excluye, lo incluye, puede atraer la
atencin hacia l o simplemente puede definir un
rea.
o El rectngulo es un caso especfico del
cuadrado, es la misma forma con diferentes dimensiones. Adems de las
funcionalidades anteriormente citadas en el cuadrado, la funcin principal del
rectngulo es la de dirigir la mirada a lo largo de su anchura y allende esta.

TEMA 1 Ideas clave

Diseo y edicin

El crculo:
o Es un foco de atencin visual.
o El crculo invita al ojo a realizar un recorrido
visual alrededor de s mismo.

El tringulo:
o Es una forma equilibrada y estable, su
base parece asentarse firme.
o Sugiere dinamismo e indica direccin,
pues

sus

vrtices

direcciones

en

proporciones
proporcionndole

el

apuntan

espacio,

adems

se

pueden
un

fuerte

diferentes
sus

alterar
sentido

direccional.

1.4. El punto, la lnea y el rea

Son los elementos ms bsicos y fundamentales en que se puede descomponer el
lenguaje visual.
El punto:
o Es la unidad mnima de comunicacin visual:
Un nico punto indica posicin y es el centro de atencin visual.
Dos puntos indican posicionamiento relativo.
Tres puntos crearn un tringulo imaginario.
Ms puntos formarn figuras ms complejas.
La lnea:
o Sugiere direccin y gua la mirada.
o La utilizacin de varias lneas produce perspectiva, sugiere formas complejas,
delimita espacios, encierra imgenes, formas o textos, divide el espacio, puede
enfatizar una parte de ese espacio o simplemente funcionar como marcas
visuales.

TEMA 1 Ideas clave

Diseo y edicin

El rea:
o Es el plano o el espacio definido y es un contenedor visual de los diferentes
elementos que alberga.
o Genera energa dentro del diseo por su uso del espacio y puede dirigir la mirada
enfocndola en un elemento u otro.
La divisin de un rea de trabajo en partes iguales da un sentido esttico a la
composicin, mientras una divisin desigual de estas partes transmite dinamismo.

1.5. Dinamismo, nfasis y contraste

El contraste de estos modos de nfasis permite y mantiene el inters visual, ya

que estas oposiciones entre tamaos, pesos, colores y ubicacin de elementos dentro
del rea definida enfatizan unos elementos y atraen la atencin sobre ellos.

TEMA 1 Ideas clave

Diseo y edicin

Lo + recomendado
Clases magistrales
La percepcin y el diseo
Duracin: 10:00 min.
En esta clase magistral haremos una
introduccin
mediante

un

de

la

asignatura

paseo

por

los

fundamentos de la imagen visual y

la percepcin. Tambin haremos un
acercamiento a la teora de la
Gestalt.

El video est disponible en el aula virtual

No dejes de leer
El diseo grafico y el cine
El siguiente artculo de Ciro Palacios recoge la relacin entre el cine y el diseo grfico a
travs de la cartelera y los ttulos de crdito de Saul Bass.
El artculo est disponible en el aula virtual o en la siguiente direccin web:
http://www.ulima.edu.pe/Revistas/contratexto/v1/pdf/06ciro.pdf

TEMA 1 Lo + recomendado

Diseo y edicin

No dejes de ver
Milton Gaser
Corto realizado por Hillman Curtis acerca
de Milton Gaser, una de las leyendas del
diseo grfico y autor de trabajos tan
icnicos como el smbolo I Love New
York o la Silueta multicolor de Bob
Dylan.

El vdeo est disponible en el aula virtual o en la siguiente direccin web:

http://www.hillmancurtis.com/index.php?/film/watch/milton_glaser/

El hombre del brazo de oro

Ao: 1955
Duracin: 119 min.
Pas: Estados Unidos
Director: Otto Preminger
Reparto: Frank Sinatra, Eleanor Parker, Kim Novak, Arnold
Stang, Darren McGavin, Robert Strauss, John Conte, Doro
Merande, George E. Stone, George Mathews, Leonid Kinskey,
Emile Meyer
Esta pelcula de Otto Preminger supuso una revolucin de los ttulos de crdito
cinematogrficos, creados por Saul Bass.

TEMA 1 Lo + recomendado

Diseo y edicin

Leyes de la Gestalt
Este vdeo contiene ejemplos visuales
de la teora de la percepcin de los
psiclogos de la Gestalt.

El vdeo est disponible en el aula virtual o en la siguiente direccin web:

http://www.youtube.com/watch?v=y7L1isPZbdg

La proporcin urea
Vdeo explicativo de la proporcin
urea,

norma

de

proporciones

armnicas.

El vdeo est disponible en el aula virtual o en la siguiente direccin web:

http://www.youtube.com/watch?v=8TOyxTDJX2c

TEMA 1 Lo + recomendado

Diseo y edicin

+ Informacin
A fondo
Los formatos de Papel ISO y DIN
Artculo explicativo de los diferentes formatos de papel estandarizados. Estos tamaos
ISO y DIN estn estandarizados y divididos en series, cada una de las cuales est
pensada para un uso concreto que condiciona sus proporciones.
El artculo est disponible en el aula virtual o en la siguiente direccin web:
http://www.gusgsm.com/los_formatos_de_papel_iso_y_din_formatos_metricos

Webgrafa
Milton Glaser
Web sobre el diseador grfico Milton Glaser, ilustrador y diseador muy famoso y
prolfico conocido por sus diseos para discos y libros. En esta web podremos
encontrar informacin sobre su vida y muchas reseas de sus trabajos.

http://www.miltonglaser.com/

TEMA 1 + Informacin

Diseo y edicin

Saul Bass
Web sobre el diseador grfico Saul Bass, donde encontrars vdeos, psters, biografa
y otros contenidos. En la web hay mucha informacin sobre su trabajo en carteles y
ttulos de crdito para pelculas.

http://saulbass.tv/

Museo Internacional del Diseo Contemporneo

Pgina web del Museo Internacional del Diseo Contemporneo de Londres.

http://designmuseum.org/

TEMA 1 + Informacin

Diseo y edicin

Visual
Web de la revista Visual, un magazine de diseo, creatividad grfica y comunicacin. La
web posee mucho contenido informativo sobre diseos, campaas y artculos de
opinin y entrevistas muy interesantes.

http://visual.gi/

Neo2
Web de la revista de tendencias visuales Neo2, magazine de diseo grfico, fotografa,
diseo industrial, diseo de moda, tipografa, publicaciones y tendencias.

http://www.neo2.es/blog/

Cosas visuales
En el siguiente enlace encontrars un blog sobre comunicacin visual, con entradas
muy interesantes sobre diseo web y editorial. Un blog de referencia para cualquier
diseador o aficionado al diseo.

http://www.cosasvisuales.com/

TEMA 1 + Informacin

Diseo y edicin

Bibliografa
SOLANA, G. y BONEU, A. Uncredited: Diseo grafico y Ttulos de crdito. Index Book.
China. 2007.
WONG, W. Fundamentos del diseo. Gustavo Gili. Barcelona. 2002.

TEMA 1 + Informacin

Diseo y edicin

Test
1. El crculo, el tringulo y el cuadrado son:
A. Formas estticas que embellecen cualquier comunicacin visual.
B. Formas de composicin nicas que se manejan independientemente en una
composicin.
C. Formas elementales en cualquier diseo, base de cualquier composicin.
D. Elementos bsicos en que puede descomponerse el lenguaje visual.
2. Las caractersticas del diseador que sirven para desarrollar su capacidad de resolver
problemas es:
A. Imaginacin, originalidad e investigacin.
B. Saber manejar bien los programas y ser un buen comunicador.
C. Ser observador y crtico.
D. Sus dotes para la ilustracin.
3. El arte y el diseo se diferencian en que:
A. El arte comunica el sentimiento de una persona especfica. Mientras que el
diseo comunica el sentimiento de un cliente.
B. El arte consiste en expresar la esencia del artista y el diseo cumple con un
objetivo comunicativo especfico.
C. El arte es producto de la inspiracin y el diseo es producto del mercado.
D. El diseo es una forma de arte.
4. Los campos de trabajo del diseador son:
A. Solamente agencias y canales de televisin.
B. Solo en los objetos artsticos.
C. En todos los campos de trabajo, el diseo se aplica en todas partes.
D. Diseo para papel y diseo para web.
5. La composicin es:
A. Agrupar o discriminar elementos dentro de un arreglo visual con el fin de
transmitir algo o provocar una reaccin.
B. Agrupar elementos para que se vea bien.
C. Parte de un texto.
D. El proceso de creacin de un diseo.

TEMA 1 Test

Diseo y edicin

6. Cul de las siguientes tcnicas es la ms utilizada para llamar la atencin en el

diseo?
A. El uso de tipografas semejantes.
B. El contraste.
C. El uso de colores monocromticos.
D. El uso de maysculas.
7. Un diseador es:
A. Un profesional que centra su inters en la esttica para comunicar valores
como la ecologa, la poltica y la moral.
B. Un profesional que centra su inters en la funcionalidad para comunicar
eficazmente dentro de un mercado preestablecido.
C. Un profesional que centra su inters en la tica, para comunicar belleza.
D. Un profesional de la comunicacin visual.
8. Comunicacin visual es:
A. Todo lo que vemos y nos rodea con la intencin de convencer y atraer, o
simplemente sin ninguna intencin en particular.
B. El uso de puntos, lneas, textos y dems elementos para transmitir un mensaje.
C. El uso de texturas, formas y estructuras para transmitir maneras de pensar.
D. El uso de conceptos abstractos destinados a convencer de una realidad al
receptor.
9. Se entiende por continuidad:
A. El uso de lneas onduladas y quebradas en un discurso visual.
B. El alargamiento de un objeto ms all de la realidad fsica que es creado por la
mente.
C. Realizar dibujos de planos.
D. Es un pequeo cambio en la variable de una curva.
10. Se entiende por cerramiento:
A. El uso de crculos, cuadrados y tringulos para crear un discurso visual.
B. Un elemento del diseo.
C. Crear en la mente la visualizacin de completar una figura que se encuentra
fsicamente abierta.
D. Incapacidad de realizar asociaciones visuales abstractas.

TEMA 1 Test