UNIVERSIDAD DEL MAGDALENA

INSTITUTO DE EDUCACIÓN ABIERTA Y A

DISTANCIA

PROGRAMA TÉCNICO LABORAL

EN DISEÑO GRÁFICO

MÓDULO DE DISEÑO I

KATERINE CASTAÑEDA DÍAZ GRANADOS

 Rector: Carlos Eduardo Caicedo Omar
Director IDEA: Ing. Roberto Luis Aguas Núñez
Coordinador de Campus Virtual: Édgar Villegas Iriarte

Título: MÓDULO DE DISEÑO I

Edición:Primera - Abril de 2007
Autor: Katerine Castañeda Díaz Granados
Diseño y díagramación: Katerine Castañeda Díaz Granados
Ciudad: Santa Marta, D.T.C.H. - Colombia

Impresión y Encuadernación
(Sic) Editorial
Proyecto Cultural de Sistemas y Computadores S.A.
Centro Empresarial Chicamocha Of. 303 Sur
Tel: (97) 6343558 - Fax (97) 6455869
Bucaramanga - Colombia
www.syc.com.co/sic
siceditorial@syc.com.co

Universidad del Magdalena

Instituto de Educación Abierta y a Distancia - Avenida del Libertador # 13 - 73
Santa Marta, Tels. 4211321, 4215065
e-mail: idea.direccion@unimag.edu.co
http://www.idea.edu.co
Plataforma: http://www.idea.edu.co:8900
http://www.unimag.edu.co

ISBN:

Este documento es un material didáctico y educativo e incluye material de otros textos afines,
por lo tanto en él se dan los créditos pertinentes a sus autores y/o editores. Haga las reproduccio-
nes que desee, dándole créditos al autor y a la Universidad del Magdalena

La corrección de la edición y los contenidos son responsabilidad de los compiladores y/o autores

2 Instituto de educación abier ta y a distancia IDEA

 Instrucciones para
el estudio de este Módulo

"El aprendizaje autónomo y

autogestionario tiene como pilar
fundamental los buenos hábitos de
estudio y autoevaluación"

Antes de empezar a estudiar el presente

módulo es impor tante que tenga en
cuenta los siguientes pasos que segu-
ramente le serán de utilidad y facilitarán
su aprendizaje:

De un vistazo general al módulo

Tenga actitud aser tiva frente a la lectura
Formule preguntas claves que extraigan
la esencia del material leído
Interprete con sus palabras los concep-
tos que aquí se le presentan
Repase y amplíe con las lecturas com-
plementarias sugeridas los temas estu-
diados
Valen más pocos minutos de lectura
concentrada que horas sin entender
Encuentre con quien intercambiar opi-
niones y realizar trabajos en grupo.

Además:
„ Lea detenidamente cada uno de los
objetivos de la unidad y luego verifi-
car si los ha logrado.
„ Responda las guías de
autoevaluación e investigación y
ejercicios que se plantean
„ Amplíe los contenidos con la biblio-
grafía recomendada.

Módulo de diseño I 3
4 Instituto de educación abier ta y a distancia IDEA
 Índice general

3 Instrucciones para el estudio de NÚCLEO TEMÁTICO 2

este Módulo Elementos básicos del diseño
27 Clasificación de los elementos del
5 Índice General diseño
27 Elementos Conceptuales
7 Índice de Figuras 30 Elementos Visuales
30 Elementos de Relación
9 Introducción General 31 Elementos Prácticos
31 Leyes de la teoría Gestalt
PRESENTACIÓN DEL MÓDULO 32 Aplicación de los principios de la
11 Objetivos formativos Gestalt a patrones de Diseño
11 Objetivos informativos 36 Guía de autoevaluación Nº 2
11 Contenido temático
11 Ejes problémicos
12 Metodología
NÚCLEO TEMÁTICO 3
NÚCLEO TEMÁTICO 1 La organización de los elementos
Generalidades de la comunicación 37 Interrelación de formas
visual 37 La visualización de la forma
17 Génesis del diseño gráfico y la co- 37 Tipos de forma
municación visual 39 Repetición de módulos
22 Diseño / Diseñador: Definición y fun- 40 Tipos de Repetición de módulos
ciones 40 Submódulos y Supermódulos
22 ¿Qué es el diseño gráfico? 41 Estructura y retícula
23 ¿Para qué sirve el diseño gráfico? 41 Estructura
23 ¿Qué es un diseñador gráfico? 41 Tipos de estructura
23 El lenguaje visual 41 Retícula
24 Significado e interpretación 43 Tipos de retícula
26 Guía de autoevaluación Nº 1 44 Guía de autoevaluación Nº 3

Módulo de diseño I 5
 NÚCLEO TEMÁTICO 4
Composición - Leyes del orden
45 La composición
46 Leyes del orden compositivo
46 a) Similitud
46 b) Gradación
47 c) Radiación
48 d) Anomalía
48 e) Contraste
49 f) Concentración
50 g) Equilibrio
51 h) Ritmo
51 i) Textura
52 j) Espacio
53 Guía de autoevaluación Nº 4

55 BIBLIOGRAFÍA

6 Instituto de educación abier ta y a distancia IDEA

 Índice de figuras

NÚCLEO TEMÁTICO 1 NÚCLEO TEMÁTICO 3

17 Figura 1.1 Pintura rupestre (Cueva 37 Figura 3.1 Visualización de la forma
de Altamira, España) 38 Figura 3.2 Interrelación de la forma
17 Figura 1.2 Grabado en piedra con 39 Figura 3.3 Módulo, supermódulo y
jeroglíficos (Egipto) composición
18 Figura 1.3 Papiro de los muer tos 40 Figura 3.4 Tipos de repetición de
18 Figura 1.4 Incunable medieval módulos
18 Figura 1.5 Imprenta de tipos móvi- 41 Figura 3.5 Tipos de estructura
les de Gutenberg 42 Figura 3.6 Retícula básica y sus va-
19 Figura 1.6 Libro impreso con orna- riantes
mentación medieval 42 Figura 3.7 Retícula con estructura de
19 Figura 1.7 Car tel publicitario múltiple repetición
20 Figura 1.8 Interfase de usuario en
modo texto NÚCLEO TEMÁTICO 4
20 Figura 1.9 Interfase Gráfica de Usua- 45 Figura 4.1 La composición
rio 47 Figura 4.2 Similitud
20 Figura 1.10 Interfase web 47 Figura 4.3 Gradación
22 Figura 1.11 Función del diseño grá- 47 Figura 4.4 Radiación
fico 47 Figura 4.5 Anomalía
47 Figura 4.6 Contraste
NÚCLEO TEMÁTICO 2 48 Figura 4.7 Concentración
27 Figura 2.1 Elementos conceptuales 48 Figura 4.8 Equilibrio
28 Figura 2.2 Tipos de líneas 48 Figura 4.9 Ritmo
29 Figura 2.3 Elementos visuales 48 Figura 4.10 Textura
30 Figura 2.4 Elementos de relación 48 Figura 4.11 Espacio
33 Figura 2.5 Proximidad
33 Figura 2.6 Similaridad
34 Figura 2.7 Buena continuidad
34 Figura 2.8 Cerramiento
35 Figura 2.9 Figura / Fondo
35 Figura 2.10 Simetría
35 Figura 2.11 Pregnancia

Módulo de diseño I 7
dise
gráf
eño
Introducción general

El diseño gráfico es una potente herra- imágenes; la belleza de los jeroglíficos

mienta de comunicación si ese utiliza egipcios; la evolución del alfabeto foné-
adecuadamente. Los estudiantes requie- tico; la genial invención de Gutenberg;
ren una visión integral del diseño gráfi- la acelerada mecanización de la compo-
co que les per mita identificar sus sición gráfica y la explosión de la imagi-
orígenes, su evolución y su consolida- nación en el siglo veinte. Con una
ción como profesión. herencia tan fér til, desafor tunadamente
muchos diseñadores gráficos saben
Los orígenes del diseño gráfico aun son más sobre la historia de la pintura que
un poco inciertos. Algunas versiones to- sobre la historia del diseño gráfico. Una
man las pinturas rupestres como ejemplos de las razones para esta contradicción

fico
ancestrales de los signos gráficos; otros tal vez sea la creencia de que el diseño
reconocen sus formas embrionarias en gráfico es una innovación del siglo veinte
Egipto, Grecia, México y Roma. Varios y que es una profesión sin historia. Esto
autores consideran que el diseño gráfico no es verdad porque el diseño gráfico o
surge al mismo tiempo que la imprenta. comunicación visual empezó en los
Una corriente apunta a las vanguardias tiempos prehistóricos y ha sido practi-
ar tísticas del inicio de este siglo. Otros, cado durante siglos por ar tesanos, es-
todavía, emplazan al pensamiento con- cribanos, impresores, ar tistas
temporáneo, con respecto al diseño grá- comerciales e incluso pintores1.
fico, después de la Segunda Guerra
Mundial, como un fenómeno adjunto al En definitiva la comunicación visual tiene una
fuer te desarrollo industrial y de los me- historia muy larga. Cuando el hombre primiti-
dios de comunicación. vo buscaba alimento y encontraba una hue-
lla de animal impresa en el lodo, en realidad
James Craig y Bruce Bar ton buscan estaba recibiendo un mensaje a través de
aclarar las fuentes del diseño gráfico: "La un signo gráfico. Es mucho lo recorrido en
historia del diseño gráfico es una infini- el campo de la comunicación visual desde
ta fascinación: la magia de las primeras ese momento hasta nuestros días.

1 CRAIG, James, Bruce Barton, 1987, Thirty Centuries of Graphic Design, Nueva
York, Watson-Guptill Publications, página 9.
 Es innegable que el desarrollo de la nue- tecnológico, a fin de aprovechar al máxi-
va tecnología de composición y prensa mo las posibilidades de un recurso cada
en las últimas décadas del siglo XIX, lue- vez más sofisticado, basados en progra-
go de muchos años de impresión ma- mas de diseño y formatos gráficos para
nual, produjo muchos cambios el almacenamiento de imágenes. Estos
impor tantes en los esquemas de traba- factores inciden notablemente en los al-
jo dentro de las ar tes gráficas, se pasó cances y las posibilidades creativas para
de lo manual a lo mecánico y a lo auto- la comunicación visual.
mático, y de un mercado limitado a uno
masivo. Creció la demanda del material Por lo tanto se hace fundamental que el
impreso y el desarrollo de la publicidad estudiante tenga claridad conceptual y
fomentó el crecimiento de las ventas de práctica para integrar este saber dentro
diarios y revistas, recuperando a su vez de los procesos de comunicación que
el uso del Car tel Publicitario. requiera constr uir, consolidar o
desarrollar; permitiéndole participar de
La tecnología proporcionó nuevos me- manera activa y estratégica en la
dios gráficos a ilustradores y elaboración de productos y materiales
diseñadores, las grandes invenciones culturales, acordes con el público
que se produjeron entre 1850 y 1910 objetivo al que se dirige.
ayudaron a difundir las comuni-caciones
visuales y a inspirar a los diseñadores, Teniendo claro que el Diseño Gráfico
entre ellas tenemos: la máquina de es- conforma una nueva visión en cuanto a
cribir, el clisé pluma, la trama, el proce- la creación de objetos, y como conse-
so de impresión en color, la fotografía cuencia trae un cambio en el orden cul-
en color, la composición automática, la tural, surge el interrogante ¿cómo se ha
película de animación, entre otros. de formar el diseñador gráfico que exi-
ge el mundo de hoy?
A pesar del largo recorrido hacia la ac-
tualidad de la comunicación visual, el Todo tiene un principio, un génesis, un
diseño como actividad moderna se origen, y la disciplina del diseño no es
constituye como una demanda de la re- ajena a esto, por tal motivo la forma-
volución industrial. En muy poco tiem- ción en la teoría del diseño inicia con la
po esta disciplina superó la aproximación a la comunicación visual,
manipulación manual y tangible de ele- los elementos básicos del diseño y las
mentos de diseño gráfico, hasta llegar leyes de la composición. Los
la creación asistida por computador. lineamientos generales de este curso
están direccionados hacia la formulación
Los sistemas ingresaron, con un nuevo de problemas didácticos de la comuni-
apor te teórico, en lo que es posible fu- cación visual y el diseño gráfico como
sionar los conceptos tradicionales del medio de conocimiento de la disciplina
diseño, con un afianzamiento de cor te del diseño en su nivel básico.

