Centro de Integracin Tecnolgica

para el Aprendizaje
Ttulo V Cooperativo

Principios y Elementos de Diseo

Prof. Mauricio Conejo | Escuela de Artes Plsticas
Creado: 22 de marzo de 2005 | Modificado: 30 de abril de 2005

Objetivos

Contenido

Documentos

Recursos

Objetivos

Definir los conceptos de fundamentos, elementos y tipografa

Definir los fundamentos y elementos de diseo

Utilizar los fundamentos y elementos de manera correcta en presentaciones

audiovisuales y/o documentos impresos

Identificar los fundamentos y elementos que componen una presentacin u otro

trabajo artstico

Identificar cinco clasificaciones tipogrficas y sus usos

Crear una comunicacin visual efectiva utilizando los fundamentos y elementos de

diseo grfico

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Contenido
Fundamentos
Balance
Contraste
nfasis
Ritmo
Unidad

Marzo 2005

Elementos
Lnea
Forma
Textura
Espacio
Tamao
Tonalidad
Color

Prof. Mauricio A. Conejo

Tipografa
Anatoma
Clasificacin
Mtrica

Objetivos

Contenido

Documentos

Recursos

Fundamentos
Los fundamentos del diseo determinan la posicin de la tipografa y las imgenes en la
pgina. Afectan la relacin de los varios elementos que la componen y sobretodo alteran el mensaje.
Cada fundamento tiene un objetivo definido y ayuda en el proceso de comunicacin. Los
fundamentos son:
Balance
Contraste
nfasis
Ritmo
Unidad

Balance
Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Los elementos son la base de toda composicin y podemos apreciarlos en muchas de las
cosas que usamos cotidianamente. Cada elemento se puede usar individualmente o combinado con
otro para crear diseos interesantes. Es importante determinar cuales elementos son importantes y
funcionales y cuales no aplican a un diseo en particular.
Lnea
Forma
Textura
Espacio
Tamao
Tonalidad
Color

Marzo 2005

Lnea

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Tipografa
El estudio de la forma de la letra, su origen, anatoma, clasificacin y medicin. Su
comprensin es fundamental para el diseo grfico ya que el uso correcto de la tipografa y su
capacidad expresiva mas all del significado fontico literal de la letra logra comunicar mensajes
especficos, directos y emotivos.
Anatoma de la letra
Clasificacin
Medicin

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Fundamentos
Balance
La fuerza detrs del balance es la gravedad. Si algo no tiene balance parece estarse
cayendo. El balance puede ser simtrico o asimtrico

Simtrico:

Marzo 2005

Asimtrico:

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Fundamentos
Contraste
Crea una marcada diferencia entre los elementos de una pgina dndole mayor
importancia a unos y restndole importancia o otros. Se puede lograr contrastando tamao,
color, tipografa y textura.

SI
Contraste de
color

Marzo 2005

TIPOgrfico
TIPOGRAFICO
Contraste tipogrfico

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Fundamentos
nfasis
Se dice que un elemento tiene nfasis cuando sobresale de entre otros elementos. Se le
da nfasis al elemento ms importante ya que lleva el mensaje a la audiencia de forma ms
efectiva. Se debe usar con discernimiento y sutileza ya que al enfatizarlo todo al final no se
enfatiza nada.

E E E

E E E

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Fundamentos
Ritmo
Se usa para lograr movimiento y es una progresin visual de elementos que se repiten en
un patrn determinado. Los dos conceptos esenciales para crear ritmo son la repeticin y la
variacin. Con el primero se repiten los elementos en forma consistente y la variacin es el
cambio en la repeticin ya sea por el tamao, la posicin o la forma.

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Fundamentos
Unidad
Se refiere a que los elementos que se usan tienen un sentido de pertenencia y que por
ende van juntos. La organizacin de los elementos y la relacin entre ellos debe tener una clara
organizacin. Para darle unidad a una pgina se pueden agrupar elementos que se relacionen,
que se repiten o que se complementan. El uso del sistema de cuadrcula ayuda a unir los
elementos visualmente.

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Lnea
Es el primer elemento de diseo. Ayuda a organizar la informacin y a dirigir el ojo hacia
los elementos.

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Forma
Es cualquier figura geomtrica que se genera con el uso de la lnea o el color. Las formas
pueden comunicar ideas (como en logos corporativos). Existen tres diferentes formas:
Geomtricas, Naturales y Abstractas. Las formas geomtricas se usan mucho en el diseo
grfico particularmente. Las formas naturales son fluidas e irregulares y son las plantas, los
animales y los seres humanos. Las formas abstractas se definen como simplificaciones de las
formas naturales que se encuentran a nuestro alrededor.
Geomtrica

Marzo 2005

Natural

