Principios y Elementos de Diseno

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
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido Recursos Documentos
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
Contenido
Fundamentos
Balance
Contraste
nfasis
Ritmo
Unidad
Tipografa
Anatoma
Clasificacin
Mtrica
Elementos
Lnea
Forma
Textura
Espacio
Tamao
Tonalidad
Color
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
Balance
Contraste
nfasis
Ritmo
Unidad
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
Lnea
Forma
Textura
Espacio
Tamao
Tonalidad
Color
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
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: Asimtrico:
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.
TIPOgrfico
TIPOGRAFICO
Contraste tipogrfico
SI
Contraste de
color
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
E
E
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.
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.
Elementos
Lnea
Es el primer elemento de diseo. Ayuda a organizar la informacin y a dirigir el ojo hacia
los elementos.
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
Natural Abstracta
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 visuale-
mente se relaciona la textura directamente con el sentido del tacto. Existen dos tipos de tex-
turas: 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.
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
S
Elementos 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.
M
&
m
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.
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.
Teora de Color
Aditivo: RGB -Aade luz roja, verde y azul
para crear la gama de colores en monitores
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)
Percepcin del color en relacin a otro color
RGB CMYK
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 cercanos Complementarios Dobles complementarios Triadas complementarias
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 entre colores
Contraste de valor
Tipografa
Anatoma de la letra
Las partes de la letra tienen su nombre
especfico de acuerdo a su funcin.
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
San Serif
Lucida Sans
Modernas
Helvetica
Egipcias
Rockwell
Serif
Baskerville
Clsicas
Garamond
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
Recursos
h
t
t
p
:
/
/
w
w
w
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

Principios y Elementos de Diseno

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Principios y Elementos de Diseno

Uploaded by

Copyright:

Available Formats

Centro de Integracin Tecnolgica

You might also like