10 Instituto de educación abier ta y a distancia IDEA

 Presentación del módulo

OBJETIVOS FORMATIVOS „ Identificar conceptos visuales con

características abstracto-figurativas
„ Desarrollar en el estudiante la capa- y utilizarlos en el análisis de com-
cidad de manejar y relacionar los posiciones gráficas
conceptos básicos del diseño

„ Aplicar los aspectos estructurales, CONTENIDO TEMÁTICO

formales naturales y ar tificiales del
diseño en el desarrollo de ideas y Núcleo I
proyectos gráficos, incentivando la Generalidades de la Comunicación visual
mentalidad creativa del estudiante
Núcleo II
„ Enfrentar al estudiante con proble- Elementos básicos del diseño
mas de comunicación visual y ca-
pacitarlo para resolverlos mediante Núcleo III
el uso de elementos de diseño La organización de los elementos

„ Sustentar trabajos de diseño en los Núcleo IV

que se evidencien los conocimien- Composición - leyes del orden
tos adquiridos mediante exposicio-
nes, puestas en común, muestras y
trabajos EJES PROBLÉMICOS
1. ¿Cuáles son los factores humanos
OBJETIVOS INFORMATIVOS que determinan la necesidad de la co-
municación visual y cuál es el aporte del
„ Identificar los elementos básicos y diseño gráfico en la satisfacción de esas
recursos gráficos que intervienen en necesidades?
el diseño de composiciones forma-
les con un mínimo de errores Temas:
„ Génesis del diseño gráfico y la co-
„ Reconocer cuáles son los elemen- municación visual
tos básicos del diseño gráfico y de „ Diseño / Diseñador: Definición y fun-
qué manera interactúan en la crea- ciones
ción de mensajes visuales „ El lenguaje visual

Módulo de diseño I 11
 2. ¿Por qué se dan diferentes clasifi- cada núcleo temático, además del aná-
caciones de los elementos básicos del lisis de las mismas.
diseño y cómo influyen éstas en la co-
municación visual? El texto bibliográfico básico del curso es
"Fundamentos del Diseño" de W. Wong,
Temas: el cual se complementa con información
„ Clasificación de los elementos bási- de la red, motivada por el fácil acceso a
cos del diseño ella. Aquí se dan instrucciones precisas
„ Leyes de la teoría Gestalt sobre los referentes bibliográficos indis-
pensables para abordar cada uno de los
3. ¿Cómo se da en los seres humanos temas de éste curso, los que deben ser
la percepción de la forma y cómo esto leídos antes de cada sesión de taller.
influye en los órdenes de jerarquía vi-
sual y compositiva? Cada estudiante debe elaborar el Glosa-
rio de términos de cada núcleo temáti-
Temas: co. También especificar por escrito las
„ Interrelación de formas dudas respecto al tema estudiado antes
„ Repetición de módulos de cada sesión de tutoría.
„ Estructura y retícula
„ Tutoría presencial
4. ¿Cuáles son los conceptos básicos Las sesiones de trabajo serán teórico-
del diseño que legislan los órdenes prácticas, para lo cual es indispensable
compositivos y cómo se dan las aso- que el estudiante, como gestor de su
ciaciones gráficas más frecuentes? propio conocimiento, haya abordado los
temas planteados por cada núcleo, para
Temas: así par ticipar en las sesiones, apor tan-
„ La Composición do desde sus dudas e inquietudes y la
„ Leyes del orden compositivo manera de interpretar lo aprendido.

Para ello se trabajarán ponencias, expo-

METODOLOGÍA siciones, análisis de casos, páneles y
conversatorios.
Para la ejecución del Módulo de diseño
I se contempla una metodología que guía „ Proyecto gráfico
el proceso de autoaprendizaje y de pro- Taller creativo: Formalización de lo
ducción gráfica a par tir de los temas de aprendido en la resolución de problemas
estudio, así: de comunicación visual a resolver
mediante el uso de elementos gráficos.
„ Análisis Preliminar
En esta primera etapa se realizan las lec- Desarrollo de destrezas manuales, con-
turas sobre las temáticas pertinentes de ceptualización a través de imágenes y

12 Instituto de educación abier ta y a distancia IDEA

competencias para el planteamiento y grupos estudio de casos, sustentación oral
realización de proyectos gráficos. del mismo. Reflexión alrededor de la di-
námica de la comunicación visual y la
„ Evaluación simbología de las imágenes. ¿Qué cosas
Cada uno de los cuatro núcleos temáti- tienen significación para mí y por qué?
cos será evaluado, otorgándole una ca-
lificación a cada proyecto realizado de „ Proyecto gráfico
100 puntos hasta sumar 400. Taller creativo: Selección de imágenes
de revistas y periódicos. Asociación de
Al finalizar el curso se realizará una prue- palabras con el mensaje transmitido por
ba escrita de conocimentos en la cual cada una de las imágenes selecciona-
se mide el nivel de identificación y apro- das. Análisis de las imágenes y redac-
piación de los conceptos aprendidos, ción de un pár rafo en el que se
además de la capacidad de diser tación identifiquen los mensajes literales y los
alrededor de ellos. El valor de la prueba significados compositivos subyacentes
es de 100 puntos con lo cual se com- en las imágenes.
pletan los 500 puntos del módulo. Materiales: Car tulina dúrex tamaño 1/8
de pliego (250 c 350 mm), escuadras,
I. Generalidades de la comunicación regla, tijeras, cor tador, pegante, lápiz
visual HB, borrador.
Técnica: collage
„ Análisis Preliminar
Lecturas previas obligatorias: „ Evaluación
Núcleo temático 1 de éste módulo. Pág. Valoración de la actividad: 100 puntos
13 - 19
Capítulo I La sintaxis de la imagen de D.
A. Dondis. Pág. 13 -31 II. Elementos básicos del diseño

Lectura complementaria sugerida: „ Análisis Preliminar

Documento: La comunicación en el pro- Lecturas previas obligatorias:
ceso de diseño. Por Milko A. García To- Núcleo temático 2 de éste módulo. Pág.
rres. A este documento se accederá a 21 - 27
través de fotocopia o de internet en la Capítulo I Fundamentos del diseño de
siguiente dirección: Wucius Wong. Pág. 41 - 44
http://www.imageandart.com/tutoriales/
teoria/proceso_disenio/3ra_par te/ Lectura complementaria sugerida:
index.htm Capítulo III La sintaxis de la imagen de
D. A. Dondis. Páginas 53 - 60
„ Tutoría presencial
Conversatorio alrededor de la temática „ Tutoría presencial
de las lecturas propuestas. Trabajo por Cruce de opiniones y sustentación de las

Módulo de diseño I 13
 mismas alrededor de las lecturas pro- „ Tutoría presencial
puestas. Reflexión en torno a los ele- Realización de un pánel, previa asigna-
mentos básicos del diseño y debate ción de roles. Reflexión en torno a qué
acerca de su vigencia hoy día. Qué ve- elementos sustentan una composición
mos y por qué los vemos - teoría Gestalt y debate acerca de su impor tancia y re-
aplicada al diseño gráfico. Aclaración de levancia o no en el diseño. La finalidad
dudas, unificación de conceptos. Plan- de este ejercicio es reconocer que la la-
teamiento de ejemplos tomados de la bor del diseño par te del ejercicio
cotidianidad. compositivo, además del reconocimien-
to de las leyes que lo sustentan.
„ Proyecto gráfico
Taller creativo: Expresar gráficamente los „ Proyecto gráfico
conceptos de punto y línea sobre un pla- Taller creativo: Realizar composiciones
no. Materiales: Cartulina dúrex tamaño de tipo formal par tiendo del estudio y
1/8 de pliego (250 c 350 mm), escua- desarrollo de una retícula básica y sus
dras, regla, compás de precisión, tiralí- variantes.
neas, tinta negra, rapidógrafos de Materiales: Car tulina dúrex tamaño 1/8
diferentes calibres, lápiz HB, borrador, de pliego (250 c 350 mm), escuadras,
pincel. regla, compás de precisión, tiralíneas,
Técnica: tinta sobre car tulina tinta negra, rapidógrafos de diferentes
calibres, lápiz HB, borrador, pincel.
„ Evaluación Técnica: tinta sobre car tulina
Valoración de la actividad: 100 puntos
„ Evaluación
III. La organización de los elementos Valoración de la actividad: 100 puntos

„ Análisis Preliminar IV. Composición - leyes del Orden

Lecturas previas obligatorias:
Núcleo temático 3 de éste módulo. Pág. „ Análisis Preliminar
28 - 33 Lecturas previas obligatorias:
Núcleo temático 4 de éste módulo. Pág.
Lectura complementaria sugerida: 35 - 41
Documento: Repetición, estructura y Documento: La Composición. Por Eduar-
retículas. Apar tes del documento Dise- do Jiménez C. A este documento se ac-
ño bidimensional. Autor de la monogra- cederá a través de fotocopia o de
fía Leorian Ricardo. A este documento internet en la siguiente dirección:
se accederá a través de fotocopia o de http://www.escenografia.cl/comp.htm
internet en la siguiente dirección:
http://www.monografias.com/traba- „ Tutoría presencial
jos29/diseno-bidimensional/diseno- Reflexión y argumentación en torno a
bidimensional.shtml qué elementos sustentan una composi-

14 Instituto de educación abier ta y a distancia IDEA

ción y debate acerca de su impor tancia
y relevancia o no en el diseño. La finali-
dad de este ejercicio es reconocer que
la labor del diseño par te del ejercicio
compositivo, además del reconocimien-
to de las leyes que lo sustentan. Selec-
ción de anuncios, car teles y fotografías
para enumerar las técnicas más eviden-
tes de su composición.

„ Proyecto gráfico
Taller creativo: Resolver un problema de
comunicación visual a par tir de compo-
siciones en las que se evidencie el ma-
nejo de los conceptos aprendidos.
Materiales: Car tulina dúrex tamaño 1/8
de pliego (250 x 350 mm), escuadras,
regla, compás de precisión, tiralíneas,
tinta negra, rapidógrafos de diferentes
calibres, lápiz HB, borrador, pincel, tije-
ras, cor tador, pegante, lápices de colo-
res, marcadores, fotografías y piezas
gráficas (revistas, folletos, afiches, en-
tre otras).
Técnica: collage

„ Evaluación
Valoración de la actividad: 100 puntos

