Principiosdeldiseografico 100913084953 Phpapp02

Principios del Diseo Grfico
Jess H. Gaytn Polanco, MAE, MDis, MDG
Objetivo del Curso

Aprender y dominar los principios formales del diseo grfico con el propsito de desarrollar la capacidad de crtica hacia las piezas de comunicacin visual. Comenzar a aplicar estos principios hacia el anlisis funcional de las piezas de diseo.
Bibliografa del curso

Libro de Texto:
THE ELEMENTS OF GRAPHIC DESIGN, White, Alex W. Allworth Press, NY, 2002 (www.amazon.com)
Libros de Apoyo:
LA SINTAXIS DE LA IMAGEN, Dondis, D.A., Gustavo Gili, Mxico, 2002 INTRODUCTION TO TWO-DIMENSIONAL DESIGN: UNDERSTANDING FORM AND FUNCTION, Bowers, John, John Wiley & Sons, NY, 1999 METODOLOGIA DEL DISEO; FUNDAMENTOS TERICOS, Vilchis, Luz del Carmen, Centro Juan Acha, Mxico, 2002
Primera Unidad
Del diseo y sus cosas
Que es el diseo?
Diseo
Designi Dessin Design Disegnare Designare (marcar, designar)
Diseo
Disear es la actividad objeto de estudio del diseo que en tanto disciplina estudia el comportamiento de las formas, sus combinaciones, su coherencia asociativa, sus posibilidades funcionales y sus valores estticos captados en su integridad.
Luz del Carmen Vilchis
Grfico
Produccin de objetos visuales destinados a comunicar mensajes especficos
Jorge Frascara
Diseo Grfico
La accin de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinados a transmitir mensajes especficos a grupos determinados
Jorge Frascara
Factores del Diseo

El factor integrante de este proceso lo constituye la relacin entre:
El Diseo El Diseador Lo Diseado
Conocimientos del Diseo

Lenguaje Visual Comunicacin Percepcin Visual Administracin Tecnologa Medios Tcnicas de Evaluacin
Clasificacin del Diseo

Visual
Concerniente a imgenes comunicadoras: signos, seales, smbolos, significado de formas y colores, etc.
Industrial
Relativo a la proyeccin de objetos de uso y al estudio de medios y materiales
Grfico
Relativo al mundo de la estampa, los impresos, etc.
Investigacin
Dedicado a la experimentacin con estructuras y las posibilidades combinatorias de los materiales
Diseo y Arte lo mismo?

El diseo busca un propsito definido Contempla una respuesta buscada Se considera un proceso de reproduccin masivo Busca la eficacia del proceso
Estilo y Moda
No confundamos estilo con moda. El estilo es la forma derivada de las necesidades reales de un cliente o una sociedad. Moda es una condicin superficial adoptada por aquellos ansiosos por aparecer elegantes o sofisticados.
Stephen A. Kliment
Trabajo de Comunicacin
El fin principal del diseo de pginas es el reconocimiento visual y la legibilidad. Estos fines se logran a travs de tipografa consistente, uso efectivo de espacios en blanco y grficos, y el uso controlado de lneas
Xerox Publishing Standards
Es mejor ser bueno que ser original Ludwing Mies van der Rohe
Trabajo de Comunicacin
El trabajo del diseador no es llenar los espacios completamente. Es hacer la informacin accesible y contundente. El mejor uso de un espacio en blanco en una pgina es ayudar a hacer la informacin distinguible, no hacerlas hermosas. Que se puedan seguir de manera automtica. El punto es incrementar la absorcin de la pgina.
Segunda Unidad
La mente y el significado
La bsqueda del significado
El hombre y su evolucin en la bsqueda de posibles peligros
La bsqueda de diferencias en nuestro alrededor Inconscientemente buscamos similaridades y diferencias. (la diferencia relativa)
Diseo es el proceso de bsqueda y encuentro de estas diferencias y similaridades en el contenido de los mensajes visuales. Puede llevar algn tiempo pues las similaridades no se presentan de inmediato, pero la bsqueda de las mismas est en el corazn de lo que el diseador hace.
La percepcin est condicionada por el aprendizaje o conocimiento previo que tengamos de los objetos. Nuestro cerebro tiene tendencia a ubicar los elementos dentro de los parmetros referenciales que nos hemos construidos a travs de la experiencia previa o conocimiento.
LA AGRUPACIN: tendemos a organizar los elementos que percibimos en torno a conjuntos significativos organizados. Es como cuando miramos al cielo y vemos en las nubes una serie de figuras. Tenemos varias formas de agrupacin por:

Proximidad (la cercana de los distintos elementos nos hace tender a agruparlos)

Por Semejanza (cuando los elementos son parecidos o iguales tambin tendemos a agruparlos).

Por Continuidad (nuestra percepcin crea continuidad significativa, como en las tramas de una imagen).

Por Simetra (para que los elementos formen figuras conocidas).

PERCEPCIN FIGURA-FONDO: percibimos los elementos separados del fondo, aunque tambin podemos tener la percepcin contraria, percibir el fondo como figura (muy habitual en los juegos de negativo y positivo).

PERCEPCIN DE CONTORNO: El contorno es precisamente lo que nos hace distinguir o separar la figura del fondo. Est marcado por un cambio de color o de saturacin del mismo.

