Fundamentos del diseño.

Formas primarias
[1.1] ¿Cómo estudiar este tema?

[1.2] ¿Qué es el diseño gráfico?

[1.3] Formas primarias

[1.4] El punto, la línea y el área

[1.5] Dinamismo, énfasis y contraste

TEMA
 Diseño y edición

Esquema

TEMA 1 – Esquema
 Diseño y edición

Ideas clave

1.1. ¿Cómo estudiar este tema?

Para estudiar este tema lee el capítulo 1 (páginas 28-35) del manual de la
asignatura: Manual de diseño gráfico digital, de Bob Gordon y Maggie Gordon
(Editorial Gustavo Gili, SL), además de las Ideas clave.

En este tema también deberás leer Las leyes de la Gestalt, que encontrarás en el
siguiente enlace:
http://www.mindmatic.com.ar/gestalt.pdf

En este tema analizaremos:

Qué es el diseño gráfico.

Cuáles son sus principios fundamentales.

1.2. ¿Qué es el diseño gráfico?

La definición actual del Diseño Gráfico o Diseño de Comunicación Visual es,

según ICOGRADA (Consejo internacional de diseño gráfico y comunicación visual
profesional), “una actividad intelectual, técnica y creativa que se ocupa no sólo de la
producción de imágenes, sino también del análisis, organización y métodos de
presentación de soluciones visuales a problemas de comunicación”.

ICOGRADA (Consejo internacional de diseño gráfico y comunicación visual profesional)

http://www.icograda.org/

Bruce y Cooper señalan que el diseño 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 implementación.

BRUCE, M. and COOPER, R. ed. Marketing and Design Management.

Thompson Business Press. England. 1997.

TEMA 1 – Ideas clave

 Diseño y edición

La tarea del diseñador consiste en:

Gestar la idea en la que se fundamentará el mensaje.

Programar el trabajo gráfico.
Proyectar el trabajo en base a herramientas, necesidades y finalidad.
Producir el mensaje visual (utilizando una estética y unos elementos gráficos
apropiados al mensaje visual que produce).

Características que ha de poseer un diseño:

Cada uno de los elementos del diseño ha de tener una funcionalidad, sin que estos
interfieran unos con otros, es decir, que el conjunto de elementos del diseño forme
un mensaje visual congruente.

El diseño debe comunicar el mensaje de una manera clara y directa. Las

decisiones estéticas y creativas han de ser acertadas para la eficacia de la
comunicación del mensaje visual.

Fases de la elaboración 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 público al que se dirigirá el
mensaje.
Se debe estudiar el uso y la combinación de elementos (color, forma, tamaño,
imagen, posición, etc.…) que se utilizarán en el mensaje visual para que este sea
atractivo y eficaz.
Esta combinación de los diferentes elementos del diseño determinará a través de la
atracción, la motivación o el interés, el éxito de la comunicación visual.

TEMA 1 – Ideas clave

 Diseño y edición

En resumen, el diseño es la forma visual en la que se hace llegar al público

nuestro mensaje. Para la consecución de un diseño correcto hemos de ceñirnos a
tres requisitos indispensables que este debe cumplir:

Debemos poseer suficiente información sobre el producto en el que se centra

el diseño.
Debemos realizar una elección de una estética apropiada y unos elementos
gráficos adecuados.
Debemos componer con estos elementos un diseño que resulte atractivo,
interesante y motivador al público 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 círculo y el triángulo, además de sus formas
tridimensionales, el cubo, la esfera y la pirámide.

El cuadrado:

o Es una forma estática, firme y sólida, da

impresión de inamovilidad.
o No indica una dirección, ni da sensación
alguna de dinamismo.
o Cumple la función de enmarcar una imagen o
un texto, lo excluye, lo incluye, puede atraer la
atención hacia él o simplemente puede definir un
área.
o El rectángulo es un caso específico del
cuadrado, es la misma forma con diferentes dimensiones. Además de las
funcionalidades anteriormente citadas en el cuadrado, la función principal del
rectángulo es la de dirigir la mirada a lo largo de su anchura y allende esta.

TEMA 1 – Ideas clave

 Diseño y edición

El círculo:

o Es un foco de atención visual.

o El círculo invita al ojo a realizar un recorrido
visual alrededor de sí mismo.

El triángulo:

o Es una forma equilibrada y estable, su

