Principios Del Diseño Grafico - Basado en EOGD de Alex White PDF

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 Cercano = Distante
Alto = Bajo Centrado = Excntrico
Derecha = Izquierda Alineado = Independiente
Encima = Debajo Dentro = Fuera
Frente = Detrs
Rtmico = Casual
Solitario = Agrupado
Unidad y Espacio
FORMA
Simple = Complejo Recto = Curvo
Hermoso = Feo Simtrico = Asimtrico
Abstracto = Representativo Completo = Quebrado
Definido = Ambiguo
Geomtrico = Orgnico
Unidad y Espacio
DIRECCION
Converger = Divergir
Vertical = Horizontal
Sentido del reloj = Contrasentido
Perpendicular = Horizontal
Avance = Regreso
Convexo = Cncavo
Estabilidad = Movimiento 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 Jerarqua
Gestalt Balance
Espacio Color
Dominancia
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
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 ancho
1 pica es igual a 4.21 mm 1/16
profundidad
6 picas son 25.3 mm 1 pulgada
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 + Medir el tamao de la letra

UDEM 12 PUNTOS
Utilizado para: UDEM 18 PUNTOS
+ Subdividir la pica
UDEM 24 PUNTOS
1 pica 6 puntos
+ Medir el interlineado
+ Medir el grosor de lneas Este es un prrafo de prueba y por lo tanto no
1 punto puede ser tomado en serio ni su contenido ni su
forma, de otra manera, no tendra sentido.
2 puntos
4 puntos
8 puntos
+ Medir el espacio entre prrafos

Manejo tipogrfico
MEDIDA DE AREA (EM)

Definida como el cuadrado del tamao de la tipografa
W W W
7-pt Arial 10-pt Arial 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 9 unidades 6 unidades

EM EN 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 Proceso de Diseo
Preparacin de la Estudio de ejemplos histricos y

Revisin de documentacin y literatura
investigacin actuales
Experimentacin con materiales

Recopilacin de datos Recoleccin de datos de campo
e ideas visuales
Informacin correlacionada, problema definido, Identificacin del problema de

Identificacin del problema e
hipotesis
diagnstico, proposicin de hiptesis, diseo a travs del anlisis
preparacin de la investigacin visual y el reconocimiento
Desarrollo del plan de investigacin, Trabajo creado en series, cada
Exposicin de hechos e anlisis de resultados, modificacin del trabajo sugiere problemas para
interpretacin plan basado en resultados, repeticin explorar en subsecuentes
de experimentos trabajos
Exhibicin del trabajo o

Presentacin de resultados Publicacin de resultados
produccin del diseo
Decimotercera Unidad
Comunicacin y el Proceso
de Diseo
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)

Estudios de mercado, psico-sociolgicos y
Semitica, Retria y Teora de la Percepcin
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
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
n LEY DE EFECTOS DECRECIENTES

Conceptos de diseo
PRINCIPIO DE LA ANOMALA PERCEPTIVA

(Diferencia relativa)
Tipos de anomalas perceptivas:
n Anomalas semnticas
n Anomalas formales
n Anomalas cromticas
Conceptos de diseo
PRINCIPIO DE LA COHERENCIA
Idea de igualdad que presenta diversos grados de exactitud
n LEY DE SEMEJANZA
n 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 (s.

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

XVI-XVII)
Renacimiento
Aldus Manitus (1450-1515)
Francia(s. XVIII)
Imprimerie Royale
William Caslon y John Baskerville

Estilo
Moderno
Giambattista Bodoni
SigloXIX
Pica de 12 lneas
Tipografa egipcia
Tipografa San Serif
Fotografa
Louis Jacques Daguerre (1799-1851)

Principios Del Diseño Grafico - Basado en EOGD de Alex White PDF

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Principios Del Diseño Grafico - Basado en EOGD de Alex White PDF

Diunggah oleh

Hak Cipta:

Format Tersedia

Principios del

Jess H. Gaytn Polanco, MAE, MDis, MDG

Del diseo y sus cosas

El mejor uso de un espacio en blanco en una

El hombre y su evolucin en la bsqueda

La bsqueda de diferencias en nuestro alrededor

Inconscientemente buscamos similaridades y

Diseo es el proceso de bsqueda y encuentro de

La percepcin est condicionada por el aprendizaje

Nuestro cerebro tiene tendencia a ubicar los

LA AGRUPACIN: tendemos a organizar los elementos

Tenemos varias formas de agrupacin por:

El aspecto ms subestimado del diseo

Los elementos de diseo SIEMPRE son

Tambin es conocido como:

El blanco existe, forma parte del diseo y de

Sin embargo, el espacio no es creado hasta

Al colocar un objeto en un espacio, en ese

Tipos de relacin fondo-figura

Balance dos tipos

Espacio encendido es ACTIVO

SIMETRA. Espacio pasivo

ASIMETRA. Espacio activo

Para desarrollar un ambiente de similaridad, es

IMGENES Y TEXTO SON LENGUAJES

USO DEL ESPACIO PARA CREAR UNIDAD

USO DE ESPACIOS BLANCOS

Estabilidad = Movimiento Romano = Itlico

Los siete elementos del Diseo

Estoy convencido que la investigacin de

Teora del Color

Que es la teora del color?

Teora del Color es una serie de principios

Clasificacin del Color

De acuerdo a la teora de color, las

Todas las combinaciones anteriores se conocen como:

Tipos de armonas de color

PROS: El esquema monocromtico es ms sencillo de manejar,

Tipos de armonas de color

PROS: El esquema anlogo es tan sencillo de utilizar como el

Tipos de armonas de color

PROS: El esquema complementario ofrece un alto grado de

Tipos de armonas de color

PROS: Ofrece mayores combinaciones manteniendo el contraste

Tipos de armonas de color

PROS: Ofrece alto contraste reteniendo la armona.

Tipos de armonas de color

PROS: Ofrece mayores variedades de color y combinaciones.

Importancia y significado del

"El color fabrica todo un universo imaginario.

Color Connotativo Icnico

Color Connotativo Saturado

Color Connotativo Fantasioso

Azul: le lealtad, la justicia, la fidelidad. La buena reputacin y la nobleza.

Manejo del Color

Johannes Itten (1888-1967)

7 Metodologas para el manejo del color

Medidas tipogrficas PICA

Pica = Medida linear ancho

1 pica es igual a 4.21 mm 1/16

Subdivisin de una pica

12 puntos = 1 pica Ccero

PUNTO DE IMPRESOR + Medir el tamao de la letra