PREGNANCIA: Tendemos a rellenar aquellos huecos de informacin que nos faltan para completar el objeto completo. La pregnancia nos permite completar la visin fsica que tiene nuestra retina.
TELL ME SWEET, TELL ME TRUE, OR ELSE MY DEAR, TO HELL WITH YOU
Tercera Unidad
Espacio Vaco?
Espacio
Que es espacio? Como vemos el espacio?
Espacio
El aspecto ms subestimado del diseo visual es el vaco. La falta de atencin que recibe explica la abundancia de diseo que no se lee y es horrible.
Espacio
Los elementos de diseo SIEMPRE son vistos en su relacin con los elementos que los rodean. El vaco en diseo bidimensional se conoce como Espacio Blanco
Espacio
Tambin es conocido como:

Espacio Negativo Espacio Atrapado Contraforma Blanco de trabajo Espacio Libre
Espacio
El blanco existe, forma parte del diseo y de la composicin, y debe de ser tomado en cuenta como parte del trabajo del diseador.
Espacio
Espacio
Sin embargo, el espacio no es creado hasta que algo hace referencia al mismo, en otras palabras, cuando otro elemento es colocado en l.
Espacio
Al colocar un objeto en un espacio, en ese momento se crea la relacin fondo-figura.
Espacio
Tipos de relacin fondo-figura

Fondo-figura estable Fondo-figura reversible Fondo-figura ambiguo
Espacio
Fondo-Figura Estable
Espacio
Fondo-Figura reversible
Espacio
Fondo-Figura ambiguo
Cuarta Unidad
Simetra y Asimetra
Simetra y Asimetra
Balance dos tipos

Simetra (entre centros o ejes) Asimetra (igualdad de tensin)
Simetra logra el balance a travs de la similaridad Asimetra logra el balance a travs del contraste
Simetra y Asimetra
Espacio es forma Diseo es el acomodo de formas Las formas estn definidas por un permetro Los permetros pueden ser de diferentes tipos Ver el espacio es la funcin del diseador El espacio puede estar encendido o apagado
Simetra y Asimetra
Espacio encendido es ACTIVO Espacio apagado es INACTIVO
Simetra y Asimetra
SIMETRA. Espacio pasivo

Simetra es el acomodo centrado de elementos El espacio es el resultado del acomodo de los elementos Tipos de simetra
Bilateral Radial Rotacional
Simetra y Asimetra
ASIMETRA. Espacio activo

Sugiere movimiento y actividad El espacio es el vaco debidamente considerado
Quinta Unidad
Unidad y Espacio
Unidad y Espacio
Similaridad y Contraste
El contraste, la similaridad escrupulosa, los espacios blancos activos y una gran idea, son los atributos primarios de las piezas de diseo bien elaboradas. Un ambiente de similaridad o consistencia es necesario para hacer visible el punto focal.
Unidad y Espacio
Para desarrollar un ambiente de similaridad, es necesario recordar los siguientes puntos:
Unidad y Espacio
MANTENERLO SIMPLE
Estandarizar elementos No saturar con elementos
Unidad y Espacio
CONSTRUIR UN ESQUEMA
Uso de red
Unidad y Espacio
IMGENES Y TEXTO SON LENGUAJES DIFERENTES

Color, textura y direccin pueden ser utilizados para desarrollar atributos de imagen. Lo difcil es unificar el significado de las imgenes y el texto.
Unidad y Espacio
CONTINUIDAD
Manejo de constantes en elementos continuos
Unidad y Espacio
MANUAL DE ESTILO
Establece un sistema Da credibilidad No presenta sorpresas
Unidad y Espacio
USO DEL ESPACIO PARA CREAR UNIDAD

El espacio blanco y la consistencia de tipografa son las dos herramientas ms poderosas para crear unidad. Para dar la sensacin de unidad el espacio entre elementos debe de ser igual y consistente en el diseo.
Unidad y Espacio
USO DE ESPACIOS BLANCOS