„ Evaluación final
Prueba escrita: 100 puntos
Tenga en cuenta las guías de
autoevaluación contenidas en este mó-
dulo al final de cada núcleo temático,
realícelas completamente, ellas dan los
lineamentos de lo que le será evaluado
en la prueba escrita final.

Módulo de diseño I 15
16 Instituto de educación abier ta y a distancia IDEA
 1. Generalidades de
la comunicación visual

Génesis del diseño gráfico y ademanes, expresiones y signos, que

la comunicación visual 1 con el tiempo adquirieron la condición
de "lenguaje", al convertirse en mode-
El ser humano ha tenido siempre la ne- los de comunicación (Fig. 1.1).
cesidad de comunicarse con sus seme-
jantes, hasta tal punto que podemos Aunque posteriormente el lenguaje ha-
afirmar que si el hombre es el ser más blado pasara a ser el medio de intercam-
avanzado de la naturaleza, es debido en bio de información más directo, el lenguaje
gran par te a la facilidad que ha tenido visual siguió teniendo un importante peso
para hacer par tícipe a los demás de sus en las relaciones comunicativas, sobre
ideas de una forma u otra. todo a partir del uso de diversos materia-
les y soportes como medios del plasmar
Las primeras formas comunicativas fue- mensajes visuales, como lo demuestran
ron mediante elementos visuales. Antes multitud de dibujos en piedra y pinturas
de que desarrollaran capacidades de rupestres que han llegado a nuestros
expresión mediante el lenguaje hablado, días, en las cuales se representan ele- 1. Tomado del documento
Introducción al diseño gráfico
los hombres utilizaron su cuerpo para mentos naturales, actividades cotidianas publicado en http://
comunicar a los demás estados de áni- y diferentes signos ar tificiales con sig- www.desarrolloweb.com/
mo, deseos e inquietudes a través de nificado propio. articulos/1276.php

Figura 1.1 Pintura rupestre (Cueva de Altamira, España) Figura 1.2 Grabado en piedra con jeroglíficos (Egipto)

Módulo de diseño I 17
 La representación de ideas mediante
grafos experimentó su mayor avance
con la aparición de los lenguajes escri-
tos, que permitieron expresar cadenas
estructuradas de pensamientos median-
te un conjunto de elementos gráficos de
significado propio dispuestos según una
estructura definida, capaces de transmi-
tir mensajes entendibles por la comuni-
dad.

Estos lenguajes escritos estaban basa-

dos, bien en la representación de ele-
mentos tomados de la naturaleza, a los
Figura 1.3 Papiro de los muertos que se les asignaba una interpretación
par ticular, bien en un conjunto ar tificial
de símbolos inventados: los alfabetos.
Cada uno de estos signos aislado tenía
a veces un significado incier to, pero
unido a otros, permitían representar grá-
ficamente el lenguaje hablado por cada
pueblo o cultura (Fig. 1.2).

Figura 1.4 Incunable medieval Figura 1.5 Imprenta de tipos móviles de Gutenberg

18 Instituto de educación abier ta y a distancia IDEA

Figura 1.6 Libro impreso con ornamentación medieval Figura 1.7 Cartel publicitario

Como sopor te físico se utilizó inicial- cas, y a disponer los diferentes elemen-
mente la piedra, pero pronto se busca- tos textuales y gráficos de forma armo-
ron otros tipos de materiales que niosa y equilibrada, ya que se apreció
permitieran una mayor facilidad de uso que con ello se ganaba poder comuni-
y una mayor por tabilidad, como los cativo, claridad y belleza. Esto se puede
papiros o los pergaminos (Fig. 1.3). apreciar en la confección de los
incunables medievales realizados en los
También se empezaron a usar diferen- monasterios, en los que se observa de
tes tipos de pigmentos naturales para dar forma clara la impor tancia de la "FOR-
un mayor colorido y expresividad a las MA" (diseño) para transmitir un mensa-
obras escritas y composiciones ar tísti- je (Fig. 1.4).

Módulo de diseño I 19
 Posteriormente, Johann Gutenberg in-
ventó la imprenta, ar tefacto capaz de
reproducir en grandes cantidades y de
forma cómoda un original, lo que hizo
posible que los documentos impresos y
el mensaje que contenían fueran acce-
sibles a un gran número de personas
(Fig. 1.5).

Pronto empezaron a aparecer imprentas

en las que se reproducían todo tipo de
Figura 1.8 Interfase de usuario en modo texto
obras, cada vez más elaboradas. Se
empezaron a usar nuevos materiales
como sopor te, nuevas tintas y nuevos
tipos de letras, originando la aparición
de unos profesionales especializados en
su manejo, los tipógrafos y los cajitas,
tal vez los primeros diseñadores gráfi-
cos como tal, ya que se encargaban de
componer y maquetar los diferentes ele-
mentos que iban a formar una obra de
forma que resultara lógica, clara, armo-
niosa y bella (Fig. 1.6).

Otro gran impulsor del desarrollo del di-

seño gráfico fue la Revolución Industrial.
Figura 1.9 Interfase Gráfica de Usuario Surgieron las fábricas y la economía de
mercado, un gran número de personas
se desplazó a las ciudades a trabajar,
aumentaron las tiendas y los comercios
y empezó la competitividad entre empre-
sas por hacerse con una parte del merca-
do. Con ello apareció y se desarrolló una
nueva técnica comercial, la publicidad,
encargada de hacer llegar a los consumi-
dores mensajes específicos que les con-
vencieran de que un producto dado era
mejor que otros análogos (Fig. 1.7).

El desarrollo de la publicidad trajo con-

Figura 1.10 Interfase web sigo un desarrollo paralelo del diseño

20 Instituto de educación abier ta y a distancia IDEA

gráfico y de los sopor tes de comunica- intermedio, más fácil de entender por el
ción. Había que convencer al público de usuario (Fig. 1.8).
las ventajas de un producto o marca, y
para ello nada mejor que mensajes con- Los primeros programas se manejaban
cisos, cargados de componentes psico- de forma textual, que entendían tan solo
lógicos, con diseños cada vez más exper tos en la materia, pero con la po-
elaborados, que se hacían llegar al ma- pularización de la informático se dio
yor número posible de personas. paso a la simplificación en el manejo de
las aplicaciones, surgiendo el concepto
Se trató, entonces, de presentar men- de "Interfase Gráfica de Usuario" en toda
sajes visuales efectivos, que vendieran, su extensión, como un medio capaz de
y para ello no se dudó en realizar gran- hacer entendibles y usables estas apli-
des inversiones, haciendo posible un caciones a través de elementos visua-
gran avance en las técnicas de diseño y les comunes (Windows es el formato
la aparición de profesionales dedicados más conocido), que presentados en la
exclusivamente a desarrollarlas y poner- pantalla del ordenador permitieran al
las en práctica: los diseñadores gráfi- usuario medio realizar las tareas propias
cos. de cada programa concreto (Fig. 1.9).

En el siglo XX, hicieron su aparición los Los profesionales del diseño se encar-
ordenadores, máquinas en un principio garon de concebir las interfases, pero
destinadas a un grupo reducido de téc- los diseñadores gráficos clásicos no
nicos y especialistas, pero que poco a estaban acostumbrados a constr uir
poco fueron ganando popularidad y que obras con capacidades de interacción y
con la aparición del ordenador personal navegabilidad, por lo que hubieron de
(PC, según su sigla en inglés) se exten- reciclarse, aprendiendo conceptos y
dieron a todos los ambientes y grupos funcionalidades nuevas.
sociales.
Con la entrada en escena de Internet y
La utilidad de los primeros PC era limi- las páginas web el diseño gráfico dio un
tada pues los programas disponibles salto revolucionario hacia la aplicación
eran tan complejos, que la mayoría de
del diseño a la construcción de interfases
las veces iban más allá de los conoci-
de usuario especializadas, condicionadas
mientos de los usuarios.
a pequeños tamaños de fichero y a un
medio concreto de presentación, los
Esto dio lugar a la introducción de unos
elementos intermedios, denominados navegadores web (Fig. 1.10).
"Interfases de Usuario", cuya misión era
aislar al usuario de las consideraciones La última generación de diseñadores
técnicas y procesos internos de los pro- gráficos han de ser capaces de resolver
gramas, permitiéndoles realizar tareas problemas de diseño manejando medios
con ellos por medio de un "lenguaje" análogos y digitales por igual, con efi-

Módulo de diseño I 21
 ciencia y eficacia, dictada por la
globalización de la economía y los rápi-
dos avances tecnológicos.

Diseño / Diseñador:
Definición y funciones2
¿Qué es el diseño gráfico?
Existen múltiples definiciones en torno
a la disciplina del diseño gráfico, aquí
se presentan algunas:

El diseño gráfico es un ar te aplicada, es

decir, un proceso de creación ar tístico
con fines principalmente comerciales.

Podemos definir el diseño gráfico como

el proceso de programar, proyectar, coor-
dinar, seleccionar y organizar una serie de
elementos para producir objetos visuales
destinados a comunicar mensajes espe-
cíficos a grupos determinados.

Es un proceso de selección y organiza-

ción de un conjunto de ideas para pro-
ducir elementos visuales destinados a
comunicar mensajes específicos a gru-
pos de población amplios o reducidos.

¿Cuál es la función del diseño gráfico?

La función principal del diseño gráfico es
transmitir una información determinada
por medio de composiciones gráficas, que
se hacen llegar al público destinatario a
través de diferentes soportes, como folle-
tos, carteles, presentaciones interactivas,
Figura 1.11 Función del diseño gráfico entre otras (Fig. 1.11).

El diseño gráfico busca transmitir las

2. Tomado del artículo ¿Qué es el diseño gráfico,
publicado en http://www.articuloweb.com/
ideas esenciales del mensaje de for-
articles.php?art_id=8&start=1 ma clara y directa, usando para ello

22 Instituto de educación abier ta y a distancia IDEA

diferentes elementos gráficos que den La función del diseñador es hacer un
forma al mensaje y lo hagan fácilmen- diseño que comunique una idea o un
te entendible por los destinatarios del concepto de una forma eficaz. El diseño
mismo. debe servir de vehículo al propósito fi-
nal que tenga el mensaje, a la idea que
El resultado final de un diseño gráfico se quiere transmitir. Para desempeñar su
se denomina grafismo, y es una unidad función el diseñador necesita una serie
por sí misma, aunque esté compuesto de requisitos:
por multitud de elementos diferentes.
„ Información sobre lo que se va a
¿Para qué sirve el diseño gráfico? comunicar.
Las posibilidades del diseño gráfico son „ Elección de los elementos adecua-
infinitas, ya que cada vez son más los dos.
campos en los que se emplean elemen- „ Componer dichos elementos de la
tos visuales. Las podemos agrupar así: forma más atractiva posible.

a) Diseño editorial: diseño de todo tipo

