Centro de Integracin Tecnolgica para el Aprendizaje
Ttulo V Cooperativo
Principios y Elementos de DiseoProf. Mauricio Conejo | Escuela de Artes PlsticasCreado: 22 de marzo de 2005 | Modificado: 30 de abril de 2005
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
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 RecursosDocumentos
Contenido
FundamentosBalanceContrastenfasisRitmoUnidad
TipografaAnatomaClasificacinMtrica
ElementosLneaFormaTexturaEspacioTamaoTonalidadColor
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
FundamentosLos 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
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
ElementosLos 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
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
TipografaEl 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 RecursosDocumentos
Fundamentos
BalanceLa fuerza detrs del balance es la gravedad. Si algo no tiene balance parece estarse
cayendo. El balance puede ser simtrico o asimtrico
Simtrico: Asimtrico:
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Fundamentos
ContrasteCrea 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.
TIPOgrficoTIPOGRAFICO
Contraste tipogrfico
SIContraste de color
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Fundamentos
nfasisSe 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 EE EE EE E
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Fundamentos
RitmoSe 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 RecursosDocumentos
Fundamentos
UnidadSe 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 RecursosDocumentos
Elementos
LneaEs 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 RecursosDocumentos
Elementos
FormaEs 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
1Natural Abstracta
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Elementos
TexturaLa 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.
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Elementos
EspacioLa 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
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Elementos Elementos
TamaoEn 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
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Elementos
TonalidadLas 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 RecursosDocumentos
Elementos
ColorEs 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 RecursosDocumentos
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 Intensidad3. Valor o Brillo (Value)
Percepcin del color en relacin a otro color
RGB CMYK
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Grupos de ColoresTomando 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 cercanosComplementarios Dobles complementarios Triadas complementarias
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Contrastes que funcionanTomando 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
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Tipografa
Anatoma de la letraLas partes de la letra tienen su nombre
especfico de acuerdo a su funcin.
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Tipografa
Clasificacin tipogrficaExisten 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 seriosTransicionales Se utiliza para documentos semi-formalesEgipcias o slab serifs Se utiliza para grandes titularesModernas Se utiliza para documentos informales, nuevos y hasta jocososSan serifs Se utiliza cuando hay mucho texto pequeo y debe ser legible
EAP EAP EAP EAP EAPSan Serif Lucida Sans
Modernas Helvetica
Egipcias Rockwell
Serif Baskerville
Clsicas Garamond
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Tipografa
MtricaLas 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 puntos12 puntos = 1 pica6 picas = 1 pulgada
Leading o interlnea: Espacio entre cada lnea. Se mide desde la basede una lnea hasta la base de la otra.
Kerning: Espacio entre pares de letras, ej. To, Yo, Wi, MaTracking: Espacio entre letras
Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Recursos
h
t
t
p
:
/
/
w
w
w
Enlaces:www.mundidesign.comwww.designingwithtype.com/home.htmlwww.warrenkramer.com/design/1/index.shtml
Libros:Bases del diseo, Alan SwannDigital Color and Type, Rob CarterIntroduccin al diseo perriodstico, Jess ZorrillaRecetario diseo grfico, Leonor Koren y R, Wippo MecklerProduccin y diseo grfico para World Wide Web, Antonio FernndezDiseo ergonmico de aplicaciones hipermedia, Antonio Moreno
Principios y Elementos de DiseoObjetivosContenidoFundamentosElementosTipografa Fundamentos Fundamentos Fundamentos Fundamentos Fundamentos Elementos Elementos Elementos Elementos Elementos Elementos ElementosRecursos
Top Related