Permetro Cabezal Bases de columnas
Unidad y Espacio
PARES DE CONTRASTES
Unidad y Espacio
ESPACIO
Lleno = Vaco Activo = Pasivo Avance = Regreso Cercano = Lejano 2D = 3D Contenido = Irrestricto
Unidad y Espacio
POSICION
Arriba = Abajo Alto = Bajo Derecha = Izquierda Encima = Debajo Frente = Detrs Rtmico = Casual Solitario = Agrupado
Cercano = Distante Centrado = Excntrico Alineado = Independiente Dentro = Fuera
Unidad y Espacio
FORMA
Simple = Complejo Hermoso = Feo Abstracto = Representativo
Recto = Curvo Simtrico = Asimtrico Completo = Quebrado
Definido = Ambiguo Geomtrico = Orgnico
Unidad y Espacio
DIRECCION
Vertical = Horizontal Perpendicular = Horizontal Avance = Regreso Estabilidad = Movimiento
Converger = Divergir Sentido del reloj = Contrasentido Convexo = Cncavo Romano = Itlico
Unidad y Espacio
ESTRUCTURA
Organizado = Catico Alineado = Libre Serif = San Serif Mecnico = Libre
Unidad y Espacio
TAMAO
Grande = Chico Largo = Corto Ancho = Angosto Expandido = Condensado Profundo = Bajo
Unidad y Espacio
COLOR
Negro = Color Claro = Obscuro Caliente = Fro Brillante = Opaco Orgnico = Artificial Saturado = Neutral
Unidad y Espacio
TEXTURA
Fino = spero Suave = Rugoso Reflejante = Mate Resbaloso = Pegajoso Afilado = Achatado Saturado - Liso
Unidad y Espacio
DENSIDAD
Transparente = Opaco Grueso = Delgado Lquido = Slido
Unidad y Espacio
GRAVEDAD
Ligero = Pesado Estable = Inestable
Sexta Unidad
Los siete elementos del Diseo
Estoy convencido que la investigacin de ejercicios tipogrficos elementales es el prerrequisito para la solucin de problemas tipogrficos complejos Wolfgang Weingart
Unidad Gestalt Espacio Dominancia
Jerarqua Balance Color
Unidad
Proximidad Similaridad Repeticin Tema con variaciones
Gestalt
(La unidad del diseo es mas que la simple adicin de sus partes)
Figura-Fondo Cierre Continuacin Cierre ....
Espacio
El espacio es el elemento que da coherencia a todo el diseo, establece las relaciones entre los dems y se convierte en el centro de control del diseo
Dominancia
Muy relacionada con el contraste, dado que debe de existir contraste entre dos elementos para que uno domine sobre el otro El propsito es el de establecer el punto focal
Jerarqua
El movimiento del diseo est dirigido por el orden del significado de la imagen y el texto. Importante, menos importante e informacin restante.
Balance
Equilibrio, estado de tensin equalizada Simtrico o formal Asimtrico o informal Total o balance de mosaico
Color
El contraste de color tiene el mismo peso que la Jerarqua de texto, peso y tamao. Ayuda a la organizacin. Establece carcter a travs de la consistencia Da nfasis. Ranquea los elementos por orden de importancia. Provee direccin. Relaciona partes una con otra
Sptima Unidad
Teora del Color
Teora del Color

Que es la teora del color?
Teora del Color es una serie de principios creados para realizar combinaciones armnicas. Las relaciones del color pueden ser representadas visualmente por medio del crculo de color.
Teora del Color

Que es el color?
Sombras? Tonos? Luz?
Teora del Color

Que es el color?
Un fenmeno ptico descubierto por Sir Issac Newton
Teora del Color

Que es el color?
Un fenmeno fsico
Teora del Color

Que es el color?
Ondas electromagnticas
Teora del Color

Elementos para la percepcin del color Fuente Observador Objeto
Teora del Color

Clasificacin del Color
Teora del Color

Definiciones
Tonalidad (Hue)
El color en su forma pura
Cobertura (Shade)
El color mezclado con tonos de negro
Tinte (Tint)
El color mezclado con blanco
Tono (Tone)
El color mezclado con gris
Teora del Color

Cculo de Color
Teora del Color
De acuerdo a la teora de color, las combinaciones armnicas son aquellas que:

Utilizan un par de colores opuestos Utilizan tres colores separados igualmente Utilizan cuatro colores formando un rectngulo
Teora del Color
Todas las combinaciones anteriores se conocen como: ARMONIAS DE COLOR
Teora del Color

Tipos de armonas de color
Monocromtica
Utiliza variacin de luz y saturacin El esquema se ve elegante y limpio Se adapta bien a la visin
Especialmente verdes y azules
Monocromtica
PROS: El esquema monocromtico es ms sencillo de manejar, siempre se ve balanceado y visualmente interesante. CONTRAS: El esquema carece de contraste de color, no es tan vibrante como el complementario. TIPS:
Utilizar tonos, opacidad e intensidad en los colores para reforzar el diseo. Tratar de utilizar el esquema anlogo, este ofrece mayores posibilidades mientras se mantiene la sencillez y elegancia del esquema monocromtico.
Teora del Color

Anloga
Utiliza colores adyacentes Un color es el dominante Los otros colores acentan
Anloga
PROS: El esquema anlogo es tan sencillo de utilizar como el monocromtico, pero luce mucho ms vivo. CONTRAS: El esquema carece de contraste de color, no es tan vibrante como el complementario. TIPS:
Evitar usar muchos tonos en el esquema anlogo debido a que puede arruinar la armona. Evitar combinar colores clidos y fros en este esquema.
Teora del Color

Complementaria
Utiliza colores encontrados Funciona mejor con clido/fro Esencialmente utiliza el contraste
Complementaria
PROS: El esquema complementario ofrece un alto grado de contraste y logra gran atencin. CONTRAS: El esquema es difcil de balancear que los anteriores, especialmente cuando se utilizan clidos con poca saturacin. TIPS:
Para mejores resultados usar clidos y fros. Si se utiliza un color clido como acento, se recomienda desaturar el color fro opositor para acentuar el contraste Evitar utilizar colores desaturados clidos (cafs o amarillos neutros). Se recomienda utilizar ms el complementario dividido.
Teora del Color

Complementaria Dividida
Variacin de la complementaria Utiliza un color y dos adyacentes de su complementario. Genera alto contraste con menos tensin
Complementaria Dividida
PROS: Ofrece mayores combinaciones manteniendo el contraste visual. CONTRAS: El esquema es ms difcil de balancear que los anteriores. TIPS:
Para mejores resultados usar un color clido con fros. Evitar utilizar colores desaturados clidos (cafs o amarillos neutros).
Teora del Color