de libros, periódicos, y revistas. El lenguaje visual4
b) Diseño publicitario: diseño de carte-
les publicitarios, anuncios, folletos, Estamos acostumbrados a comuni-
catálogos, merchandising, etc. car nos con nuestros semejantes
c) Diseño de identidad corporativa: mediante el uso de un idioma, ese
(Branding) diseño de la imagen cor- lenguaje hablado y escrito, formado por
porativa general de una empresa: una serie de elementos básicos (letras,
tarjetas, logotipo, sobres, documen- palabras, frases, etc.) que, combinados,
tos internos, facturas, car teles... for man entidades comunicativas
d) Diseño de interfases: diseño de pre- complejas.
sentaciones interactivas, multime-
dia, audiovisuales y páginas web. También estamos acostumbrados a ver
e interpretar los mensajes que nos llegan
¿Qué es un diseñador gráfico?3 a través de las imágenes, aunque no
Toda obra de comunicación visual nace manejemos el lenguaje de las
de la necesidad de transmitir un men- composiciones gráficas. Éste lenguaje
saje específico. Un diseñador gráfico no visual a través de grafismos, al igual que 3. Tomado del documento
es un creador de formas, sino un crea- el lenguaje hablado y escrito, puede Fundamentos de diseño,
dor de comunicaciones, un profesional descomponerse en entidades básicas, publicado en http://
que mediante un método específico (di- cada una de las cuales tiene por sí
www.newsartesvisuales.com/
funda/FUNDA1.HTM
seño) construye mensajes (comunica- misma un significado propio, pero que
ción) con medios visuales (grafismos). unidas de diferentes formas pueden 4. Tomado del documento
No es el creador del mensaje, sino su constituir elementos comunicativos
Composición, publicado en http:/
/www.newsartesvisuales.com/
intérprete. distintos. funda/compo1.htm

Módulo de diseño I 23
 Las formas básicas del diseño gráfico Por tanto, podemos definir percepción
son pocas: el punto, la línea y el como el acto de darse cuenta, de com-
contorno. Pero son la materia prima de prender los objetos externos (e inter-
toda la información visual cuya función nos), sus cualidades y relaciones, que
sea comunicar. Pero antes de acometer sigue directamente a los procesos sen-
el estudio de los elementos básicos que soriales; es la relación con los "objetos",
debemos considerar a la hora de la que suministra los datos para su com-
plantear la realización del diseño, prensión, aprehensión, interpretación y
tendremos que saber cuales son las "significado"
leyes que guían la percepción de las
cosas. La significación de un mensaje se realiza
mediante un proceso de interpretación.
Todas las percepciones comienzan por
los ojos, permitiéndonos tener una ma- Significado e interpretación6
yor capacidad de recuerdo de las imá- La interpretación de un mensaje com-
genes que de las palabras, ya que las prende dos niveles:
primeras son más características y, por
lo tanto más fáciles de recordar5. a) el nivel denotado. La denotación re-
presenta aspectos relativamente ob-
La percepción está condicionada por el jetivos de un mensaje, constituidos
aprendizaje o conocimiento previo que por elementos de carácter descrip-
tengamos de los objetos. Nuestro tivo o representacionales de una
cerebro tiene tendencia a ubicar los imagen o de un texto.
elementos dentro de los parámetros
referenciales que nos hemos b) el nivel connotado. La connotación
construidos a través de la experiencia representa aspectos relativamente
previa o conocimiento. subjetivos de un mensaje, y tiene
capital impor tancia cuando el dise-
Toda percepción es un acto de búsqueda ño intenta actuar sobre reacciones
de significado, y, en este sentido, es un emotivas, como en el caso de los
acto de comunicación o de búsqueda de mensajes persuasivos.
5. Tomado del artículo Formas
comunicación. La función biológica de
básicas en diseño gráfico, la percepción visual es la de proveer En el proceso connotativo el receptor
publicado en http:// información acerca del medio ambiente, par ticipa más activamente en la cons-
www.desarrolloweb.com/
articulos/1297.php fue desarrollada para entenderlo, para trucción del significado que en el pro-
interpretar los datos de los sentidos en ceso denotativo. Un mensaje connotado
6. Tomado del artículo La función de constr uir contextos está construido en par te por el diseño
comunicación en el proceso de
diseño, publicado en http:// significantes. Teniendo en cuenta que el gráfico y en par te por las experiencias
www.imageandart.com/ hombre es fundamentalmente visual, es individuales del receptor, que pueden
tutoriales/teoria/ fácil entender la fuerza que los mensajes predecirse en la medida en que par tici-
proceso_disenio/2da_parte/
index.htm visuales pueden tener. pan de las experiencias conocidas por

24 Instituto de educación abier ta y a distancia IDEA

el grupo de público a que se dirige el componentes, y, consecuentemente, la
mensaje. de facilitar la construcción de un signi-
ficado.
A manera de ejemplo, una fotografía de
plato con frutas es un plato con frutas
para nosotros y para mucha gente; ese
es el mensaje denotado. Los mensajes
connotados, en cambio, pueden ser va-
riados: para algunos este plato es sím-
bolo de abundancia, para otros es
símbolo de hedonismo, para otros de
vanidad, para otros es una buena o una
mala fotografía, una muestra de falta de
imaginación o el símbolo de una socie-
dad materialista. Para todos es un plato
con frutas.

El mensaje denotado es más controla-

ble y objetivo que el connotado. Ambos
pueden ser previstos hasta cier to punto
por el conocimiento de códigos de los
receptores, pero la previsibilidad del
mensaje connotado es siempre más in-
cier ta, ya que mientras que las
denotaciones se deben en general a con-
venciones culturales aceptadas, las con-
notaciones están más conectadas con
la vida personal del individuo. Sólo me-
diante un constante proceso de evalua-
ción y verificación es posible para el
diseñador mantener cier to control sobre
el efecto de los mensajes connotados
en el proceso de comunicación.

La selección de componentes en un di-

seño, entonces, debe ser apropiada al
contenido del mensaje. La organización
de los componentes en un diseño tiene
la función de establecer claras relacio-
nes de jerarquía, inclusión, conexión,
secuencia y dependencia entre esos

Módulo de diseño I 25
 GUÍA DE AUTOEVALUACIÓN Nº 1
Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con
base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 1 le dará
los elementos necesarios para su resolución y en la bibliografía sugerida podrá
hacer ampliación investigativa sobre el tema.

1. Respecto a la génesis del diseño y la comunicación visual, especifique seis

avances de la humanidad determinantes del surgimiento y evolución del diseño
gráfico y explíquelos con sus palabras, en un máximo de tres renglones, cada
uno.

2. ¿Quiénes pueden ser considerados como los primeros diseñadores gráficos

de la historia y qué funciones realizaban?

3. ¿Cómo define usted el diseño gráfico? ¿Cuál es su función?

4. ¿En qué tareas o labores se puede desempeñar un diseñador gráfico? (cite

tres)

5. ¿Cuáles son los tres requisitos principales que debe tener en cuenta un diseñador
para cumplir su función?

6. ¿Cuál es la entidad básica del lenguaje visual?

7. Según su criterio ¿qué es la percepción y cuál es su impor tancia para la inter-

pretación del lenguaje visual?

8. Explique brevemente los dos niveles de interpretación de un mensaje y cite un

ejemplo

26 Instituto de educación abier ta y a distancia IDEA

 2. Elementos básicos del diseño

Clasificación de los pero que no son visibles a la vista. Se

elementos del diseño7 dividen en 4 elementos:

Una persona del común puede realizar a) Punto: El punto es la unidad mínima
diseños sin conocimiento alguno sobre de información visual, y está caracteri-
la materia, ya sea por gusto personal o zado por su forma (generalmente circu-
por su sensibilidad a la creación visual lar, pero también puede ser rectangular,
(talento) sin embargo todo diseñador triangular o una mancha sin forma defi-
debe conocer los principios básicos que nida), por su tamaño, por su color y por
le permitirán componer imágenes. la ubicación que tenga dentro de la com-
posición gráfica (Fig. 2.1 a).
En general se distinguen 4 grupos de 7. Tomado del documento
elementos: Indica posición, no tiene largo ni ancho, Elementos del diseño básico
1. Elementos Conceptuales es el principio y el fin de una línea. publicado en http://
www.cristalab.com/tutoriales/
2. Elementos Visuales 126/fundamentos-del-diseno-
3. Elementos de Relación Las principales características del pun- grafico y del libro Fundamentos
del diseño, de Wicius Wong
4. Elementos Prácticos to son8:
„ Tiene un gran poder de atracción vi- 8. Tomado del documento
1. Elementos Conceptuales sual, creando tensión sin dirección. Introducción al diseño gráfico
publicado en http://
Los elementos conceptuales son aque- „ Cuando se sitúan próximos dos pun- www.desarrolloweb.com/
llos que están presentes en el diseño, tos pueden producir sensaciones de articulos/1276.php

a b c d

Figura 2.1 Elementos conceptuales

Módulo de diseño I 27
 tensión o de dirección, creando en no ancho, tiene una posición y una di-
la mente del espectador una línea rección, su presencia crea tensión y
recta imaginaria que los une. afecta al resto de elementos cercanos a
„ Si se sitúan diferentes puntos en pro- ella (Fig. 2.1 b).
longación sugieren una dirección, un
camino, más acentuada cuanto más La línea es el elemento básico de todo
próximos estén los puntos entre sí. grafismo y uno de los más usados, te-
„ Cuando se agrupan varios puntos niendo tanta impor tancia en un
pueden definir formas, contornos, grafismo como la letra en un texto.
tonos o colores (pensemos en la pin- Representa la forma de expresión más
tura impresionista). sencilla y pura, pero también la más
dinámica y variada.
b) Línea: Es la unión de varios puntos
9. Tomado del documento en sucesión, pudiéndose asimilar a la Las principales propiedades de la línea
Introducción al diseño gráfico
publicado en http://
trayectoria seguida por un punto en son9:
www.desarrolloweb.com/ movimiento, por lo que tiene mucha „ Contiene gran expresividad gráfica y
articulos/1276.php energía y dinamismo. Tiene largo, pero mucha energía.

a b

c d

Figura 2.2 Tipos de líneas

28 Instituto de educación abier ta y a distancia IDEA

„ Casi siempre expresa dinamismo, torno humano, que necesita de ellas para
movimiento y dirección. dar estabilidad a sus creaciones.
„ Crea tensión en el espacio gráfico
en que se encuentra. La línea recta horizontal expresa equili-
„ Crea separación de espacios en el brio, calma, equilibrio estable. No hay
grafismo. estabilidad sin una línea de horizonte, ya
„ La repetición de líneas próximas ge- que nos movemos en un plano horizon-
nera planos y texturas. tal (Fig. 2.2 a).

Las propiedades de una línea están de- La línea recta vertical sugiere elevación,
finidas por su grosor, su longitud, su movimiento ascendente, actividad.
orientación (dirección) respecto al pla- Expresa equilibrio inestable, como si
no, su ubicación (posición), su forma estuviera a punto de caer (Fig. 2.2 b).
(recta o curva) y su color.
La línea recta inclinada, por el contra-
Podemos considerar diferentes tipos de rio, expresa tensión, inestabilidad, des-
líneas, cada uno de los cuales tiene sus equilibrio. La línea que forma 45º con la
propias cualidades: horizontal es la más estable y reconoci-
ble (Fig. 2.2 c).
Línea recta
Define el camino más cor to entre dos Línea curva
puntos. Es poco frecuente en la natura- Es la línea más libre y la más dinámica
leza, donde predominan las líneas cur- de todas, pudiendo sugerir desde un
vas (el universo en su totalidad es movimiento perfectamente definido has-
curvo), pero muy abundante en el en- ta un movimiento caótico, sin reglas.

a b

12345678901 123456
12345678901
12345678901 123456
12345678901
12345678901 123456
12345678901
12345678901 123456
12345678901
12345678901 123456
12345678901
12345678901 123456
c d

Figura 2.3 Elementos visuales

Módulo de diseño I 29
 a b

c d
Figura 2.4 Elementos de relación

