Principio S Del Diseño

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
Industrial
Relativo a la proyeccin de objetos de uso y al estudio de medios y

materiales
Grfico
Concerniente a imgenes comunicadoras: signos, seales, smbolos,

significado de formas y colores, etc.
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
Definido = Ambiguo
Geomtrico = Orgnico
Recto = Curvo
Simtrico = Asimtrico
Completo = Quebrado
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)
Cobertura (Shade)
El color mezclado con tonos de negro
Tinte (Tint)
El color en su forma pura
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

profundidad
1 pica es igual a 4.21 mm 1/16

6 picas son 25.3 mm 1 pulgada
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
7-pt Arial
Solo tiene significado en relacin al tamao de la tipografa
10-pt Arial
W
12-pt Arial
Manejo tipogrfico
MEDIDA DE AREA (EM)
Usada para:
Manejo de espacios fijos
Clculo de letras
Un espacio de ancho constante permite el control sobre elementos especficos del

diseo.
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
Proceso de Diseo
Preparacin de la
investigacin
Revisin de documentacin y literatura
Estudio de ejemplos histricos y

actuales
Recopilacin de datos
Recoleccin de datos de campo
Experimentacin con materiales

e ideas visuales
Identificacin del problema e

hipotesis
Informacin correlacionada, problema definido,

diagnstico, proposicin de hiptesis,
preparacin de la investigacin
Identificacin del problema de

diseo a travs del anlisis
visual y el reconocimiento
Exposicin de hechos e
interpretacin
Desarrollo del plan de investigacin,

anlisis de resultados, modificacin del
plan basado en resultados, repeticin
de experimentos
Trabajo creado en series, cada

trabajo sugiere problemas para
explorar en subsecuentes
trabajos
Presentacin de resultados
Publicacin de resultados
Exhibicin del trabajo o

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)
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
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
RESPUESTA
RECEPTOR
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)

Principio S Del Diseño

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Principio S Del Diseño

Cargado por

Copyright:

Formatos disponibles

Principios del

Objetivo del Curso

Aprender y dominar los principios formales

Bibliografa del curso

THE ELEMENTS OF GRAPHIC DESIGN, White, Alex W. Allworth

LA SINTAXIS DE LA IMAGEN, Dondis, D.A., Gustavo Gili, Mxico,

Designare (marcar, designar)

Disear es la actividad objeto de estudio del

Luz del Carmen Vilchis

Produccin de objetos visuales destinados a

La accin de concebir, programar, proyectar

Factores del Diseo

El factor integrante de este proceso lo

Conocimientos del Diseo

Clasificacin del Diseo

Relativo a la proyeccin de objetos de uso y al estudio de medios y

Concerniente a imgenes comunicadoras: signos, seales, smbolos,

Relativo al mundo de la estampa, los impresos, etc.

Dedicado a la experimentacin con estructuras y las posibilidades

Diseo y Arte lo mismo?

El diseo busca un propsito definido

No confundamos estilo con moda. El estilo

El fin principal del diseo de pginas es el

Xerox Publishing Standards

El trabajo del diseador no es llenar los espacios

El mejor uso de un espacio en blanco en una

La bsqueda del significado

El hombre y su evolucin en la bsqueda

La bsqueda del significado

La bsqueda de diferencias en nuestro alrededor

Inconscientemente buscamos similaridades y

La bsqueda del significado

Diseo es el proceso de bsqueda y encuentro de

La bsqueda del significado

La bsqueda del significado

La percepcin est condicionada por el aprendizaje

Nuestro cerebro tiene tendencia a ubicar los

La bsqueda del significado

LA AGRUPACIN: tendemos a organizar los elementos

Tenemos varias formas de agrupacin por:

La bsqueda del significado

Proximidad (la cercana de los distintos

La bsqueda del significado

Por Semejanza (cuando los elementos son

La bsqueda del significado

Por Continuidad (nuestra percepcin crea

La bsqueda del significado

Por Simetra (para que los elementos formen

La bsqueda del significado

PERCEPCIN FIGURA-FONDO: percibimos los

La bsqueda del significado

PERCEPCIN DE CONTORNO: El contorno es

La bsqueda del significado

PREGNANCIA: Tendemos a rellenar aquellos huecos

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

Simetra (entre centros o ejes)