Tridico
Utiliza tres colores equidistantes. Gran contraste con balance y riqueza de color. No tan contrastante como el complementario
Tridico
PROS: Ofrece alto contraste reteniendo la armona. CONTRAS: No es tan contrastante como el complementario. TIPS:
Escoger un color que sea utilizado con mucha mayor frecuencia que los otros dos. Si los colores no se ven armnicos, tratar de bajar la saturacin de ellos.
Teora del Color

Tetrdico (Doble Complementario)

Dos pares complementarios. Difcil de equilibrar.
Tetrdico (Doble Complementario)
PROS: Ofrece mayores variedades de color y combinaciones. CONTRAS: Es el ms difcil de balancear. TIPS:
Si el esquema se ve desbalanceado, se recomienda subordinar uno o ms colores. Evitar usar colores puros en proporciones iguales.
Octava Unidad
Importancia y significado del Color
"El color fabrica todo un universo imaginario. Nos hace viajar a las islas, nos sumerge en el mar o nos sostiene en pleno cielo"
(Grafismo Fundamental - Abraham Moles /Luc Janiszewski).
TIPOS DE COLORES
Color denotativo Color connotativo (icnico, saturado y fantasioso) Color esquemtico
Color Denotativo
Aqu hablamos del color cuando est siendo utilizado como representacin de la figura, es decir, incorporado a las imgenes realistas de la fotografa o la ilustracin. El color como atributo realista o natural de los objetos o figuras. En el color denotativo podemos distinguir tres categoras: Icnico, saturado y fantasioso, aunque siempre reconociendo la iconicidad de la forma que se presenta.
Color Connotativo Icnico

La expresividad cromtica en este caso ejerce una funcin de aceleracin identificadora: la vegetacin es verde, los labios rosados y el cielo es azul. El color es un elemento esencial de la imagen realista ya que la forma incolora aporta poca informacin en el desciframiento inmediato de las imgenes. La adicin de un color natural acenta el efecto de realidad, permitiendo que la identificacin sea ms rpida. As el color ejerce una funcin de realismo que se superpone a la forma de las cosas: una naranja resulta ms real si est reproducida en su color natural.
Color Connotativo Saturado

Una segunda variable del color connotativo es el color saturado. Este es un cromatismo exaltado de la realidad, ms brillante, ms pregnante. Son colores ms densos, ms puros, ms luminosos. El color saturado obedece a la necesidad creada por la fuerte competitividad de las imgenes que nos asedian, donde la exageracin de los colores forma parte del triunfo de las imgenes como espectculo visual de nuestro entorno cotidiano. El mundo resulta ms atractivo de esta forma. El cine, la fotografa, la ilustracin, la televisin, los carteles, los embalajes... ofrecen una imagen cromtica exagerada que crea una euforia colorista.
Color Connotativo Fantasioso

Otro matiz de la denotacin cromtica realista es el color fantasioso, en el que la fantasa o manipulacin nace como una nueva forma expresiva. Por ejemplo las fotografas solarizadas o coloreadas a mano, en las que no se altera la forma, pero s el color.
Color icnico
Lo icnico es la representacin consensuada del significado del color por normatividad ya sea social o cultural. El establecimiento de un lenguaje visual comn entre los individuos, e inclusive entre culturas o comunidades.
BLANCO
Como el negro, se hallan en los extremos de la gama de los grises. Tienen un valor lmite, frecuentemente extremos de brillo y de saturacin, y tambin un valor neutro (ausencia de color). Tambin es un valor latente capaz de potenciar los otros colores vecinos. El blanco puede expresar paz, soleado, feliz, activo, puro e inocente; crea una impresin luminosa de vaco positivo y de infinito. El blanco es el fondo universal de la comunicacin grfica.
NEGRO
Es el smbolo del silencio, del misterio y, en ocasiones, puede significar impuro y maligno. Confiere nobleza y elegancia, sobre todo cuando es brillante.
GRIS
Es el centro de todo, pero es un centro neutro y pasivo, que simboliza la indecisin y la ausencia de energa, expresa duda y melancola. Simblicamente, el blanco y el negro, con sus gradaciones de gris, son del color de la lgica y de lo esencial: la forma. Por otra parte, el blanco y el negro junto con el oro y plata, son los colores del prestigio.
AMARILLO
Es el color ms luminoso, ms clido, ardiente y expansivo. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Suelen interpretarse como animados, joviales, excitantes, afectivos e impulsivos. Est tambin relacionado con la naturaleza.
NARANJA
Ms que el rojo, posee una fuerza activa, radiante y expansiva. Tiene un carcter acogedor, clido, estimulante y una cualidad dinmica muy positiva y energtica.
ROJO
Significa la vitalidad, es el color de la sangre, de la pasin, de la fuerza bruta y del fuego. Color fundamental, ligado al principio de la vida, expresa la sensualidad, la virilidad, la energa; es exultante y agresivo. El rojo es el smbolo de la pasin ardiente y desbordada, de la sexualidad y el erotismo. En general los rojos suelen ser percibidos como osados, sociables, excitantes, potentes y protectores. Este color puede significar clera y agresividad. Asimismo se puede relacionar con la guerra, la sangre, la pasin, el amor, el peligro, la fuerza, la energa... Estamos hablando de un color clido, asociado con el sol, el calor, de tal manera que es posible sentirse ms acalorado en un ambiente pintado de rojo, aunque objetivamente la temperatura no haya variado.
AZUL
Es el smbolo de la profundidad. Inmaterial y fro, suscita una predisposicin favorable. La sensacin de placidez que provoca el azul es distinta de la calma o reposo terrestres, propios del verde. Es un color reservado y entra dentro de los colores fros. Expresa armona, amistad, fidelidad, serenidad, sosiego... y posee la virtud de crear la ilusin ptica de retroceder. Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Cuanto ms se clarifica ms pierde atraccin y se vuelve indiferente y vaco. Cuanto ms se oscurece ms atrae hacia el infinito.
VIOLETA
(mezcla del rojo y azul) Es el color de la templanza, de la lucidez y de la reflexin. Es mstico, melanclico y podra representar tambin la introversin. Cuando el violeta deriva el lila o morado, se aplana y pierde su potencial de concentracin positiva. Cuando tiende al prpura proyecta una sensacin de majestad.
VERDE
Es el color ms tranquilo y sedante. Evoca la vegetacin, el frescor y la naturaleza. Es el color de la calma indiferente: no transmite alegra, tristeza o pasin. Cuando algo reverdece suscita la esperanza de una vida renovada. El verde que tiende al amarillo, cobra fuerza activa y soleada; si en l predomina el azul resulta ms sobrio y sofisticado.
MARRN
es un color masculino, severo, confortable. Es evocador del ambiente otoal y da la impresin de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.