Está muy asociada al ser humano, que Los elementos conceptuales se hacen
escribe y dibuja casi siempre con líneas visibles a través de los elementos visua-
curvas (Fig. 2.2 d). les del diseño. Éstos son 11:

c) Plano: El recorrido de una línea en a) Forma: Todo lo visible tiene una

movimiento en una dirección distinta a forma, la cual apor ta para la percepción
la suya se convierte en un plano. Un pla- del ojo una identificación del objeto (Fig.
no tiene largo y ancho, tiene posición y 2.3 a).
dirección y además esta limitado por lí-
neas. Define los límites extremos de un b) Medida: Todas las formas tienen un
tamaño (Fig. 2.3 b).
volumen (Fig. 2.1 c).
c) Color: El color se utiliza compren-
d) Volumen: El recorrido de un plano en
diendo no solo los del espectro solar,
movimiento, en una dirección distinta a la sino asimismo los neutros (blanco, ne-
suya, se convierte en volumen. Tiene posi- gros, grises) y las variaciones tonales y
10. Tomado del documento ción en el espacio, está limitado por planos cromáticas (Fig. 2.3 c).
Elementos del diseño básico y obviamente en un diseño bi-dimensional
publicado en http://
www.cristalab.com/tutoriales/
el volumen es ilusorio (Fig. 2.1 d). d) Textura: Tiene que ver con el tipo de
126/fundamentos-del-diseno- superficie resultante de la utilización del
grafico y del libro Fundamentos 2. Elementos Visuales 10 material. Puede atraer tanto al sentido
del diseño, de Wicius Wong
Cuando se dibuja una figura en el papel, del tacto como al visual (Fig. 2.3 d).
11. Tomado del documento empleamos líneas visibles que represen-
Fundamentos de diseño, tan las líneas conceptuales, éstas tienen 3. Elementos de Relación
publicado en http://
www.newsartesvisuales.com/ largo, ancho, color y textura, definida por Se refiere a la ubicación y a la
funda/FUNDA1.HTM los materiales utilizados. interrelación de las formas en un dise-

30 Instituto de educación abier ta y a distancia IDEA

 Ampliación sobre el color según Wikipedia: El color es un fenómeno físico de la
luz, relacionado con las diferentes longitudes de onda en la zona visible del
espectro electromagnético, que perciben las personas y algunos animales a
través de los órganos de la visión, como una sensación que nos permite dife-
renciar los objetos del espacio con mayor precisión.

ño. La dirección y la posición pueden representación realista, estilizada o

ser percibidos, mientras el espacio y la semi-abstracta.
gravedad sólo pueden ser sentidos.
b) Significado: Todo diseño conlleva
a) Dirección: La dirección de una for- conciente o subconscientemente un sig-
ma depende de como esta relacionada nificado o mensaje.
con el observador, con el marco que la
contiene o con otras formas cercanas c) Función: Para lo que esta creado di-
(Fig. 2.4 a). cho diseño.

b) Posición: La posición de una forma Leyes de la teoría Gestalt12

depende del elemento o estructura que
la contenga (Fig. 2.4 b). La teoría Gestalt permite el análisis del
Diseño desde el punto de vista de las
c) Espacio: Todas las formas por mas leyes de la percepción, comprende la
pequeñas que sean ocupan un espacio, captación de la figura por el ojo humano
el espacio así mismo puede ser visible y su configuración desde su aplicación
o ilusorio (para dar una sensación de efectiva por medio de una integración
profundidad) (Fig. 2.4 c). filosófica: ver la totalidad. El núcleo de
la Psicología de la Gestalt gira en torno
d) Gravedad: El efecto de gravedad no a la siguiente afirmación: La percepción
solamente es visual, sino que también humana no es la suma de los datos sen-
psicológica. Podemos atribuir estabili- soriales, sino que pasa por un proceso
dad o inestabilidad a una forma o a un de reestructuración que configura a par-
grupo de ellas. tir de esa información una forma, una
Gestalt, que constituye un todo, que no
4. Elementos Prácticos es la mera suma de las partes. Es ante-
Los elementos prácticos van mas allá rior a las partes y fundamental para
del diseño en sí y como es de esperar ellas. No es una composición de ele-
son conceptos abstractos. mentos. Las formas son totalidades 12. Tomado del documento
cuya conducta no se determina por la Diseño gráfico en PC, publicado
a) Representación: Se refiere a la for- de sus elementos, sino por la naturale- en http://www.monografias.com/
trabajos11/disegraf/
ma de realizar el diseño: puede ser una za interior total. (Cofer, 1991) disegraf.shtml

Módulo de diseño I 31
 Basados en la Teoría de la percepción, Los signos más básicos de los niños o
los principios de la Gestalt fueron desa- de comunicación en la prehistoria nos
rrollados al inicio del siglo XX por psi- pueden demostrar, una intención natu-
cólogos que creían que las imágenes ral del ser humano de organizar y es-
eran percibidas como algo más que la tructurar las imágenes.
suma de las par tes.
b) Percepción figura-fondo: percibimos
La teoría de la Gestalt permite a los los elementos separados del fondo, aun-
comunicadores visuales predecir como que también podemos tener la percep-
las personas responderán a los elemen- ción contraria, percibir el fondo como
tos de diseño; ayudados por ella pode- figura (muy habitual en los juegos de
mos asegurarnos de que el mensaje va negativo y positivo).
a ser comprendido, y así conver tirse en
dinámico. c) Percepción de contorno: El contor-
no es precisamente lo que nos hace dis-
Según la Gestalt hay varios factores que tinguir o separar la figura del fondo. Está
influyen en la percepción visual, como marcado por un cambio de color o de
son13: saturación del mismo.

a) La agrupación: tendemos a organi- d) Pregnancia: Tendemos a rellenar

zar los elementos que percibimos en aquellos huecos de información que nos
torno a conjuntos significativos organi- faltan para completar el objeto completo.
zados. Es como cuando miramos al cielo La pregnancia nos permite completar la
y vemos en las nubes una serie de figu- visión física que tiene nuestra retina.
ras. Tenemos varias formas de agrupa-
ción:
Aplicación de los principios
„ Por proximidad (la cercanía de los
de la Gestalt a patrones de
distintos elementos nos hace tender
a agruparlos). Diseño14
13. Tomado del documento
„ Por Semejanza (cuando los elemen- Proximidad
Conceptos de diseño: Percepción
del objeto, publicado en http:// tos son parecidos o iguales también Es el principio de la organización
www.newsartesvisuales.com/ tendemos a agruparlos). perceptual, en donde grupos de elemen-
funda/FUNDA1.HTM tos se perciben asociados por su proxi-
14. Tomado del documento „ Por Continuidad (nuestra percepción midad.
Aplicación de la Gestalt y los crea continuidad significativa, como
Patrones de Diseño de
Interacción al diseño de en las tramas de una imagen). En la Figura 2.5 podemos ver tres ejem-
Interfaces Centradas en el plos:
Usuario, publicado en http://
„ Por Simetría (para que los elemen- En la Figura 2.5 a), el cuadro situado en
karpicius.freeflux.net/files/
gestalt_patrones_de_disenio.pdf tos formen figuras conocidas). la par te superior se separa claramente

32 Instituto de educación abier ta y a distancia IDEA

del resto al tener más espacio en blan- Buena Continuidad
co a sus costados. El principio de buena continuidad nos
En la Figura 2.5 b), percibimos tres pa- indica que preferimos percibir contornos
res de filas y no seis filas individuales. continuos suaves a aquellos que cam-
bian abruptamente.
Similaridad
Este es otro principio de agrupamiento En la Figura 2.7 a), vemos una forma de
en donde los elementos que poseen cua- media luna, dispuesta repetidas veces
lidades similares (color, forma, tamaño) en forma sincronizada al derecho y al
son percibidos como par te de la misma revés. Percibimos un suave contorno
forma. continuo y no así elementos separados.

En la Figura 2.6 a), vemos dos cuadros En la Figura 2.7 b), se repiten aún más
que percibimos diferentes del resto, el las figuras, pero esta vez separadas en
primero en la par te superior se percibe grupos en donde se vuelve a percibir
diferente por tener otro color. El segun- esta vez un grupo de ondulaciones,
do cuadro situado en la par te inferior se haciendo difícil percibir las formas
percibe diferente por su tamaño. En el individuales.
primero, el tamaño y la forma es la mis-
ma, no así su color, en el segundo, su Cerramiento
color y forma es igual, pero lo que varía El principio de cerramiento nos indica
es su tamaño. que, tendemos a encerrar formas com-
pletando contornos.
En la Figura 2.6 b), los cuadros están
equidistantes unos de otros, pero perci- Es un principio que deriva de la Buena
bimos dos grupos de columnas debido Continuidad. Se podría decir que
a su diferente color. llenamos espacios vacíos con formas o

a b a b
Figura 2.5 Proximidad Figura 2.6 Similaridad

Módulo de diseño I 33
 a

b b
Figura 2.7 Buena continuidad Figura 2.8 Cerramiento

dicho de otro modo vemos formas en En la Figura 2.9 a), podemos distinguir
espacios vacíos. También muchos claramente el triángulo por sobre la for-
especialistas creen que esta es la idea ma que se encuentra a la derecha, esto
principal de la gestalt, de como en principio se fundamenta porque te-
entendemos el mundo ya que es una nemos más codificada la forma triangu-
tendencia intencional. lar que la poligonal.

En la Figura 2.8 a), percibimos dos La Figura 2.9 b), nos muestra como
rombos antes que las formas angulares.
podemos distinguir dos figuras por so-
bre un fondo, creando un cier to dina-
En la Figura 2.8 b), vemos un patrón de
mismo en cuanto a dos figuras en un
círculos que nos hacen percibir un cuadrado.
mismo nivel.
Figura / Fondo
Radica en que tendemos a percibir cier- Simetría
tos elementos como figura, con formas Este principio nos demuestra que pre-
y bordes y otros como fondo. Hay figu- ferimos percibir con más facilidad las
ras que, aunque ocupen el mismo por- formas combinadas de modo simétrico
centaje de lugar dentro de una imagen, que aquellas combinadas de modo
tienden a ser figura y no fondo. asimétrico.

34 Instituto de educación abier ta y a distancia IDEA

 a a

b b
Figura 2.9 Figura / Fondo Figura 2.10 Simetría

En la Figura 2.10 a), percibimos dos círculos simétri-

cos y no una elipse rodeada.

En la Figura 2.10 b) percibimos tres rectángulos en

forma diagonal, y no percibimos tres rectángulos
asimétricos.

Pregnancia o equilibrio
La ley gestáltica del equilibrio, referida a figuras cla-
ras, simétricas y armónicas, se denomina Ley de la
Praegnanz. Afirma que la organización perceptual tien-
de a la mayor simplicidad posible.

Las personas organizan los elementos del modo más

simple posible. En la pregnancia juegan mucho todos Figura 2.11 Pregnancia
los demás principios de la gestalt.

En la Figura 2.11 vemos como ante un patrón com-

plicado, tendemos a diferenciar los elementos de
modo ordenado y sencillo.

Módulo de diseño I 35
 GUÍA DE AUTOEVALUACIÓN Nº 2
Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con
base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 2 le dará
los elementos necesarios para su resolución y en la bibliografía sugerida podrá
hacer ampliación investigativa sobre el tema.

1. Enumere los elementos conceptuales de diseño.

