Título V Cooperativo - CITA |...

Centro de Integración Tecnológica para el Aprendizaje

Título V Cooperativo

Principios y Elementos de DiseñoProf. Mauricio Conejo | Escuela de Artes PlásticasCreado: 22 de marzo de 2005 | Modificado: 30 de abril de 2005

Marzo 2005 Prof. Mauricio A. Conejo

Objetivos Contenido RecursosDocumentos

ObjetivosDefinir los conceptos de fundamentos, elementos y tipografía

Definir los fundamentos y elementos de diseño

Utilizar los fundamentos y elementos de manera correcta en presentaciones audiovisuales y/o documentos impresos

Identificar los fundamentos y elementos que componen una presentación u otro trabajo artístico

Identificar cinco clasificaciones tipográficas y sus usos

Crear una comunicación visual efectiva utilizando los fundamentos y elementos de diseño gráfico



Contenido

FundamentosBalanceContrasteÉnfasisRitmoUnidad

TipografíaAnatomíaClasificaciónMétrica

ElementosLíneaFormaTexturaEspacioTamañoTonalidadColor



FundamentosLos fundamentos del diseño determinan la posición de la tipografía y las imágenes en la

página. Afectan la relación de los varios elementos que la componen y sobretodo alteran el mensaje. Cada fundamento tiene un objetivo definido y ayuda en el proceso de comunicación. Los fundamentos son:

► Balance

Balance

► Contraste► Énfasis► Ritmo► Unidad



ElementosLos elementos son la base de toda composición y podemos apreciarlos en muchas de las

cosas que usamos cotidianamente. Cada elemento se puede usar individualmente o combinado con otro para crear diseños interesantes. Es importante determinar cuales elementos son importantes y funcionales y cuales no aplican a un diseño en particular.

► Línea

Línea

► Forma► Textura► Espacio► Tamaño► Tonalidad► Color



TipografíaEl estudio de la forma de la letra, su origen, anatomía, clasificación y medición. Su

comprensión es fundamental para el diseño gráfico ya que el uso correcto de la tipografía y su capacidad expresiva mas allá del significado fonético literal de la letra logra comunicar mensajes específicos, directos y emotivos.

► Anatomía de la letra► Clasificación► Medición



► Fundamentos

BalanceLa fuerza detrás del balance es la gravedad. Si algo no tiene balance parece estarse

cayendo. El balance puede ser simétrico o asimétrico

Simétrico: Asimétrico:



► Fundamentos

ContrasteCrea una marcada diferencia entre los elementos de una página dándole mayor

importancia a unos y restándole importancia o otros. Se puede lograr contrastando tamaño, color, tipografía y textura.

TIPOgráficoTIPOGRAFICO

Contraste tipográfico

SIContraste de color



► Fundamentos

ÉnfasisSe dice que un elemento tiene énfasis cuando sobresale de entre otros elementos. Se le

da énfasis al elemento más importante ya que lleva el mensaje a la audiencia de forma más 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 progresión visual de elementos que se repiten en

un patrón determinado. Los dos conceptos esenciales para crear ritmo son la repetición y la variación. Con el primero se repiten los elementos en forma consistente y la variación es el cambio en la repetición ya sea por el tamaño, la posición 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 organización de los elementos y la relación entre ellos debe tener una clara organización. Para darle unidad a una página se pueden agrupar elementos que se relacionen, que se repiten o que se complementan. El uso del sistema de cuadrícula ayuda a unir los elementos visualmente.



► Elementos

LíneaEs el primer elemento de diseño. Ayuda a organizar la información y a dirigir el ojo hacia

los elementos.



► Elementos

FormaEs cualquier figura geométrica que se genera con el uso de la línea o el color. Las formas

pueden comunicar ideas (como en logos corporativos). Existen tres diferentes formas: Geométricas, Naturales y Abstractas. Las formas geométricas se usan mucho en el diseño gráfico 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.

Geométrica Natural Abstracta



► Elementos