Cada dimensin del color est relacionada con una reaccin diferente.
Cuanto ms se satura un color, mayor es la impresin de que el objeto se est moviendo. Cuanto ms brillante es el color, mayor es la impresin de que el objeto est ms cerca de lo que en realidad est. Las tonalidades de la parte alta del espectro (rojos, anaranjados, amarillos) suelen ser percibidas como ms enrgicas y extravertidas, mientras que las de las partes bajas (verdes, azules, prpuras) suelen parecer ms tranquilas e introvertidas. Los verdes y los azules se perciben calmados, relajados y tranquilizantes. A la vez, los rojos, naranjas, y amarillos son percibidos como colores clidos, mientras que los azules, verdes y violetas son considerados colores fros. Las diferentes tonalidades tambin producen diferentes impresiones de distancia: un objeto azul o verde parece ms lejano que un rojo, naranja o marrn
Color esquemtico
Aqu consideramos el color extrado de su contexto, icnico o denotativo, y considerarlo slo en cuanto a materia cromtica. Se convierte as en una propiedad autnoma, utilizable para los objetos de diseo y los mensajes grficos. El color esquemtico es combinable infinitamente con todos sus tonos y matices, pero siempre color plano.

El color esquemtico proviene de la herldica, donde el color "distintivo" de los escudos permita identificar a los caballeros entre la multitud. Podemos encontrar stas simbologas:
Azul: le lealtad, la justicia, la fidelidad. La buena reputacin y la nobleza. Rojo: significa el amor, audacia, valor, coraje, clera, crueldad. Verde: el honor, la cortesa, el civismo, la esperanza y el vigor. Prpura: representaba la fe, la devocin, la templanza y la castidad. Negro: luto, la afliccin. Dorado: la sabidura, el amor, la fe, el amor, las virtudes cristianas y la constancia. Plata o blanco: la prudencia, la inocencia, la verdad, la esperanza y la felicidad. Naranja: inestabilidad, disimulo e hipocresa. Marrn: penitencia, pena, la traicin y la humildad.

CONCLUSIONES
El color es uno de los medios ms subjetivos con el que cuenta el diseador. Dado que la percepcin del color es la parte simple ms emotiva del proceso visual, tiene una gran fuerza y puede emplearse para expresar y reforzar la informacin visual. Tiene mucho poder de atraccin o rechazo dependiendo del uso que se le d. Los colores tambin dan sensacin de movimiento. Las emociones, sensaciones, y en definitiva todo lo que los colores pueden llegar a expresar y hacer sentir al espectador forma una parte fundamental de la base de un buen diseo. El color, como elemento claramente evidenciado de nuestro diseo, puede ser la clave de nuestro xito. Tanto si pensamos en ello como si no, si nos damos cuenta o no de ello, estamos cargando de significados cuando elegimos un color.
Novena Unidad
Manejo del Color
Manejo del Color
Johannes Itten (1888-1967)

Pintor, terico del color, colaborador del Bauhaus
7 Metodologas para el manejo del color
Manejo del Color
Contraste de Saturacin
Uso de claros y obscuros y sus relativos
Manejo del Color
Contraste de Obscuro y Claro

Formado por la yuxtaposicin de claros y obscuros. Puede ser monocromtico
Manejo del Color
Contraste de Extensin
Tambin conocido como Contraste de proporcin. Se asignan colores por su valor especfico de acuerdo al tamao de la forma
Manejo del Color
Contraste de Complementos
Formado por la yuxtaposicin de colores complementarios
Manejo del Color
Contraste Simultneo
Formado cuando la frontera entre colores es vibrante. Se generan ilusiones
Manejo del Color
Contraste de tono
Formado por la yuxtaposicin de diferentes tonalidades. Entre ms alejados estn los tonos en el crculo, mayor el contraste
Manejo del Color
Contraste de clidos y fros

