Principios y Elementos del Diseo

Objetivos

Definir los conceptos de elementos, fundamentos y tipografa. Identificar los elementos y fundamentos que componen un trabajo artstico. Utilizar de manera correcta los elementos y fundamentos en presentaciones grficas, audiovisuales y de multimedia. Identificar las clasificaciones tipogrficas y sus usos. Crear una comunicacin visual efectiva utilizando los fundamentos y elementos del diseo grfico.

Contenido
Elementos
Lnea Forma Textura Espacio Tamao Tonalidad Color

Fundamen tos
Balance Contraste nfasis Ritmo Unidad

Tipografa
Anatoma Clasificacin Mtrica

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. Es fundamental determinar cuales elementos son importantes y funcionales y cuales no. Lnea Forma Textura Espacio Tamao Tonalidad Color

Lnea

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

Balance

Tipografa
Su comprensin es fundamental para el diseo grfico. Cada tipografa tiene su origen, anatoma, clasificacin y medicin. Su capacidad expresiva logra comunicar mensajes especficos, directos y emotivos. Anatoma de la letra Clasificacin Medicin

Contenido
Elementos
Lnea Forma Textura Espacio Tamao Tonalidad Color

Fundamen tos
Balance Contraste nfasis Ritmo Unidad

Tipografa
Anatoma Clasificacin Mtrica

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

 Elementos Forma
Es toda figura geomtrica que se genera con el uso de la lnea o el color. Las formas pueden comunicar ideas o conceptos (logos). Existen tres diferentes formas: Geomtricas, Naturales y Abstractas. Las formas geomtricas se usan particularmente en el diseo grfico. Las formas naturales son fluidas e irregulares (plantas, animales y humanos). Las formas abstractas son simplificaciones de las formas naturales.

Geomtri ca

Natural Abstrac ta

 Elementos
Textura
La textura brinda un sentido de superficie ya sea spera o lisa, suave o dura. Le da tridimensionalidad al diseo y puede provocar emociones. Existen dos tipos de texturas: tctiles y visuales. Texturas Tctiles Texturas Visuales

 Elementos
Espacio
El espacio es la distancia entre los elementos visuales que forman parte de un diseo. El espacio en blanco es esencial ya que permite un descanso al ojo. Su propsito es crear puntos de inters, organizando coherentemente la relacin de los elementos.

 Elementos
Tamao
Tiene por objetivo crear una distincin y jerarqua entre los elementos existentes en el diseo. Es necesario trabajar la proporcin, para lograr un diseo funcional, atractivo y efectivo. Adems el tamao nos permite crear relaciones espaciales entre elementos (3D).

Mm
&

 Elementos
Tonalidad
Es la variacin desde lo mas claro hasta lo mas oscuro. Dependiendo del tono de los colores se establece un mayor o menor contraste. 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. 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 mezcla de los cuatro colores en su totalidad forman el negro o la ausencia de color.

Percepcin del color en relacin a otro color

RGB

CMYK

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

Simtrico:

Asimtrico:

Balance

 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

TIPOgrfico TIPOGRAFICO
Contraste tipogrfico

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

E E E E

E E E

 Fundamentos Ritmo
Es una progresin visual de elementos que se repiten en un patrn determinado. Se utiliza para dar sensacin de movimiento. 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, el color, la posicin o la forma.

 Fundamentos Unidad
Los elementos que forman parte de un diseo tienen un sentido de pertenencia y por ende van juntos. Para darle unidad a un diseo se pueden agrupar elementos que se relacionan entre si, que se repiten o que se complementan. El uso del sistema de cuadrcula ayuda a unir los elementos visualmente.

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

 Tipografa
Clasificacin tipogrfica
Existen cinco clasificaciones tipogrficas 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 Serif Baskerville Egipcias Rockwell Modernas Helvetica San Serif Lucida Sans

 Tipografa
Mtrica
Es la medida adoptada para definir el tamao de letra, el espacio entre letras, el espacio entre palabras y el espacio entre lneas. 1 pulgada = 72 puntos Leading: Interlineado Kerning: Espacio entre pares de letras Tracking: Espacio entre letras

http://www

Recursos
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

Marzo 2005

Prof. Mauricio A. Conejo