TexturaLa textura le da a la página un sentido de superficie ya sea áspera o lisa, suave o dura. La

textura le da tridimensionalidad al diseño. Puede producir efectos emocionales ya que visuale-mente se relaciona la textura directamente con el sentido del tacto. Existen dos tipos de tex-turas: táctiles 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 geométricas.



► Elementos

EspacioLa consideración del espacio es vital para el diseño. El espacio se define como el área o

distancia entre las cosas o elementos visuales que forman una página incluyendo el área en blanco. El espacio en blanco es esencial ya que le permite un descanso al ojo mientras recorre la página. Su propósito es organizar coherentemente las formas y las relaciones espaciales entre ellas creando puntos de enfoque e interés.

f S



► Elementos► Elementos

TamañoEn diseño el tamaño tiene una función específica: Crear una distinción y jerarquía entre

los elementos existentes en la página. Para que un diseño sea funcional, organizado, elegante y efectivo es necesario trabajar con la proporción entre elementos. Además el tamaño nos permite crear relaciones espaciales entre elementos creando la sensación 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 carácter emotivo de una pieza se ve afectada por el tono de los colores. El cambio de tono de claro a oscuro crea dirección y movimiento.



► Elementos

ColorEs la herramienta mas eficaz y poderosa para comunicar ideas en forma simbólica. El

color habla sobre la pieza y su carácter emotivo. La combinación correcta de colores determina la funcionalidad del trabajo. El uso eficiente del color se logra conociendo la teoría y aplicándola de manera consciente a cada elemento que integra el diseño.



Teoría de Color Aditivo: RGB -Añade luz roja, verde y azul para crear la gama de colores en monitores

Substractivo: CMYK -Al añadir 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. Saturación o Intensidad3. Valor o Brillo (Value)

Percepción del color en relación a otro color

RGB CMYK



Grupos de ColoresTomando como base la rueda de colores podemos definir los siguientes grupos de

colores que combinan correctamente:

Acromáticos, cromáticos, monocromáticos, complementarios, complementarios cercanos, dobles complementarios, tríadas complementarias, gamas múltiples.

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 saturación Contraste de temperatura Contraste entre colores

Contraste de valor



► Tipografía

Anatomía de la letraLas partes de la letra tienen su nombre

específico de acuerdo a su función.



► Tipografía

Clasificación tipográficaExisten varias clasificaciones de tipografías, sin embargo la mas aceptada es la de cinco

clasificaciones de acuerdo al período histórico de su creación:

Clásicas 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 pequeño y debe ser legible

EAP EAP EAP EAP EAPSan Serif Lucida Sans

Modernas Helvetica

Egipcias Rockwell

Serif Baskerville

Clásicas Garamond



► Tipografía

MétricaLas medidas usadas para definir tamaño de letra espacio entre letras y palabras, espacio

entre líneas, ancho y largo de los bloques de texto.

1 pulgada = 72 puntos12 puntos = 1 pica6 picas = 1 pulgada

Leading o interlínea: Espacio entre cada línea. Se mide desde la basede una línea hasta la base de la otra.

Kerning: Espacio entre pares de letras, ej. To, Yo, Wi, MaTracking: Espacio entre letras



Recursos

http

://w

ww Enlaces:

www.mundidesign.comwww.designingwithtype.com/home.htmlwww.warrenkramer.com/design/1/index.shtml

Libros:Bases del diseño, Alan SwannDigital Color and Type, Rob CarterIntroducción al diseño perriodístico, Jesús ZorrillaRecetario diseño gráfico, Leonor Koren y R, Wippo MecklerProducción y diseño gráfico para World Wide Web, Antonio FernándezDiseño ergonómico de aplicaciones hipermedia, Antonio Moreno

http://www.mundidesign.com/

http://www.designingwithtype.com/home.html

http://www.warrenkramer.com/design/1/index.shtml

Título V Cooperativo - CITA |...

Documents

Transcript of Título V Cooperativo - CITA |...