Formado por el uso de colores clidos y fros.
Manejo del Color
Proporcin e Intensidad
En la mezcla, nuestros ojos perciben dependiendo de: El color con el rea mayor es el dominante Colores pequeos son colores dependientes El cento est en el contraste
http://www.worqx.com/color/color_proportion.htm
Dcima Unidad
Manejo Tipogrfico
Manejo tipogrfico
Medidas tipogrficas PICA Tiene dos significados generales Pica de escritor = 10 caractres por pulgada Pica de impresor = Unidad de medida, aproximadamente 1/16 o 4.21 mm. Tiene dos estndares Pica tradicional = Unidad de medida aproximadamente de 1/16 Pica computacional = Unidad de medida exactamente de 1/16
Manejo tipogrfico
Pica = Medida linear 1 pica es igual a 4.21 mm 1/16 6 picas son 25.3 mm 1 pulgada
profundidad
ancho
Manejo tipogrfico
PICA DE IMPRESOR Usada para: + Medir ancho y algura de publicaciones + Medir anchos de revistas y peridicos + Medir los mrgenes que rodean a una publicacin + Medir el largo de los renglones + Medir el espacio entre los elementos tipogrficos de una publicacin + Calcular el largo del texto en conjuncin a otros valores predeterminados
Manejo tipogrfico
PICA DE IMPRESOR Subdivisin de una pica picas
puntos
12 puntos = 1 pica Ccero
Manejo tipogrfico
PUNTO DE IMPRESOR Utilizado para: + Subdividir la pica 1 pica 6 puntos + Medir el grosor de lneas 1 punto 2 puntos 4 puntos 8 puntos + Medir el espacio entre prrafos
+ Medir el tamao de la letra

UDEM 12 PUNTOS
UDEM
18 PUNTOS
UDEM
24 PUNTOS
+ Medir el interlineado
Este es un prrafo de prueba y por lo tanto no puede ser tomado en serio ni su contenido ni su forma, de otra manera, no tendra sentido.
Manejo tipogrfico
MEDIDA DE AREA (EM) Definida como el cuadrado del tamao de la tipografa
W
7-pt Arial
W
10-pt Arial
W
12-pt Arial
Solo tiene significado en relacin al tamao de la tipografa
Manejo tipogrfico
MEDIDA DE AREA (EM) Usada para: Manejo de espacios fijos
Un espacio de ancho constante permite el control sobre elementos especficos del diseo.
Clculo de letras
El valor conocido de la medida del rea nos permite especificar el ancho y largo de un texto en parmetros especificados de nuestro diseo.
Determinar sangrado de prrafos (tabuladores)

El espaciado de prrafos en tablas puede ser controlado con mucha mayor facilidad.
Manejo tipogrfico
SISTEMA DE UNIDADES Ancho de Letras Control del ancho de las letras, inventado por la corporacin Monotype en 1897, divide cada EM en un nmero igual de unidades. Cada letra de una fuente es colocado con un valor de unidad basado en el total de unidades de un EM. (18, 36, 54, etc.)
Un sistema de 18 unidades Trabajara asi

18 unidades EM 9 unidades EN 6 unidades THIN
Manejo tipogrfico
SISTEMA DE UNIDADES Usada para: Seguimiento de letras
Controla mejor el ancho, opera globalmente.
Interletrado
Permite a cada letra acomodarse con la que tiene a su izquierda de manera constante.
Manejo tipogrfico
ANATOMIA DE LA LETRA
Undcima Unidad
Estilos Tipogrficos
Estilos tipogrficos
Tipografa Elemental Desarrollada a finales de la Primera Guerra Mundial Utiliza formas claras y reduccionistas del constructivismo Busca el orden Predominantemente San Serif Claridad y no ornamentacin Representantes: Paul Renner, Ferdinand Kramer
Estilos tipogrficos
Art Dec Se da a conocer en 1925 en Pars Utiliza lneas geomtricas bsicas con motivos florales Destacan el consumismo Principalmente uso publicitario Legibilidad en segundo plano Representantes: Cassandre, Morris Benton
Estilos tipogrficos
Tipografa Tradicional Surge despus de los 30s, regreso a lo conservador Regreso a los valores clsicos y rechazo de lo degenerado Regreso a la legibilidad como elementro central Principal representante: Stanley Morrison
Estilos tipogrficos
Estilo Internacional Surge despus de los 50s y dura hasta los 70s Influenciado por un contexto de comunicacin global Integra la fotografa como parte de su contexto Uso de red San serif y asimetra como elementos Iniciadores: Armin Hoffman, Emil Ruder
Estilos tipogrficos
Pop Da inicio en los 60s Influenciado por la rebelin de la generacin baby boomers y la televisin Se apoya en mensajes visuales complejos Principales representantes: Andy Warhol, Roy Lichtenstein, Herb Lubalin
Estilos tipogrficos
Funcionalismo y New Wave Da inicio en los 70s Experimentacin con elementos fotogrficos y legibilidad Busca representar la expresividad de la tipografa misma Presentacin de la tipografa como grafismo y no como elemento de lectura Principales representantes: Herb Lubalin, Aaron Burns, Wolfgang Weingart
Estilos tipogrficos
Autoedicin Da inicio en los 80s, con la aparicin del computador personal Amplia libertad de manejo de todos los elementos de formacin y control Principales representantes: Rudy Vanderlans, Zuzana Licko, Neville Brody
Estilos tipogrficos
Decimosegunda Unidad
Creatividad y el Proceso de Diseo
Creatividad y Proceso de Diseo

Creatividad y Originalidad, dos conceptos diferentes y parecidos Creatividad: la habilidad de encontrar relaciones y conexiones
Pensamiento intuitivo Pensamiento no verbal Pensamiento visual
Diseo: proceso de solucin de problemas