2. Explique ¿por qué se considera el punto como la mínima unidad de informa-
ción visual?
3. Una de las características del punto es su poder de crear tensión. Diser te al
respecto y de un ejemplo.
4. Defina la línea y enumere sus características
5. Especifique las dos clases de líneas y exponga sus usos más frecuentes
6. ¿Cuál es la impor tancia del plano en el diseño bi-dimensional?
7. Enumere los elementos visuales del diseño
8. ¿A qué se refieren los elementos de relación del diseño? ¿cuáles son?
9. Según su criterio ¿cuál es la impor tancia de los elementos prácticos del diseño
en el proceso de la comunicación visual?
10. ¿Cuál es el principio de la teoría Gestalt? ¿Qué apor te hace esta teoría al dise-
ño?
11. Según la teoría gestalt ¿cuáles son los factores que influyen en la percepción?
12. Ilustre gráficamente los siguientes términos:
a) Proximidad
b) similaridad
c) buena continuidad
d) cerramiento
e) figura / fondo
f) simetría
g) pregnancia o equilibrio

36 Instituto de educación abier ta y a distancia IDEA

 3. La organización de
los elementos

Interrelación de formas15 „ Mediante líneas (Fig. 3.1 a)

„ Mediante superficies lisas (Fig. 3.1 b)
La forma es todo lo que se puede ver – „ Mediante líneas y superficies planas
todo lo que tiene contorno, tamaño, co- (Fig. 3.1 c)
lor, y textura–, ocupa espacio, señala „ Mediante puntos (Fig. 3.1 d)
una posición e indica una dirección. „ Mediante textura (Fig. 3.1 e)

Una forma creada, puede basarse en la Tipos de forma

realidad –reconocible– o ser abstracta Las formas pueden clasificarse de una
–ir reconocible–. Una for ma puede manera genérica según su contenido
haberse creado para trasmitir un específico así:
significado o mensaje, o bien puede ser
meramente decorativa. Puede ser simple Figurativa: Cuando una forma contiene
o compleja, armónica o discordante. un tema identificable y representa un
elemento que visualmente conocemos.
En sentido estricto, las formas son con-
tornos compactos y positivos que ocu- Abstracta: Cuando una forma no con-
pan un espacio y se diferencian del tiene un tema identificable.
fondo.
Las formas figurativas se subdividen
La visualización de la forma (por el tema representado) en:
Visualizar una forma requiere la utiliza- 15. Tomado del documento
Aspectos de la forma
ción de puntos, líneas y planos que des- „ Formas naturales que son figuras en bidimensional, publicado en
criban sus contornos, características de las que el tema representado es la http://www.universoe.com/arte/
superficie y otros detalles. Cada méto- naturaleza, organismos vivientes, resumenes/otros/
01_wong_2.shtml y del libro
do o tratamiento produce un diferente objetos inanimados que existen en Fundamentos del diseño, de
efecto visual, así la forma se visualiza: la superficie de la tierra etc. Wicius Wong

12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
12345678901234
a b c d e
Figura 3.1 Visualización de la forma

Módulo de diseño I 37
 „ Formas ar tificiales que son formas estar muy cercanas (Fig. 3.2 a).
derivadas de objetos o entornos b) Toque. Si acercamos ambas formas
creados por el hombre. comienzan a tocarse. El espacio que las
„ Formas verbales que son todos los mantenía separadas en a) queda así anu-
símbolos, y letras que representan lado (Fig. 3.2 b).
el lenguaje. c) Superposición. Si acercamos aún más
ambas formas, una se cruza sobre la
Las formas pueden encontrarse entre sí otra y parece estar por encima, cubrien-
de diferentes maneras. Cuando una for- do una porción de la que queda debajo
ma se interrelaciona con otra se puede (Fig. 3.2 c).
presentar16: d) Penetración. Igual que en c) pero
16. Tomado del libro
ambas formas parecen transparentes.
Fundamentos del diseño, de a) Distanciamiento. Ambas formas que- No hay una relación obvia de arriba y
Wicius Wong dan separadas entre sí, aunque puedan debajo entre ellas, y los contornos de

a b

c d

e f

g h

Figura 3.2 Interrelación de la forma

38 Instituto de educación abier ta y a distancia IDEA

ambas formas siguen siendo enteramen- recordarnos las formas originales con
te visibles (Fig. 3.2 d). las que fue creada (Fig. 3.2 g).
e) Unión. Igual que en c) pero ambas h) Coincidencia. Si acercamos aún más
formas quedan reunidos y se convier- ambas formas, habrán de coincidir. Los
ten en una forma nueva y mayor. Am- dos círculos se convier ten en uno (Fig.
bas formas pierden una par te de su 3.2 h).
contorno cuando están unidas (Fig.
3.2 e). Las diversas clases de interrelaciones
f) Sustracción. Cuando una forma invi- deben siempre ser exploradas cuando se
sible se cruza sobre otra visible, el re- organizan formas dentro de un diseño.
sultado es una sustracción. La porción
de la forma visible que queda cubier ta
por la invisible se convier te asimismo Repetición de módulos17
en invisible. La sustracción puede ser
considerada como la superposición de Si utilizamos la misma forma más de una
una forma negativa sobre una positiva vez usamos la repetición. Este es el
(Fig. 3.2 f). método más sencillo de diseño, esta
g) Intersección. Igual que en d) pero suele apor tar una inmediata sensación
solamente es visible la porción en que de armonía. Los módulos son formas
ambas formas se cruzan entre sí. Como idénticas o similares que aparecen más
17. Tomado del libro
resultado de la intersección, surge una de una vez en un diseño. La presencia Fundamentos del diseño, de
forma nueva y más pequeña. Puede no de módulos tiende a unificar el diseño. Wicius Wong

Módulo Supermódulo Composición

Figura 3.3 Módulo, supermódulo y composición

Módulo de diseño I 39
 Los módulos pueden ser descubiertos e) Repetición de Dirección: esto solo es
fácilmente y deben de ser simples o si posible cuando las formas muestran un
no se perdería el efecto de repetición sentido definido de dirección, sin la me-
(Fig. 3.3). nor ambigüedad (Fig. 3.4 e).
f) Repetición de Posición. Esto se re-
Tipos de Repetición de módulos fiere a como se disponen las formas, de
a) Repetición de Figura: La figura es acuerdo a una estructura (Fig. 3.4 f).
siempre el elemento más impor tante.
Las figuras que se emplean pueden te- Submódulos y Supermódulos
ner diferentes medidas, colores, etc (Fig. Un módulo puede estar compuesto por
3.4 a). elementos más pequeños, que son utili-
b) Repetición de Tamaño: Esta solo es zados en repetición. Tales elementos
posible cuando las figuras son también más pequeños son denominados
repetidas o muy similares (Fig. 3.4 b). "submódulos".
c) Repetición de Color: Esto supone
que todas las formas tienen el mismo Si estos al ser organizados se agrupan
color, pero que sus figuras y tamaños juntos para conver tirse en una forma
pueden variar (Fig. 3.4 c). mayor, que luego es utilizada en repeti-
d) Repetición de Textura: Todas las for- ción son denominados como
mas pueden ser de diferentes conforma- "supermódulos". Hay una gran variedad
ciones, medidas o colores (Fig. 3.4 d). de ambos módulos.

12345678901 12345678901 123456789012

12345678901
12345678901 12345678901
12345678901 123456789012
123456789012
12345678901 12345678901 123456789012
12345678901
12345678901 12345678901
12345678901 123456789012
123456789012
12345678901 12345678901 123456789012
12345678901 12345678901 123456789012
12345678901
12345678901
12345678901
12345678901 123456789012
123456789012
a 12345678901 12345678901 123456789012 d

b e

c f

Figura 3.4 Tipos de repetición de módulos

40 Instituto de educación abier ta y a distancia IDEA

 a b c d e
Figura 3.5 Tipos de estructura

Estructura y retícula18 bastante regular, pero existe la ligera irre-

gularidad. Puede componerse o no de
Estructura líneas estructurales que determinan la
La estructura gobierna la manera en que disposición de los módulos (Fig. 3.5 b).
una forma es construida o la manera
como se unen una cantidad de formas. Estructura Informal: Esta no tiene nor-
Es la organización espacial general, es malmente líneas estructurales. La orga-
el esqueleto que esta detrás dentro del nización es generalmente libre o
entretejido de figura, color y textura. La indefinida (Fig. 3.5 c).
apariencia externa de una forma puede
ser muy compleja mientras su estructu- Estructura Inactiva: Es la que se com-
ra es relativamente simple. pone de líneas estructurales que son
puramente conceptuales. Tales líneas
Por regla general la estructura impone un son construidas en un diseño para guiar
orden y predetermina las relaciones inter- la ubicación de formas o de módulos,
nas de las formas de un diseño. Esta siem- pero nunca interfieren con sus figuras
pre presente cuando hay una organización. ni dividen el espacio en zonas distintas,
Puede ser formal, semiformal o informal. donde puede ser introducidas variacio-
nes de color (Fig. 3.5 d).
Tipos de estructura
Estructura Formal: Se compone de líneas Estructura Activa: Se Compone de líneas
que aparecen construidas de manera estructurales que son asimismo concep-
rígida, matemática. Las líneas habrán de tuales. Sin embargo pueden dividir el
guiar la formación completa del Diseño. El espacio en subdivisiones individuales,
espacio queda dividido en subdivisiones, que interactúan con los módulos que
igual o rítmicamente y las formas quedan contienen (Fig. 3.5 e). 18. Tomado del documento El
organizadas con una fuer te sensación diseño equilibrado, publicado en
de regularidad (Fig. 3.5 a). Retícula http://www.desarrolloweb.com/
articulos/1407.php?manual=47
El espectador que contempla una obra y del libro Fundamentos del
Estructura Semiformal: Habitualmente es gráfica (folleto, car tel tríptico o página diseño, de Wicius Wong

Módulo de diseño I 41
 web) busca inconscientemente en ella horizontal aporta equilibrio y estabilidad,
un orden y una estabilidad que le per- mientras que el ver tical facilita la eleva-
mitan pasear la vista por la misma de ción de la vista, marcando prioridades
forma organizada y limpia. o niveles en la composición

El sistema plano de referencia habitual Puesto que las composiciones gráficas

en los seres humanos es el formado por se representan en sopor tes planos, es
un eje horizontal y otro vertical, es de- fácil deducir que este sistema de refe-
cir, por dos rectas que se cor tan en un rencia es también el más adecuado para
ángulo de 90º. En este sistema, el eje la distribución de sus elementos. Si a
esto se suma el carácter eminentemen-
te rectangular de la mayoría de los so-
por tes, obtenemos por extensión el
sistema de organización idóneo para
nuestras composiciones: la retícula.

La retícula o rejilla es un sistema de re-

ferencia formado por diferentes líneas
horizontales y ver ticales que marcan la
ubicación de elementos y zonas en una
composición gráfica, líneas que no tie-
nen por qué tener una representación
real (no tienen porqué formar par te del
grafismo), pero sí mental. Son las guías
imaginarias sobre las que vamos a ir
colocando los elementos, la espina dor-
sal de una composición gráfica.
Figura 3.6 Retícula básica y sus variantes
Mediante el reticulado, el diseñador si-
túa con armonía los bloques de conte-
nido que forman la composición. Una
composición gráfica no es un sistema
estándar, único, sino que los mismos
elementos se pueden organizar siguien-
do diferentes esquemas. Pero siempre
deben estar dispuestos según una
retícula que les apor te equilibrio y esta-
bilidad visual. Es tarea del diseñador
buscar el conjunto ubicación - reticulado
Figura 3.7 Retícula con estructura de múltiple repetición que mejor se adapte a su obra.