base parece asentarse firme.
o Sugiere dinamismo e indica dirección,
pues sus vértices apuntan a diferentes
direcciones en el espacio, además sus
proporciones se pueden alterar
proporcionándole un fuerte sentido
direccional.

1.4. El punto, la línea y el área

Son los elementos más básicos y fundamentales en que se puede descomponer el

lenguaje visual.

El punto:
o Es la unidad mínima de comunicación visual:
ƒ Un único punto indica posición y es el centro de atención visual.
ƒ Dos puntos indican posicionamiento relativo.
ƒ Tres puntos crearán un triángulo imaginario.
ƒ Más puntos formarán figuras más complejas.

La línea:
o Sugiere dirección y guía la mirada.
o La utilización de varias líneas produce perspectiva, sugiere formas complejas,
delimita espacios, encierra imágenes, formas o textos, divide el espacio, puede
enfatizar una parte de ese espacio o simplemente funcionar como marcas
visuales.

TEMA 1 – Ideas clave

 Diseño y edición

El área:
o Es el plano o el espacio definido y es un contenedor visual de los diferentes
elementos que alberga.
o Genera energía dentro del diseño por su uso del espacio y puede dirigir la mirada
enfocándola en un elemento u otro.

La división de un área de trabajo en partes iguales da un sentido estático a la

composición, mientras una división desigual de estas partes transmite dinamismo.

1.5. Dinamismo, énfasis y contraste

El contraste de estos modos de énfasis permite y mantiene el interés visual, ya

que estas oposiciones entre tamaños, pesos, colores y ubicación de elementos dentro
del área definida enfatizan unos elementos y atraen la atención sobre ellos.

TEMA 1 – Ideas clave

 Diseño y edición

Lo + recomendado

Clases magistrales

La percepción y el diseño
Duración: 10:00 min.

En esta clase magistral haremos una

introducción de la asignatura
mediante un paseo por los
fundamentos de la imagen visual y
la percepción. También haremos un
acercamiento a la teoría de la
Gestalt.

El video está disponible en el aula virtual

No dejes de leer…

El diseño grafico y el cine

El siguiente artículo de Ciro Palacios recoge la relación entre el cine y el diseño gráfico a
través de la cartelería y los títulos de crédito de Saul Bass.

El artículo está disponible en el aula virtual o en la siguiente dirección web:

http://www.ulima.edu.pe/Revistas/contratexto/v1/pdf/06ciro.pdf

TEMA 1 – Lo + recomendado
 Diseño y edición

No dejes de ver…

Milton Gaser

Corto realizado por Hillman Curtis acerca

de Milton Gaser, una de las leyendas del
diseño gráfico y autor de trabajos tan
icónicos como el símbolo “I Love New
York” o la “Silueta multicolor de Bob
Dylan”.

El vídeo está disponible en el aula virtual o en la siguiente dirección web:

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

El hombre del brazo de oro

Año: 1955
Duración: 119 min.
País: 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 película de Otto Preminger supuso una revolución de los títulos de crédito
cinematográficos, creados por Saul Bass.

TEMA 1 – Lo + recomendado
 Diseño y edición

Leyes de la Gestalt

Este vídeo contiene ejemplos visuales

de la teoría de la percepción de los
psicólogos de la Gestalt.

El vídeo está disponible en el aula virtual o en la siguiente dirección web:

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

La proporción áurea

Vídeo explicativo de la proporción

áurea, norma de proporciones
armónicas.

El vídeo está disponible en el aula virtual o en la siguiente dirección web:

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

TEMA 1 – Lo + recomendado
 Diseño y edición

+ Información

A fondo

Los formatos de Papel ISO y DIN

Artículo explicativo de los diferentes formatos de papel estandarizados. Estos tamaños

ISO y DIN están estandarizados y divididos en series, cada una de las cuales está
pensada para un uso concreto que condiciona sus proporciones.

El artículo está disponible en el aula virtual o en la siguiente dirección web:

http://www.gusgsm.com/los_formatos_de_papel_iso_y_din_formatos_metricos

Webgrafía

Milton Glaser

Web sobre el diseñador gráfico Milton Glaser, ilustrador y diseñador muy famoso y
prolífico conocido por sus diseños para discos y libros. En esta web podremos
encontrar información sobre su vida y muchas reseñas de sus trabajos.

http://www.miltonglaser.com/

TEMA 1 – + Información
 Diseño y edición

Saul Bass