Abstracta

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Textura
La textura le da a la pgina un sentido de superficie ya sea spera o lisa, suave o dura. La
textura le da tridimensionalidad al diseo. Puede producir efectos emocionales ya que visualemente se relaciona la textura directamente con el sentido del tacto. Existen dos tipos de texturas: tctiles y visuales. Se pueden crear texturas visuales repitiendo patrones (como en el caso
del papel de regalo o papel de pared), alternando patrones o repitiendo formas geomtricas.

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Espacio
La consideracin del espacio es vital para el diseo. El espacio se define como el rea o
distancia entre las cosas o elementos visuales que forman una pgina incluyendo el rea en
blanco. El espacio en blanco es esencial ya que le permite un descanso al ojo mientras recorre la
pgina. Su propsito es organizar coherentemente las formas y las relaciones espaciales entre
ellas creando puntos de enfoque e inters.

f
Marzo 2005

S
Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Tamao
En diseo el tamao tiene una funcin especfica: Crear una distincin y jerarqua entre
los elementos existentes en la pgina. Para que un diseo sea funcional, organizado, elegante y
efectivo es necesario trabajar con la proporcin entre elementos. Adems el tamao nos
permite crear relaciones espaciales entre elementos creando la sensacin de tridimensionalidad.

Mm
&

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Tonalidad
Las variaciones desde lo mas claro hasta lo mas oscuro en un solo color se conoce como
tonalidad. La tonalidad de un color se ve afectada por los colores adyacentes. Dependiendo del
tono de los colores se establece mayor o menor contraste. El tema y el carcter emotivo de una
pieza se ve afectada por el tono de los colores. El cambio de tono de claro a oscuro crea
direccin y movimiento.

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Elementos
Color
Es la herramienta mas eficaz y poderosa para comunicar ideas en forma simblica. El
color habla sobre la pieza y su carcter emotivo. La combinacin correcta de colores determina
la funcionalidad del trabajo. El uso eficiente del color se logra conociendo la teora y aplicndola
de manera consciente a cada elemento que integra el diseo.

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Aditivo: RGB -Aade luz roja, verde y azul

para crear la gama de colores en monitores

Teora de Color

Percepcin del color en relacin a otro color

Substractivo: CMYK -Al aadir pigmentos de

tintas cyan, magenta, amarillo y negro se
crean los colores que se imprimen. La
mescla de los cuatro colores en su totalidad
forman el negro o la ausencia de color.
Propiedades del color:
1. Matiz (Hue)
2. Saturacin o Intensidad
3. Valor o Brillo (Value)

RGB
Marzo 2005

CMYK
Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Grupos de Colores
Tomando como base la rueda de colores podemos definir los siguientes grupos de
colores que combinan correctamente:
Acromticos, cromticos, monocromticos, complementarios, complementarios cercanos, dobles
complementarios, tradas complementarias, gamas mltiples.
Complementarios

Marzo 2005

Complementarios cercanos

Dobles complementarios Triadas complementarias

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Contrastes que funcionan

Tomando como base la rueda de colores podemos definir los siguientes contrastes de colores
que se pueden utilizar correctamente:
Contraste de saturacin

Contraste de temperatura

Contraste de valor

Marzo 2005

Prof. Mauricio A. Conejo

Contraste entre colores

Objetivos

Contenido

Documentos

Recursos

Tipografa
Anatoma de la letra
Las partes de la letra tienen su nombre
especfico de acuerdo a su funcin.

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

Tipografa
Clasificacin tipogrfica
Existen varias clasificaciones de tipografas, sin embargo la mas aceptada es la de cinco
clasificaciones de acuerdo al perodo histrico de su creacin:
Clsicas o antiguas Se utiliza para documentos formales y serios
Transicionales Se utiliza para documentos semi-formales
Egipcias o slab serifs Se utiliza para grandes titulares
Modernas Se utiliza para documentos informales, nuevos y hasta jocosos
San serifs Se utiliza cuando hay mucho texto pequeo y debe ser legible

EAP EAP EAP EAP EAP

Clsicas
Garamond

Marzo 2005

Serif
Baskerville

Egipcias
Rockwell

Prof. Mauricio A. Conejo

Modernas
Helvetica

San Serif
Lucida Sans

Objetivos

Contenido

Documentos

Recursos

Tipografa
Mtrica
Las medidas usadas para definir tamao de letra espacio entre letras y palabras, espacio
entre lneas, ancho y largo de los bloques de texto.
1 pulgada = 72 puntos
12 puntos = 1 pica
6 picas
= 1 pulgada
Leading o interlnea: Espacio entre cada lnea. Se mide desde la base
de una lnea hasta la base de la otra.
Kerning: Espacio entre pares de letras, ej. To, Yo, Wi, Ma
Tracking: Espacio entre letras

Marzo 2005

Prof. Mauricio A. Conejo

Objetivos

Contenido

Documentos

Recursos

http://www

Recursos

Marzo 2005

Enlaces:
www.mundidesign.com
www.designingwithtype.com/home.html
www.warrenkramer.com/design/1/index.shtml
Libros:
Bases del diseo, Alan Swann
Digital Color and Type, Rob Carter
Introduccin al diseo perriodstico, Jess Zorrilla
Recetario diseo grfico, Leonor Koren y R, Wippo Meckler
Produccin y diseo grfico para World Wide Web, Antonio Fernndez
Diseo ergonmico de aplicaciones hipermedia, Antonio Moreno

Prof. Mauricio A. Conejo