42 Instituto de educación abier ta y a distancia IDEA

Tipos de retícula
Retícula Básica: Es la que se usa con
más frecuencia en las estructuras de
repetición. Se compone de líneas ver ti-
cales y horizontal, parejamente espacia-
das, que se cruzan entre si. Apor ta a
cada modulo una misma cantidad de
espacio, arriba, abajo, izquierda o dere-
cha; excepto por la dirección generada
por los mismos módulos. Tiene aspec-
to de cuadrícula (Fig. 3.6).

Retícula con estructura de Múltiple Re-

petición: Es cuando la estructura se
compone de más de una clase de
subdivisiones estructurales, que se re-
piten en forma y tamaño. Es una estruc-
tura Formal, las diversas clases se
entretejen en un dibujo regular (Fig. 3.7).

Módulo de diseño I 43
 GUÍA DE AUTOEVALUACIÓN Nº 3
Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con
base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 3 le dará
los elementos necesarios para su resolución y en la bibliografía sugerida podrá
hacer ampliación investigativa sobre el tema.

1. Defina ¿qué es una forma y de qué manera se puede llegar a visualizar?

2. ¿Cómo se clasifican las formas según su tipo?
3. Ilustre gráficamente cada una de las ocho maneras de interrelación de la forma
con sólo una de las siguientes figuras: cuadrado, rombo, o triángulo.
4. Defina ¿Qué es la estructura? ¿qué clases de estructura hay?
5. ¿Qué es la retícula y cual es su impor tancia en las composiciones gráficas?
6. ¿Qué es una retícula básica y qué tipo de composiciones origina?
7. Investigue en la bibliografía sugerida qué otros tipos de retícula existen en el
diseño e ilústelas gráficamente.
8. Diser te alrededor de los siguientes enunciados y escríbalo en dos párrafos de
máximo cuatro líneas cada uno.
„ La forma como elemento compositivo.
„ La forma como elemento comunicativo

44 Instituto de educación abier ta y a distancia IDEA

 4. Composición - leyes del Orden

La composición19 Es la organización estructural volunta-

ria de unidades visuales en un campo
La composición de un diseño es ade- dado, de acuerdo a leyes perceptuales
cuar distintos elementos gráficos (tex- que debe dar un resultado integrado y
tos, imágenes, fotografías entre otros) armónico. 19. Tomado del documento
dentro de un espacio visual, que previa- Composición y ubicación de los
mente ha sido seleccionado, combi- Se debe considerar que cada elemento elementos de diseño, publicado
nándolos de tal forma que todos ellos escogido está cargado de un alto poten- en http://www.imageandart.com/
teoria.html y del libro
sean capaces de transmitir un mensaje cial significativo y que, manejados ade- Fundamentos del diseño, de
claro a los receptores del mensaje. cuadamente, constituyen una sólida Wicius Wong

a b c
En estos tres anuncios, se puede apreciar que el equilibrio en una composición puede alcanzarse con
la combinación de los elementos gráficos fundamentales (texto e imágenes), sin que ninguno de ellos
interfiera en los restantes.
A: Composición con sólo texto. B: Composición con equilibrio de texto e imagen. C: Composición con
predominio de la imagen.

Figura 4.1 La composición

Módulo de diseño I 45
 base de comunicación del mensaje en guno de estos elementos. Por tanto, es
función de la forma, tamaño, ubicación, muy impor tante la posición que se le da
etc. que se le asigne a cada elemento a cada uno de los elementos y encon-
de la composición. Es el diseñador quien trar el equilibrio formal entre todos ellos.
debe elegir y seleccionar continuamen-
te la información aportada por cada uno
de los elementos gráficos (Fig. 4.1). Leyes del orden compositivo20
En una composición gráfica, se debe En una composición debemos buscar la
procurar siempre encontrar un equilibrio máxima eficacia comunicativa, impactar
formal entre todos los elementos que la visualmente al público receptor de nues-
constituye, a fin de lograr una comuni- tro mensaje. Realmente no existe una
cación eficaz. Por principio, nada debe norma específica que nos asegure el
ser gratuito en un diseño. Tampoco se éxito de nuestra composición, pero sí
debe exceder en la utilización de elemen- unas pautas, que si se conocen y apli-
tos gráficos los cuales se vuelven en can pueden hacer más eficaz nuestro
contra del mensaje entorpeciéndolo: pro- mensaje. Por tanto, antes de empezar a
ducen un número excesivo de "ruidos" diseñar analicemos las leyes que rigen
que, en última instancia, sólo enmasca- y gobiernan los órdenes compositivos:
ran y ocultan el mensaje principal de la
comunicación. a) Similitud
Es cuando las formas no son idénticas,
Al diseño podemos aplicarle dos defini- sino parecidas. Estos se encuentran fá-
ciones de composición gráfica: cilmente en la naturaleza, (hojas de un
1. La disposición de elementos diver- árbol). Esta no tiene la estricta regulari-
sos para expresar decorativamente una dad de la repetición, pero mantiene en
sensación. grado considerable la sensación de re-
2. Una disposición de los elementos gularidad.
para crear un todo satisfactorio que pre-
sente un equilibrio, un peso y una colo- Cuando las formas no son idénticas no
cación perfecta. están en repetición sino en similitud. La
figura es siempre el elemento principal
Todo mensaje en diseño gráfico se ela- para establecer una relación de simili-
bora siempre por medio de una combi- tud, porque las formas difícilmente po-
nación coherente y previamente drían ser consideradas como similares
estudiada, de elementos visuales con los si no lo fueran en tamaño, color y textu-
que ha decidido trabajar. Estos elemen- ra, aunque sean diferentes en su figura
tos pueden ser imágenes, texto, ilustra- (Figura 4.2).
ciones, espacios en blancos, entre otros,
20. Tomado del libro
Fundamentos del diseño, de
o por el contrario, construir la composi- b) Gradación
Wicius Wong ción con la ausencia deliberada de al- Es el cambio gradual y ordenado de

46 Instituto de educación abier ta y a distancia IDEA

figura, tamaño, color, textura, dirección, c) Radiación
posición, espacio y/o gravedad de los Es un caso especial de repetición. Los
módulos activos en una composición módulos repetidos o las subdivisiones
(Figura 4.3). En la Gradación, los estructurales que giran regularmente al-
módulos son organizados para sugerir rededor de un centro común. Esta pue-
de manera controlada, la progresión y de tener el efecto de vibración óptica que
el movimiento. encontramos en la gradación (Figura
4.4).
Toda forma puede ser gradualmente
cambiada hasta convertirse en cualquier Características de un esquema de Ra-
otra, la cantidad de pasos requeridos diación
para ello determina la velocidad de gra- „ Generalmente es multisimétrico
dación. Una gradación rápida provoca „ Posee un vigoroso punto focal, ha-
saltos visuales, una lenta produce ilu- bitualmente situado en el centro del
siones ópticas. dibujo

Figura 4.2 Similitud Figura 4.4 Radiación

Figura 4.5 Anomalía

Figura 4.3 Gradación Figura 4.6 Contraste

Módulo de diseño I 47
 „ Puede generar energía óptica y mo- anomalía es capaz de generar movi-
vimiento, desde o hacia el centro miento y vibración
„ Transformar la regularidad. Una cla-
Estructura de Radiación se de regularidad puede ser trans-
Centro de Radiación: marca el punto formada en otra. Aquí la anomalía es
focal en cuyo derredor se sitúan los solo un cambio de disciplina
módulos. Debe anotarse que el centro „ Quebrar la regularidad. La regulari-
no siempre es el centro físico. dad puede ser completamente ani-
quilada hasta el desorden en una o
Direcciones de Radiación: son las direc- más zona de diseño.
ciones de las líneas estructurales tanto
como a las direcciones de los módulos. Cuando se introduce la anomalía entre
los módulos debe examinarse cuidado-
d) Anomalía samente la originalidad de cada uno de
La anomalía es la presencia de la irre- los elementos visuales y de relación. Un
módulo anómalo no tiene que ser dife-
gularidad en un diseño en el cual aun
rente en todo sentido respecto a la re-
prevalece la regularidad. Marca cier to
gularidad general, puede desviarse en
grado de desviación de la conformidad
uno o dos elementos y conformarse en
general, lo que resulta en una interrup-
los otros a la regularidad general. Es
ción, leve o considerable de la discipli-
comparativa ya que se necesita la regu-
na total. A veces la anomalía es un
laridad para poder compararla contra un
elemento singular dentro de una organi- modulo anómalo.
zación uniforme (Figura 4.5).
e) Contraste21
Los ejemplos de anomalía en nuestro El contraste es el efecto que permite re-
derredor son comunes: las flores entre saltar el peso visual de uno o más ele-
el follaje, la luna en una noche estrella- mentos o zonas de una composición
da, las grietas en una pared lisa, una vie- mediante la oposición o diferencia apre-
ja iglesia en un moderno rascacielos. ciable entre ellas, permitiéndonos atraer
la atención de espectador hacia ellos. Es
En el diseño, el uso de la anomalía debe una clase de comparación por la cual
corresponder a una verdadera necesi- las diferencias entre los elementos se
dad. Debe tener un propósito definido, hacen claras (Figura 4.6).
que puede ser uno de los siguientes:
Contraste de tonos: Se obtiene contras-
„ Atraer la atención. Cuando la ano- te entre elementos que poseen tonos
malía es usada en forma moderada, (claridad-oscuridad) opuestos. En este
21.Tomado del documento El
diseño equilibrado, publicado en tiende a destacarse y a traer la aten- caso, el mayor peso lo tendrá el elemen-
http://www.desarrolloweb.com/ ción inmediata. to más oscuro, destacando el más claro
articulos/1407.php?manual=47
„ Aliviar la monotonía, la simple regu- sobre él con más intensidad cuanto
y del libro Fundamentos del
diseño, de Wicius Wong laridad puede hacerse monótona. La mayor sea la diferencia tonal.

48 Instituto de educación abier ta y a distancia IDEA

Contraste de colores: Dos elementos con Contraste de escala: Es el producido por
colores complementarios se refuerzan el uso de elementos a diferentes esca-
entre sí, al igual que un color cálido y las de las normales o de proporciones
otro frío. El contraste creado entre dos irreales, consiguiéndose el contraste por
colores será mayor cuanto más aleja- negación de la percepción aprendida.
dos estén en el círculo cromático. Los
colores opuestos contrastan mucho, f) Concentración22
mientras que los análogos apenas lo Se refiere a una manera de la distribu-
hacen, perdiendo impor tancia visual ción de los módulos, que pueden estar
ambos. apretadamente reunidos en cier tas zo-
nas del diseño o levemente repartidos
Contraste de contornos: Los contornos en otras. La distribución es habitualmen-
irregulares destacan de forma impor tan- te desparejada e informal, a veces con
te sobre los regulares o reconocibles. un sitio de reunión densa o de distribu-
22. Tomado del libro
Crean mucha tensión en el espacio que ción tenue que se convier te en el centro Fundamentos del diseño, de
les rodea. de interés (Figura 4.7). Wicius Wong

Figura 4.7 Concentración Figura 4.9 Ritmo

a b
Figura 4.10 Textura

c d