Web sobre el diseñador gráfico Saul Bass, donde encontrarás vídeos, pósters, biografía
y otros contenidos. En la web hay mucha información sobre su trabajo en carteles y
títulos de crédito para películas.

http://saulbass.tv/

Museo Internacional del Diseño Contemporáneo

Página web del Museo Internacional del Diseño Contemporáneo de Londres.

http://designmuseum.org/

TEMA 1 – + Información
 Diseño y edición

Visual

Web de la revista Visual, un magazine de diseño, creatividad gráfica y comunicación. La

web posee mucho contenido informativo sobre diseños, campañas… y artículos de
opinión y entrevistas muy interesantes.

http://visual.gi/

Neo2

Web de la revista de tendencias visuales Neo2, magazine de diseño gráfico, fotografía,

diseño industrial, diseño de moda, tipografía, publicaciones y tendencias.

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

Cosas visuales

En el siguiente enlace encontrarás un blog sobre comunicación visual, con entradas

muy interesantes sobre diseño web y editorial. Un blog de referencia para cualquier
diseñador o aficionado al diseño.

http://www.cosasvisuales.com/

TEMA 1 – + Información
 Diseño y edición

Bibliografía

SOLANA, G. y BONEU, A. Uncredited: Diseño grafico y Títulos de crédito. Index Book.

China. 2007.

WONG, W. Fundamentos del diseño. Gustavo Gili. Barcelona. 2002.

TEMA 1 – + Información
 Diseño y edición

Test

1. El círculo, el triángulo y el cuadrado son:

A. Formas estéticas que embellecen cualquier comunicación visual.
B. Formas de composición únicas que se manejan independientemente en una
composición.
C. Formas elementales en cualquier diseño, base de cualquier composición.
D. Elementos básicos en que puede descomponerse el lenguaje visual.

2. Las características del diseñador que sirven para desarrollar su capacidad de resolver
problemas es:
A. Imaginación, originalidad e investigación.
B. Saber manejar bien los programas y ser un buen comunicador.
C. Ser observador y crítico.
D. Sus dotes para la ilustración.

3. El arte y el diseño se diferencian en que:

A. El arte comunica el sentimiento de una persona específica. Mientras que el
diseño comunica el sentimiento de un cliente.
B. El arte consiste en expresar la esencia del artista y el diseño cumple con un
objetivo comunicativo específico.
C. El arte es producto de la inspiración y el diseño es producto del mercado.
D. El diseño es una forma de arte.

4. Los campos de trabajo del diseñador son:

A. Solamente agencias y canales de televisión.
B. Solo en los objetos artísticos.
C. En todos los campos de trabajo, el diseño se aplica en todas partes.
D. Diseño para papel y diseño para web.

5. La composición es:
A. Agrupar o discriminar elementos dentro de un arreglo visual con el fin de
transmitir algo o provocar una reacción.
B. Agrupar elementos para que se vea bien.
C. Parte de un texto.
D. El proceso de creación de un diseño.

TEMA 1 – Test
 Diseño y edición

6. ¿Cuál de las siguientes técnicas es la más utilizada para llamar la atención en el

diseño?
A. El uso de tipografías semejantes.
B. El contraste.
C. El uso de colores monocromáticos.
D. El uso de mayúsculas.

7. Un diseñador es:
A. Un profesional que centra su interés en la estética para comunicar valores
como la ecología, la política y la moral.
B. Un profesional que centra su interés en la funcionalidad para comunicar
eficazmente dentro de un mercado preestablecido.
C. Un profesional que centra su interés en la ética, para comunicar belleza.
D. Un profesional de la comunicación visual.

8. Comunicación visual es:

A. Todo lo que vemos y nos rodea con la intención de convencer y atraer, o
simplemente sin ninguna intención en particular.
B. El uso de puntos, líneas, textos y demás 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 líneas onduladas y quebradas en un discurso visual.
B. El alargamiento de un objeto más allá de la realidad física que es creado por la
mente.
C. Realizar dibujos de planos.
D. Es un pequeño cambio en la variable de una curva.

10. Se entiende por cerramiento:

A. El uso de círculos, cuadrados y triángulos para crear un discurso visual.
B. Un elemento del diseño.
C. Crear en la mente la visualización de completar una figura que se encuentra
físicamente abierta.
D. Incapacidad de realizar asociaciones visuales abstractas.

TEMA 1 – Test