principio s 2

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



Contenido

FundamentosBalanceContrastenfasisRitmoUnidad

TipografaAnatomaClasificacinMtrica

ElementosLneaFormaTexturaEspacioTamaoTonalidadColor



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



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



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



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:



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



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



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.



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.



Elementos

LneaEs el primer elemento de diseo. Ayuda a organizar la informacin y a dirigir el ojo hacia

los elementos.



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



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.



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



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



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.



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.



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



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



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



Tipografa

Anatoma de la letraLas partes de la letra tienen su nombre

especfico de acuerdo a su funcin.



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



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



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

principio s 2

Documents