Figura 4.8 Equilibrio Figura 4.11 Espacio

Módulo de diseño I 49
 La concentración puede ser obtenida de Podemos definir el concepto de equili-
las siguientes maneras: brio como la apreciación subjetiva de
que los elementos de una composición
Ausencias frecuentes. Las ausencias no se van a caer. La existencia de equi-
frecuentes conduce a la concentración librio en una composición, no quiere
de los módulos en cier tas zonas del di- decir que todas las líneas (texto, titula-
seño. res...) o formas (fotografías, ilustracio-
nes...) sean iguales en tamaño, color u
Cambios posicionales. Los cambios otra dimensión.
posicionales de los módulos dentro de
la composición aumenta o disminuye la En toda composición debe existir un
proporción del espacio ocupado en re- adecuado equilibrio entre los diferentes
lación con el espacio vacío. elementos que la forman si queremos
atraer la atención del espectador y man-
Cambios cuantitativos. La variación de tenerla hasta que haya asimilado el men-
la cantidad de módulos dentro de los saje que queremos transmitirle.
supermódulos que los contienen varían
cuantitativamente el número de módu- El equilibrio visual que un diseñador pue-
los activos en la composición, creando de definir en una composición puede ser
visualmente zonas de mayor o menor formal o informal en función de la ubi-
concentración. cación y carga visual que se asigne a
cada elemento.
g) Equilibrio 23
El centro de gravedad es el concepto Equilibrio for mal: se basa en la
básico que aquí debemos interpretar en bisimetría. Buscamos con él un centro
un sentido menos literal. El problema no óptico dentro del diseño y que no tiene
consiste en el equilibrio de un cuerpo por qué coincidir con el centro geomé-
en el espacio, sino en el de todas las trico de la composición. El punto de
partes de un campo definido. Es más equilibrio formal suele estar ubicado un
fácil abordarlo como una igual de opo- poco por encima del centro geométrico.
sición; ello implica un eje o punto cen- Una composición que decida seguir este
tral en el campo alrededor del cual las esquema compositivo reflejará estabili-
fuerzas opuestas están en equilibrio. dad, calma y estatismo. No supone una
composición muy audaz, aunque lo que
23. Tomado del documento
Composición y ubicación de los El concepto de equilibrio parte también sí asegura es una distribución armónica
elementos de diseño, publicado de nuestra propia percepción, en rela- de los elementos (Figura 4.7 a).
en http://www.imageandart.com/ ción con nuestra anatomía, que nos lle-
teoria.html, del documento
Composición, publicado en http:/ va a interpretar la colocación de pesos, Equilibrio infor mal: Prescinde por
/www.newsartesvisuales.com/ magnitudes, masas y volúmenes en re- completo de la simetría, y el equilibrio
funda/compo1.htm y del libro
Fundamentos del diseño, de
lación con nuestro propio concepto de se consigue aquí en base a contraponer
Wicius Wong simetría humana. y contrastar los pesos visuales de los

50 Instituto de educación abier ta y a distancia IDEA

elementos, buscando diferentes secuencias de elementos apor tando
densidades tanto formales como de parte de los conocimientos previamente
color, que consigan armonizar visual adquiridos y a percibir elementos
mente dentro de una asimetría semejantes como un todo tendiendo a
intencionada. De todos es sabido que las agr uparlos. Cuando contemplamos
formas pequeñas poseen menor peso determinada secuencia de elementos (ya
visual que las más grandes. Si, además la sean números, formas, figuras
forma de la figura no es regular, su peso geométricas o colores), tendemos a
aumenta notablemente (Figura 4.7 b). agrupar aquellos que poseen formas
semejantes (Figura 4.9).
Podemos conseguir en nuestra compo-
sición ese equilibrio de formas y líneas, Así, el factor de ritmo se produce cuando
es decir, los pesos de los elementos encontramos una repetición secuencial
deben estar compensados. La manera de un conjunto de elementos. Con esta
de medir el peso de las formas y líneas técnica se puede producir dinamismo y
del diseño es, analizando la impor tan- armonía en nuestra composición. Es
cia visual de estos dentro de nuestra capaz de transmitir movimiento dentro
composición. del área de diseño, gracias a la
aproximación de elementos semejantes.
Existen dos tipos de equilibrio:
El ritmo es un movimiento marcado por
El equilibrio simétrico: se produce cuan- una regular. En el diseño así como en la
do encontramos igualdad de peso y tono naturaleza, el ritmo solo tiene sentido
en ambos lados de nuestra composición cuando expresa necesidades funciona-
(Figura 4.7 c). les. En los diseños visuales físicamente
estáticos, el movimiento es subjetivo,
El equilibrio asimétrico: se produce pero no menos real. No podemos modi-
cuando no existe las mismas dimensio- ficar el tamaño del elemento o los inter-
nes (ya sea de tamaño, color...) en am- valos de espacios sin per turbar la
bos lados, pero aún así existe equilibrio expectativa de recurrencia.
entre los elementos (Figura 4.7 d).
i) Textura 24
Sin una disposición adecuada de las for- El primer análisis que realiza el ojo en la
mas, colores y agrupaciones, sin un percepción, queda reafirmado o contras-
equilibrio global en la composición, el tado a través del tacto, que nos trans-
mensaje no llegará de forma adecuada mite otra información.
al espectador.
La textura está relacionada con la com-
h) Ritmo posición de una sustancia a través de
24. Tomado del libro
Consiste en aprovechar la tendencia que variaciones diminutas en la superficie Fundamentos del diseño, de
tiene el ser humano en completar del material. Con la luz, es el elemento Wicius Wong

Módulo de diseño I 51
 clave en la percepción del espacio por La forma se reconoce habitualmente
su capacidad para orientar la visión como la "figura" y el espacio que la ro-
estereoscópica. Se produce mediante la dea se denomina "fondo" (Figura 4.11).
repetición de luces y sombras en un
espacio gráfico, motivos iguales o simi- Se puede utilizar una composición para
lares que se repiten en el soporte. hacer muchos tipos de descubrimiento.
Lo habitual es identificar los objetos y
Con todo, la mayor parte de nuestra ex- luego dibujarlos dentro del espacio que
periencia textural es óptica, no táctil. ocupan.
Mucho de lo que percibimos como tex-
tura está pintado, fotografiado, filmado... Otra manera de identificar la forma es
simulando una materia que realmente no buscar la forma negativa, es decir el
está presente. Toda figura tiene una su- espacio que no se halla ocupado por los
perficie, y toda superficie tiene caracte- objetos.
rísticas que pueden ser descritas como
suave o rugosa, lisa o decorada, opaca
o brillante, blanda o dura (Figura 4.10).

La Textura se clasifica en:

Textura visual: Es estrictamente bi-
dimensiona, es la que puede ser vista
por el ojo y evoca sensaciones táctiles.

Textura táctil: Esta además de ser visi-

ble puede sentirse con las manos. Ésta
se eleva sobre la superficie y se con-
vierte en relieve.

j) Espacio25
La naturaleza del espacio es muy com-
pleja, debido a que existen muchas for-
mas de verlo. El espacio puede ser
positivo (cuando rodea un objeto nega-
tivo) o negativo (cuando rodea un obje-
to positivo).

En el diseño blanco y negro, tendemos

a considerar el negro como ocupado y
al blanco como vacío. Así una forma
25. Tomado del libro
Fundamentos del diseño, de
negra es reconocida como positiva y una
Wicius Wong blanca como negativa.

52 Instituto de educación abier ta y a distancia IDEA

 GUÍA DE AUTOEVALUACIÓN Nº 4
Repaso, pienso, profundizo, respondo

A continuación usted encuentra una serie de preguntas que deberá responder, con
base en el desarrollo dado en el núcleo temático precedente. El núcleo Nº 4 le dará
los elementos necesarios para su resolución y en la bibliografía sugerida podrá
hacer ampliación investigativa sobre el tema.

1. ¿Qué es una composición gráfica?

2. ¿Por qué el diseñador debe ser cuidadoso de los elementos gráficos que elige
y la forma de componerlos?
3. Establezca la relación que existe, a su modo de ver, entre composición y co-
municación
4. Defina brevemente e ilustre gráficamente
„ Similitud
„ Gradación
„ Radiación
„ Anomalía
„ Contraste
„ Concentración
„ Equilibrio
„ Ritmo
„ Textura
„ Espacio
5. Analice una pieza gráfica (volante, afiche, plegable, anuncio de prensa o revis-
ta, entre otras) y con base en ese análisis visual determine:
„ Tipo de estructura que gobierna la composición
„ Trace con regla, escuadra y tiralíneas (rapidógrafo, plumón de punta fina)
la retícula que sustenta la composición
„ Entre las leyes de composición estudiadas, cuáles están presentes en la
pieza gráfica analizada y señálelas.

Módulo de diseño I 53
54 Instituto de educación abier ta y a distancia IDEA
 BIBLIOGRAFÍA
Amplío conocimientos, aclaro dudas

1. WONG, Wucius. Fundamentos del diseño. 2 ed. Barcelona: Gustavo Gili, 1995.
Es el texto básico del módulo, aquí encuentra ampliados todos los temas.
2. DONDIS, D. A. Sintaxis de la imagen, la: Introducción al alfabeto visual. 13 ed.
Barcelona: Gustavo Gili, 1998.
Este libro abarca el tema de cómo se da la percepción visual en los seres
humanos y cómo esto influye en los procesos comunicativos. Indispensable
para ampliar el núcleo temático Nº 1.
3. HOFMANN, Armin. Manual de diseño gráfico: Formas, síntesis, aplicaciones.
Barcelona: Gustavo Gili, 1996.
Encuentre aquí muy buenos ejemplos gráficos de toda la temática estudida
en el módulo. Se explica paso a paso el proceso de diseño
4. SCOUT, Rober t Gillam. Fundamentos del Diseño. México: Limusa, c2000.
Aquí puede ampliar los núcleos temáticos Nº 2 y 3. Buenos ejemplos
gráficos.
5. SWANN, Alan. Bases del Diseño Gráfico. 3 ed. Barcelona: G. Gili, 1995.
Toca otros aspectos de los elementos del diseño, ideal para ampliar
conocimientos o aclarar términos de todos los temas tratados en éste
módulo.

Páginas consultadas en Internet

1. http://www.desarrolloweb.com/ar ticulos
En este sitio se encuentran documentos resumidos y prácticos sobre toda
la teoría del diseño. Gran cantidad de contenidos relacionados con el
diseño.
2. http://www.monografias.com/trabajos29/diseno-bidimensional/diseno-
bidimensional.shtml
Monografías de todos los temas, incluyendo diseño. Es el Centro de Tesis,
Documentos, Publicaciones y Recursos Educativos más amplio de la Red.
3. http://www.imageandar t.com/
Muy buenos textos especializados de arte y diseño. Con recursos como
imágenes; sonidos; artículos acerca de temas relacionados con el arte, y
el diseño.

Módulo de diseño I 55
 4. http://www.newsar tesvisuales.com/
Area Fundamentos del diseño: En donde encontrará temas como teoría
del color, composición, elementos básicos del diseño gráfico o tipografía.
La variadad del material permite conocer mejor estos temas. Puede
descargar los PDFs de los temas publicados desde el área de Recursos.
5. http://es.wikipedia.org/
Proyecto para escribir comunitariamente enciclopedias libres en todos los
idiomas. Permite cargar colectivamente documentos web.

56 Instituto de educación abier ta y a distancia IDEA