Por lo que la aproximacin sistemtica del mismo facilita su solucin
La mayora de los diseadores lo realizan de una manera holstica.
Creatividad y Proceso de Diseo

Paralelismo entre los mtodos:
Mtodo de Investigacin
Preparacin de la investigacin Recopilacin de datos
Identificacin del problema e hipotesis
Proceso de Diseo
Estudio de ejemplos histricos y actuales Experimentacin con materiales e ideas visuales Identificacin del problema de diseo a travs del anlisis visual y el reconocimiento Trabajo creado en series, cada trabajo sugiere problemas para explorar en subsecuentes trabajos Exhibicin del trabajo o produccin del diseo
Revisin de documentacin y literatura
Recoleccin de datos de campo

Informacin correlacionada, problema definido, diagnstico, proposicin de hiptesis, preparacin de la investigacin
Exposicin de hechos e interpretacin
Desarrollo del plan de investigacin, anlisis de resultados, modificacin del plan basado en resultados, repeticin de experimentos Publicacin de resultados
Presentacin de resultados
Decimotercera Unidad
Comunicacin y el Proceso de Diseo

Componentes del diseo = Relacionados con el mensaje Facilita la construccin del significado Si el significado es el producto de la interpretacin, se deben de establecer mecanismos para medir su efectividad.
Estrategia de Diseo (evaluacin de su implementacin)
Semitica, Retria y Teora de la Percepcin Estudios de mercado, psico-sociolgicos y educacionales
Desarrollo de la Estrategia
Desarrollo de la Teora de Diseo

PRINCIPIOS
Todo elemento visual tiene significado. Todo ordenamiento visual tiene significado. Todo significado presupone un orden. Todo orden est basado en principios visuales de integracin y segregacin. Los principios visuales de integracin y segregacin se basan en semejanza, proximidad y cierre (o continuidad, tambin llamado buena forma). Todo mensaje visual est constituido por dos niveles: forma y significacin. La significacin de un mensaje se realiza mediante un proceso de interpretacin.

SIGNIFICADO E INTERPRETACIN
Dos Niveles
Dennotacin: Los aspectos relativamente objetivos del mensaje. Carcter descriptivo. Connotativo: Aspectos subjetivos del mensaje.

CONTEXTO
Contexto perceptual: el medio visual en el que se presenta el mensaje. Contexto cultural: el medio cultural del pblico receptor, sus valores y costumbres, sus cdigos y actitudes. Contexto de origen: el contexto formado por los otros mensajesproducidos por el mismo emisor . Contexto de clase: el contexto creado por los mensajes de la misma clase y posiblemente generados por diferentes emisores. Por ejemplo: mensajes educacionales, mensajes comerciales, mensajes regulatorios, etc. (Cada uno de estos grupos constituye una clase.) Contexto formal/estilstico (esttico): el contexto formado por el estilo visual de las comunicaciones grficas contemporneas. Contexto de medio: El contexto creado por el medio de comunicacin (canal) utilizado (TV, poster, libro, revistas, etc. En otro nivel ms detallado: una revista en particular, un programa especfico de televisin, etc.) Contexto de calidad tcnica: el contexto creado por el desarrollo tcnico de los diferentes niveles del mensaje en cuestin en comparacin con similares niveles en otros mensajes. Contexto de lenguaje: el contexto formado por el lenguaje cotidiano y escrito.

COMUNICACIN VISUAL COMO EVENTO
Si consideramos que el receptor construye el significado El elemento grfico no constituye la totalidad del mensaje Es incierto hasta que el receptor lo establece con su intervencin Aqu se da la aceptacin o el rechazo.

CONCLUSIONES
Toda comunicacin en diseo grfico incluye una fuente, un transmisor, un medio, un cdigo, una forma, un tema y un receptor (que construye un contenidoo significado y desarrolla una conducta visible o interna). Toda comunicacin incluye procesos cognitivos y emotivos, as como tambin informacin a nivel denotativo y connotativo. Lo esttico es siempre comunicacional y merece tratamiento aparte.
Decimocuarta Unidad
Teora de comunicacin y diseo

Comunicacin = funcin contnua y normal del humano Necesidad de expresarse, relacionarse, prevenir... es constante No solo es el intercambio de ideas o informacin Es un proceso utilitario... 100% prctico

ELEMENTOS BSICOS DEL PROCESO
Emisor Medio Receptor Mensaje Respuesta

EMISOR = Inicio del proceso, generador del mensaje
EMISOR

MEDIO = Vehculo, forma, elemento
EMISOR

RECEPTOR = Destino del mensaje
EMISOR
RECEPTOR

MENSAJE = Informacin, datos, elemento central del mensaje
EMISOR
MENSAJE
RECEPTOR

RESPUESTA = Provocado por el mensaje, intencional, medible
EMISOR
MENSAJE
RECEPTOR
RESPUESTA
Decimoquinta Unidad
Conceptos de diseo
Conceptos de diseo
PERCEPCIN DEL OBJETO Eleccin de los elementos adecuados (considerando el mensaje, contexto, audiencia) Informacin sobre lo que se va a comunicar (conocimiento del tema, de la audiencia, del producto o mensaje) Componer los elementos de la manera ms atractiva posible (de acuerdo al contexto, pblico y principios de la gestalt)
Conceptos de diseo
PERCEPCIN DE LO VISUAL Equilibrio Referencia horizonal ngulo superior izquierdo Relajamiento - Tensin
Conceptos de diseo
LGICA VISUAL Jerarqua: El desarrollo de niveles de atencin que permita procesar la informacin de manera ordenada. Afecta a los siguientes parmetros: n Inters n Situacin n Valores
Conceptos de diseo
LGICA VISUAL Tipos de jerarquas: n Arriba - Abajo n Grande - Pequeo n Centrado - Perifrico n Contraste n Separado - Grupal n Brillante
Conceptos de diseo
PRINCIPIO DE LA ANOMALA PERCEPTIVA (Diferencia relativa) Toda imagen o suceso que viene a romper un estado de normalidad o control perceptivo
n
LEY DEL FACTOR INCREMENTAL DE LO NUEVO LEY DE EFECTOS DECRECIENTES
Conceptos de diseo
PRINCIPIO DE LA ANOMALA PERCEPTIVA (Diferencia relativa) Tipos de anomalas perceptivas:
n
Anomalas semnticas Anomalas formales Anomalas cromticas
Conceptos de diseo
PRINCIPIO DE LA COHERENCIA Idea de igualdad que presenta diversos grados de exactitud
n
LEY DE SEMEJANZA LEY DE EXPECTATIVAS SATISFECHAS

por coherencia formal por coherencia funcional
Conceptos de diseo
PRINCIPIO DE DIVERSIDAD Y SUS FUNCIONES Equilibrio entre la coherencia y la variedad
n
COHERENCIA PERCEPTIVA
Conceptos de diseo
n
COHERENCIA FUNCIONAL
Conceptos de diseo
n
COHERENCIA EN LA PROPORCION
Conceptos de diseo
n
COHERENCIA DE ESTILO
Conceptos de diseo
n
COHERENCIA MODULAR
Conceptos de diseo
n
REPETICIONES Y DIFERENCIAS
Conceptos de diseo
n
COHERENCIA EN EL DETALLE
Decimosexta Unidad
Historia del diseo grfico

Configuremos, pues, un nuevo gnero de artesanos sin las pretensiones clasistas que quieren erigir una arrogante barrera entre artesanos y artistas! Deseemos, proyectemos, creemos todos juntos la nueva estructura del futuro en que todo constituir un solo conjunto, arquitectura, plstica, pintura, y que una da se elevar hacia el cielo de la mano de millones de artfices como smbolo cristalino de la nueva fe Walter Gropius

Imagen = Comunicacin = Lenguaje

Gutemberg (1450-1455)

Incunables (1455-1500)

Libros Ilustrados y diseo tipogrfico XVI-XVII) Albert Pfister Alberto Durero (s.

Libros Ilustrados y diseo tipogrfico XVI-XVII) (s.

Renacimiento Aldus Manitus (1450-1515)

Francia (s. XVIII) Imprimerie Royale

William Caslon y John Baskerville

Estilo Moderno Giambattista Bodoni

Siglo XIX Pica de 12 lneas Tipografa egipcia Tipografa San Serif

Fotografa Louis Jacques Daguerre (1799-1851)

Principiosdeldiseografico 100913084953 Phpapp02

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Principiosdeldiseografico 100913084953 Phpapp02

Загружено:

Авторское право:

Доступные форматы

Principios del Diseo Grfico

Jess H. Gaytn Polanco, MAE, MDis, MDG

Objetivo del Curso

Bibliografa del curso

Factores del Diseo

Conocimientos del Diseo

Clasificacin del Diseo

Diseo y Arte lo mismo?

La bsqueda del significado

El hombre y su evolucin en la bsqueda de posibles peligros

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

La bsqueda del significado

TELL ME SWEET, TELL ME TRUE, OR ELSE MY DEAR, TO HELL WITH YOU

Que es espacio? Como vemos el espacio?

Tambin es conocido como:

Al colocar un objeto en un espacio, en ese momento se crea la relacin fondo-figura.

Tipos de relacin fondo-figura

Balance dos tipos

Espacio encendido es ACTIVO Espacio apagado es INACTIVO

SIMETRA. Espacio pasivo

ASIMETRA. Espacio activo

Para desarrollar un ambiente de similaridad, es necesario recordar los siguientes puntos:

IMGENES Y TEXTO SON LENGUAJES DIFERENTES

USO DEL ESPACIO PARA CREAR UNIDAD

USO DE ESPACIOS BLANCOS

Cercano = Distante Centrado = Excntrico Alineado = Independiente Dentro = Fuera

Recto = Curvo Simtrico = Asimtrico Completo = Quebrado

Definido = Ambiguo Geomtrico = Orgnico

Los siete elementos del Diseo

Los siete elementos del Diseo

Unidad Gestalt Espacio Dominancia

Jerarqua Balance Color

Los siete elementos del Diseo

Los siete elementos del Diseo

Figura-Fondo Cierre Continuacin Cierre ....

Los siete elementos del Diseo

Los siete elementos del Diseo

Los siete elementos del Diseo

Los siete elementos del Diseo

Los siete elementos del Diseo

Teora del Color

Teora del Color

Sombras? Tonos? Luz?

Teora del Color

Un fenmeno ptico descubierto por Sir Issac Newton

Teora del Color

Teora del Color

Teora del Color

Teora del Color

Teora del Color

Teora del Color

Teora del Color

De acuerdo a la teora de color, las combinaciones armnicas son aquellas que: