SlideShare una empresa de Scribd logo
1 de 79
Descargar para leer sin conexión
La legibilidad tipográfica:
Bien, nos quedó pendiente comentar la LEGIBILIDAD de las tipografías.
Según Cicerón, lo importante no es lo que se dice, sino como se dice,
filósofo de la antigua Roma, quien pronunció estas palabras.
Marshall MacLuhan filósofo y sociólogo norteamericano, desarrolló en todas sus
consecuencias, la idea de Cicerón. Marshall afirmó que una noticia en el
periódico, un incendio, un discurso, una competición deportiva, cambia
enteramente cuando se emite por radio o se transmite por televisión. Volviendo
al inicio de las letras, es un medio para influir en lo que se dice y a través de
cómo se dice. Condición para influir en el "que" a través del "como" es igual a
legibilidad.
Legibilidad es término empleado en el diseño tipográfico para definir una
cualidad deseable de una familia tipográfica. Algo legible es la facilidad o
complejidad de la lectura de una letra.
Un tipo de letra para cada cuerpo de texto
Ya hemos comentado que ell denominado tipo de letra estándar, es más legible
que la de tipo decorativo. Los tipos con serifas son más legibles que las sin
serifas.
El espacio entre letras o palabras no tiene que ser ni muy amplio, ni demasiado
reducido, para que tengan una buena visibilidad y legibilidad.
El tamaño, si el tipo es demasiado grande o pequeña, cansa mucho al lector y
reduce la legibilidad. También ocurre con las columnas, donde un ancho corto,
cansa al usuario, ya que tiene que cambiar de línea constantemente.
Un texto, todo en negrita es muy denso y también dificulta la lectura.
Un problema que puede surgir con el espacio entre las palabras, es que puede
desestructurar la línea y entorpecer la lectura y la estética cuando las palabras
distan mucho unas de otras. Hay que encontrar una medida razonable, que
dependerá del tipo de escrito que estemos componiendo.
El interlineado es el término tipográfico que describe el espacio vertical entre
líneas. La interlínea se usa para dar mayor legibilidad a las líneas de un texto,
cuando éstas son largas y están compuestas en un cuerpo pequeño.
La alineación del texto es un paso importante para mantener también una
buena legibilidad. Las opciones de alineación en un diseño de una página
tradicional son:
1. El texto alineado a la izquierda es el recomendable para textos largos. Crea
una letra y un espacio entre palabras muy equilibrado y uniforme. Esta clase de
alineación de textos es probablemente la más legible.
2. Alineación a la derecha se encuentra en sentido contrario del lector porque
resulta difícil encontrar la nueva línea. Este método puede ser adecuado para un
texto que no sea muy extenso
3. El texto justificado, alineado a derecha e izquierda. Puede ser muy legible, si
el diseñador equilibra con uniformidad el espacio entre letras y palabras,
evitando molestos huecos denominados ríos que no rompan el curso del texto.
4. Las alineaciones centradas proporcionan al texto una apariencia muy formal y
son ideales cuando se usan mínimamente. Se debe evitar configurar textos
demasiado largos con esta alineación
5. Alineaciones asimétricas se utilizan cuando el diseñador quiere romper el
texto en unidades de pensamiento lógicas, o para dar más expresividad a la
página.
También hay que tener en cuenta:
1. El track, que ajusta el espacio que existe entre los caracteres, abriendo los
cuerpos más pequeños y cerrando los mas grandes.
2. El Kern, es el espacio existente entre dos caracteres individuales, es
proporcional, ya que es del mismo tamaño en puntos que el cuerpo de los
carácteres. Si un texto es de 10 puntos, el kern mide 10 puntos.
Factores que condicionan la legibilidad de un rótulo o texto
_El aspecto más importante de la tipografía, es al público al cual va dirigido el
texto y que sea capaz de leerlo perfectamente, sin ningún inconveniente.
_Para que un trabajo sea legible, un diseñador debe saber, quién lo leerá y
desde donde y a que distancia lo leerá. En este caso debemos tener en cuenta
factores muy importantes tales como: la luz, la distancia, la altura de colocación
del texto, etc.
_El diseño de la letra: Los tipos de diseño clásicos latinos, son los que ofrecen
mayor legibilidad. Las letras redondas y minúsculas suelen ser las más
legibles.
_Espaciado entre letra y letra: Un título o un rótulo cuyas letras se peguen
materialmente unas a otras no ofrece buena legibilidad, aunque algunos
grafistas defienden esta fórmula, atentos solamente al efecto plástico.
_El tamaño de la letra: Una letra de tamaño grande es más legible que otra de
tamaño más pequeño. Pero existe un tamaño ideal que anima y favorece la
lectura, la letra del cuerpo diez o doce. Por Ej. para un cartel que se observará a
10 m, la altura de la letra debe ser, al menos, de 2,5 cm, mientras que para una
valla publicitaria que deba leerse a 60 m, la altura de la letra deberá ser al
menos, de 15 cm.
_La longitud de la linea: Una línea muy larga, impresa en un cuerpo de letra
más bien pequeño, en la que se incluyen muchas palabras, entorpece la lectura,
por la dificultad que supone pasar de una línea a otra.
_La calidad de impresión: Una impresión deficiente con fallos, exceso de tinta,
pisada o presión excesiva, puede perjudicar notablemente la legibilidad.
_Los colores adecuados para una tipografía son: Los tipos negros sobre
fondo blanco, reflejan mayor legibilidad, el efecto contrario, texto blanco sobre
fondo negro, nos hacen perder visibilidad.
El color en la tipografía y en la elección del tipo
Conocer y comprender los colores y lo que nos transmiten, es importante y
básico para trabajar con los tipos del mundo del diseño gráfico. Normalmente,
cuando nos encontramos diseñando una presentación y partimos de poco
espacio, utilizamos el color para enfatizar las letras.
Para conseguir una buena legibilidad cuando se diseña con tipos y color
deberemos equilibrar cuidadosamente las tres propiedades del color (tono,
valor e intensidad) y determinar el contraste adecuado entre las letras y su
fondo. Cuando se combinan tipos y color, el equilibrio entre estas características
es importantísimo.
El color tipográfico es una ilusión óptica, creada por las propias proporciones
y formas de los diseños tipográficos. Éstas nos hacen percibir la sensación de un
color distinto, aunque esté impreso en el mismo color. Aunque las palabras
estén impresas en el mismo color, cada una de ellas puede poseer un tono
diferente, debido a las características propias de sus diseños tipográficos.
Alberto Corazón,
un ejemplo de legibilidad tipográfica
Diseñador gráfico & artista español que fue presidente y fundador de la
Asociación Española de Profesionales del Diseño y en la actualidad forma
parte del Comité de Asesores del Parlamento Europeo para la
regularización de la Comunicación Gráfica. Además, formó parte del jurado
de los Premios Nacionales de Diseño, en jurados nacionales e internacionales,
así como en la Asociación Española de Profesionales del Diseño.
Su obra ha recorrido los principales centros culturales y artísticos de Francia,
Italia, Alemania, Gran Bretaña, España, Estados Unidos. Fue el único diseñador
europeo que recibió la Medalla de Oro del American Institute of Graphic Arts,
el más importante premio internacional en el área de la Comunicación
Visual. Además, obtuvo estos galardones:
_Premio Nacional de Diseño (1989)
_Gold Medal Award del Arts Directors Club (New York)
_Gold award del The Designers Association of London
_Arts Director Club de Nueva York, la British Design and Arts Direction de
_Londres, el premio Aliance y la medalla de oro del Design Council International
(1991).
"Fotografía, texto y litografía son las herramientas de los nuevos profesionales,
los diseñadores, que inicialmente son denominados "artistas gráficos". "El
diseño se formaliza así como una nueva área de comunicación visual en el
sistema de las artes".
En este sentido, Corazón explicó que el diseño atiende a diferentes demandas,
"todas en cascada y relacionadas con el espacio en la ciudad moderna". La
primera demanda es la comunicación en esencia. "La segunda es la de que
esa comunicación debe administrar complejidad, y la siguiente tiene que ver con
el placer de la belleza, de trasmitir y configurar nuevas estéticas", explicó este
diseñador polifacético, que inició su carrera profesional con el diseño editorial
de Ciencia Nueva, editorial perseguida durante el franquismo.
A continuación, Corazón renovó el panorama del diseño español, en los
primeros años de democracia, diseñando la Identidad Corporativa del MOPU,
Junta de Andalucía, Paradores Nacionales, Comunidad de la Rioja, Junta de
Extremadura, etc. Como diseñador industrial, es autor de obras tan conocidas
como el teléfono DOMO y el equipamiento público de CERCANIAS (RENFE),
entre otras muchas.
Artífice de que el Diseño gráfico se incorpore en la Real Academia de Bellas
Artes de San Fernando (Madrid) destacando su poder y su influencia en la
sociedad actual, con lo que se planteará "un reto" para hacer algo "activo y útil"
de una disciplina con talento y experiencia “infrautilizados”.
Corazón ha sido calificado como un "motor en marcha, un artista y creador
múltiple, un luchador por el arte y sus ideas y una persona "dialogante" y con
una "extraordinaria capacidad de entrañable relación personal".
UNED (Universidad Nacional de Educación a Distancia) antes y después. Diseñado
a partir de la Ley de la Pregnancia (Gestalt) que veremos más adelante.
Logotipo & Diseño Editorial
Casa de América (Madrid) punto de encuentro entre ambas culturas: la española y la
Iberoamericana.
MAPFRE MUTUALIDAD y CORPORACIÓN MAPFRE
Logotipo trenes cercanías
ONCE, Organización de ciegos con Lotería Nacional
Teléfono Domo (Telefónica). Diseño industrial.
Introducción al color
El mundo es de colores, donde hay luz, hay color. La percepción de la
forma, profundidad o claroscuro está estrechamente ligada a la percepción de
los colores.
El color es un atributo que percibimos de los objetos cuando hay luz. La luz es
constituida por ondas electromagnéticas que se propagan a unos 300.000
kilómetros por segundo. Esto significa que nuestros ojos reaccionan a la
incidencia de la energía y no a la materia en sí.
Las ondas forman, según su longitud de onda, distintos tipos de luz, como
ultravioleta o blanca, visible e infraroja. Las ondas visibles son aquellas cuya
longitud de onda está comprendida entre los 380 y 770 nanómetros.
Los objetos devuelven la luz que no absorben hacia su entorno. Nuestro campo
visual interpreta estas radiaciones electromagnéticas que el entorno emite o
refleja, como COLOR.
ULTRAVIOLETAS INFRAROJOS
La ciencia explica que los colores son componentes de la luz blanca (luz solar
del día o luz artificial). La luz blanca no tiene color, pero como demostró
Newton, los contiene todos.
Como son percibidos los colores de los objetos
Un cuerpo opaco, es decir no transparente absorbe gran parte de la luz que lo
ilumina y refleja una parte más o menos pequeña. Cuando este cuerpo absorbe
todos los colores contenidos en la luz blanca, el objeto parece negro.
Cuando refleja todos los colores del espectro, el objeto parece blanco. Los
colores absorbidos desaparecen en el interior del objeto, los reflejados llegan al
ojo humano. Los colores que visualizamos son, por tanto, aquellos que los
propios objetos no absorben, sino que los propagan.
Absorción y reflexión
Todos los cuerpos están constituidos por sustancias que absorben y reflejan las
ondas electromagnéticas, es decir, absorben y reflejan colores.
Cuando un cuerpo se ve blanco es porque recibe todos los colores básicos del
espectro (rojo, verde y azul) los devuelve reflejados, generándose así la mezcla
de los tres colores, el blanco.
Si el objeto se ve negro es porque absorbe todas las radiaciones
electromagnéticas (todos los colores) y no refleja ninguno, así por Ej.: el tomate
nos parece de color rojo, porque el ojo sólo recibe la luz roja reflejada por la
hortaliza, absorbe el verde y el azul y refleja solamente el rojo. Un plátano
amarillo absorbe el color azul y refleja los colores rojo y verde, los cuales
sumados permiten visualizar el color amarillo.
Propiedades:
1. Visuales: Tono, saturación, luminosidad.
2. Sensoriales: 2.1 colores fríos
2.2 colores cálidos
Gradaciones:
1. De luminosidad
2. De saturación
3. De tono
Composición:
1. Analogía: 1.1 De luminosidad
1.2 De saturación
1.3 De tono
2. Contraste: 2.1 De luminosidad
2.2 De saturación
2.3 De tono
3. Contrapunto
Efectos:
1. Transposición cromática
2. De profundidad: 2.1 Por contraste de luminosidad
2.2 Por contraste de saturación
2.3 Por contraste de fríos/cálidos
3. De contraste simultáneo: 3.1 Cambio luminosidad
3.2 Cambio saturación
3.3 Cambio tono
Propiedades del color
1. Tono (hue), matiz o croma es el color mismo, existen más de cien y puede
tener características propias. Es el atributo que nos permite clasificar los colores
como rojo, amarillo, azul, etc. La descripción de un color será más precisa si se
identifica la inclinación del color hacia otro tono, por ejemplo, azul violáceo.
Existen tres matices primarios o elementales y otros tres secundarios. En los
primeros se incluyen amarillo, magenta y cian; en los segundos, naranja, verde y
azul violáceo. A partir de estos seis colores se obtienen numerosas variaciones
de matiz o gamas cromáticas.
2. Saturación (saturation) es la intensidad cromática o pureza de un color
respecto al gris. Los colores con saturación máxima son simples y casi
primitivos; así tendremos el amarillo, el magenta y el cian, además de sus
mezclas (rojo - naranja, azul violáceo y verde).
Colores saturados
La saturación mínima la obtendremos mezclando un color con su
complementario, es decir, su opuesto en el círculo cromático. Si la mezcla se
realiza a partes iguales se consigue un gris medio.
Saturación mínima
También los colores puros pierden intensidad al mezclarse con distintos grados
de gris, produciéndose a la par variaciones de luminosidad.
Mezclando con gris los colores primarios & Mezclando con gris los secundarios
3. Valor (value) junto a la luminosidad y brillo del color, son una dimensión
acromática. Se refiere al grado de claridad u oscuridad de un color, está
determinado por la cantidad de luz que un color tiene. Valor y luminosidad
expresan lo mismo. Los cambios de luminosidad se consiguen mezclando un
color con blanco o con negro, nunca los dos juntos. No todos los primarios y
secundarios tienen la misma luminosidad. En una escala del 0 a 10, el valor cero
sería el blanco y el valor diez sería para el negro.
4. Luminosidad (lightness), que es la cantidad de luz reflejada por una superficie
en comparación con la reflejada por una superficie blanca en iguales condiciones
de iluminación.
5. Brillo (brightness) es la cantidad de luz emitida por una fuente lumínica o
reflejada por una superficie.
La luminosidad, cambios de luminosidad
Definición de los colores cálidos y fríos
Se llaman colores cálidos aquellos que van del rojo al amarillo, son colores muy
impactantes, ya que destacan mucho sobre un fondo.
Y los colores fríos son las gradiaciones del azul al verde, colores muy
relajantes.
Esta división de los colores en cálidos y fríos, radica simplemente en la
sensación y experiencia humana, pues la calidez y la frialdad atienden a
sensaciones térmicas.
Los colores, de alguna manera, nos pueden llegar a transmitir estas
sensaciones. Un color frío y uno cálido, o un color primario y uno compuesto, se
complementan.
El blanco, gris y negro, no pueden incluirse en los grupos de cálidos y fríos.
Gradaciones del color
Por gradaciones entendemos el paso paulatino de un color a otro. Los saltos
de gradación pueden ser más o menos bruscos, es decir, a más pasos mayor
suavidad o delicadeza en la transición.
Las gradaciones pueden ser de luminosidad, de saturación y tono.
Las gradaciones de luminosidad se producen al oscurecer o aclarar un color
progresivamente por la adicción de blanco o negro.
Las gradaciones de saturación se producen al variar la saturación de un color
en varios pasos.
Podemos realizarlas con el complementario o con diversos grises.
Las gradaciones de tono son transiciones de un color a otro de distinto tono,
por ejemplo del rojo al violeta.
Si se pretende mantener la saturación en todos los pasos tendremos que elegir
dos tonos primarios o dos tonos cercanos en el círculo cromático.
Gradaciones de tono manteniendo saturación
Si por el contrario queremos variar la saturación elegiremos tonos secundarios,
un primario o su complementario o alguno próximo a éste.
Gradaciones de tono variando saturación
La composición del color
Los gustos cambian de generación en generación y según la edad, el sexo, la
raza, la educación, el entorno cultural... de cada individuo y por ello es difícil
establecer normas específicas para la creación efectiva de combinaciones con
color.
Ningún color puede ser considerado un valor absoluto, de hecho los colores se
influyen mutuamente si se acercan. Los colores tienen diferente realce según el
contexto en el que se dispongan o se encuentren.
Existen dos formas compositivas del color: la armonía y el contraste.
En el marco de nuestro estudio la armonía del color queda descrita como
combinaciones de color afortunadas, que agradan la vista mediante la utilización
de colores análogos o bien la excitan mediante contrastes. La analogía, el
contraste y el contrapunto son las tres vías para el logro de la armonía de
color.
Armonía del color
Armonizar, significa coordinar los diferentes valores que el color adquiere en
una composición. Cuando en una composición todos los colores tienen una
parte común al resto de los colores componentes. Armónicas son las
combinaciones en las que se utilizan modulaciones de un mismo tono, o también
de diferentes tonos, pero que en su mezcla mantienen los unos parte de los
mismos pigmentos de los restantes.
En todas las armonías cromáticas se pueden observar tres colores: uno
dominante, otro tónico y por último, otro de mediación.
1. Dominante: Es el mas neutro y de mayor extensión, sirve para destacar los
otros colores que conforman nuestra composición gráfica, especialmente al
opuesto.
2. El tónico: Es el complementario del color de dominio, es el mas potente en
color y valor, y el que se utiliza como nota de animación o audacia en cualquier
elemento (alfombra, cortina , etc.)
3. El de mediación: Actúa como conciliador y modo de transición entre cada uno
de los dos anteriores, suele tener una situación en el circulo cromático cercano a
la de color tónico.
Por Ej.: en una composición armónica cuyo color dominante sea el amarillo, y el
violeta sea el tónico, el mediador puede ser el rojo si la sensación que queremos
transmitir sea de calidez, o un azul si queremos que sea de frialdad.
La Analogía de luminosidad, se genera utilizando la escala de grises. Un
diseño con valores análogos restringe las gradaciones de tono y de intensidad a
grados de valor adyacentes o a uno solo.
Grado de valor 3, 6, y 9
La Analogía de saturación, en una composición con tonos de igual saturación
se acentúa el contraste tonal.
Y este se reduce a medida que los tonos son menos saturados.
Contraste tonal alto y bajo.
La Analogía de tono, es la tendencia a un tono común (una cantidad muy
pequeña de un color particular se mezcla con cada uno de los colores,
cambiando a veces su tono, su valor y/o su intensidad en el proceso; por
ejemplo, el amarillo anaranjado puede mezclarse con todos los colores para
crear una serie general de amarillo anaranjado).
Del mismo modo podríamos obtener un esquema basado en azul violeta.
Tono anaranjado y azul violeta
El contraste
El Contraste se produce cuando en una composición, los colores no tienen
nada en común no guardan ninguna similitud.
Existen diferentes tipos de contraste:
1. Contraste de luminosidad, saturación y tono: Cuando utilizamos diversos
tonos cromáticos, es el mismo color de base pero en distinto nivel de
luminosidad y saturación.
2. Contraste de claro/oscuro o contraste de grises: El punto extremo está
representado por blanco y negro, observándose la proporción de cada uno
3. Contraste de color: Se produce por la modulación de saturación de un tono
puro con blanco, con negro, con gris, o con un color complementario.
4. Contraste de cantidad: Da igual los colores que utilizemos, consiste en poner
mucha cantidad de un color y otra más pequeña de otro.
5. Contraste simultáneo: Dos elementos con el mismo color producen el mismo
contraste dependiendo del color que exista en su fondo.
6. Contraste entre complementarios: Se colocan un color primario y otro
secundario opuesto en el triangulo de color. Para conseguir algo más armónico,
se aconseja que uno de ellos sea un color puro y el otro esté modulado con
blanco o con negro.
7. Contraste entre tonos cálidos y fríos: Es la unión de un color frío y otro
cálido.
Para un cierto contraste de luminosidad, se pueden buscar colores
yuxtapuestos de los grados de luminosidad 2, 4, 6, 8, o bien 2, 5, 8.
Para un diseño con contraste alto de luminosidad podemos poner unos colores
muy luminosos en un entorno poco luminoso o viceversa.
Cierto contraste luminosidad 2, 5 y 8 & Alto contraste luminosidad
El mejor modo de conseguir el contraste de saturación consiste en limitar los
colores a un solo grado de luminosidad, permitiendo que cada color muestre su
propia intensidad. En el siguiente Ej. : contraste saturación con valor 5.
El contraste de tono se produce cuando los tonos están separados por noventa
o más grados en el círculo de color.
Cuanto mayor sea la distancia entre los tonos en el círculo cromático, tanto
mayor será el contraste tonal.
A menos de 90º & A más de 90º
El contrapunto
En un entorno cromático de características análogas un elemento destaca por su
independencia oponiéndose a la armonía compositiva.
Contrapunto de luminosidad, saturación y tono
La percepción del color:
Los colores primarios
La problemática del color y su estudio, es muy amplia, pudiendo ser abordada
desde el campo de la física, la psicología, la cultura, etc. El conocimiento que
tenemos y hemos adquirido sobre color en la escuela, y/o colegio hace
referencia al color pigmento y proviene de las enseñanzas de la antigua
Academia Francesa de Pintura que consideraba como colores primarios
(aquellos que por mezcla producirán todos los demás colores) al rojo, el amarillo
y el azul.
En realidad existen dos sistemas de colores primarios:
1. colores primarios luz y
2. colores primarios pigmento.
El blanco y negro son llamados colores acromáticos, ya que los percibimos
como "no colores".
1. Color luz, síntesis aditiva
Los colores producidos por luces (en el monitor de nuestra computadora, en el
cine, televisión, etc) tienen como colores primarios, al rojo, el verde y el azul
(RGB) cuya fusión de estos, crean y componen la luz blanca, por eso a esta
mezcla se le denomina, síntesis aditiva y las mezclas parciales de estas luces
dan origen a la mayoría de los colores del espectro visible.
Color pigmento, síntesis sustractiva
Los colores sustractivos, son colores basados en la luz reflejada de los
pigmentos aplicados a las superfícies. Forman esta síntesis sustractiva, el
color magenta, el cyan y el amarillo. Son los colores básicos de las tintas que se
usan en la mayoría de los sistemas de impresión, motivo por el cual estos
colores han desplazado en la consideración de colores primarios a los
tradicionales.
La mezcla de los tres colores primarios pigmento en teoría debería producir el
negro, el color más oscuro y de menor cantidad de luz, por lo cual esta mezcla
es conocida como síntesis sustractiva. En la práctica el color así obtenido no es
lo bastante intenso, motivo por el cual se le agrega negro pigmento
conformándose el espacio de color CMYK.
El ojo humano distingue unos 10.000 colores. Se emplean, también sus tres
dimensiones físicas: saturación, brillantez y tono, para poder experimentar la
percepción.
El círculo cromático se divide en tres grupos de colores primarios, con los que
se pueden obtener los demás colores.
_El primer grupo de primarios según los artistas y diseñadores, son: amarillo,
rojo y azul. Mezclando pigmentos de éstos colores se obtienen todos los demás
colores.
_El segundo grupo de colores primarios: amarillo, verde y rojo. Si se mezclan en
diferentes porcentajes, forman otros colores y si lo hacen en cantidades iguales
producen la luz blanca.
_El tercer grupo de colores primarios: magenta, amarillo y cyan. Los utilizados
para la impresión.
Definimos como los colores secundarios: verde, violeta y naranja. Los colores
secundarios se obtienen de la mezcla en una misma proporción de los colores
primarios.
Los colores terciarios
Consideramos como colores terciarios: rojo violáceo, rojo anaranjado, amarillo
anaranjado, amarillo verdoso, azul verdoso y azul violáceo. Los colores
terciarios, surgen de la combinación en una misma proporción de un color
primario y otro secundario.
Formación de los colores complementarios
Los colores complementarios se forman mezclando un color primario con el
secundario opuesto en el triángulo del color. Son colores opuestos aquellos
que se equilibran e intensifican mutuamente.
Gama y combinación colores complementarios
Los colores complementarios son los que proporcionan mayores contrastes
en el gráfico de colores.
_Para obtener una gama de verdes: Los verdes se obtienen mediante la mezcla
de azul y amarillo, variando los porcentajes, se obtienen diferentes resultados.
Círculo cromático de los colores cálidos y fríos con sus complementarios
_Para crear una gama de azules: Los colores más oscuros se logran mediante
una combinación de púrpura y azul. El color púrpura tiñe con intensidad y su
mezcla se debe dosificar bien.
_Para obtener una gama de rojos anaranjados: Mezclando púrpura y amarillo
obtendremos diferentes tonos anaranjados.
_Para la obtención de una gama de ocres y tierras: A partir de un violeta
medio, que crea a partir de un púrpura y azul, es posible conseguir una extensa
gama de colores comprendidos entre el ocre amarillo y el sombra tostada,
llegando a sienas. Para conseguir esta combinación es preciso añadir amarillo a
los distintos violetas que se han creado con los otros dos primarios.
Efectos del color
Fenómenos que surgen por las características y funcionamiento del ojo
(fisiología de la visión), así como las interpretaciones que se derivan del hecho
de ver. Cuando combinamos colores debemos prestar atención a los efectos ya
que pueden modificar el modo en que se perciben.
Existen diferentes tipos de efectos:
1. Transposición cromática:
En los intervalos y transformaciones cromáticas en los que el color tiene siempre
dos características determinantes: su grado de saturación y su luminosidad.
Atendiendo a estas características podemos establecer relaciones con otro color.
Se puede hacer una comparación con la música, la misma escala pero más
grave o más aguda.
Otro efecto del color es el tamaño, así por Ej.: el círculo central parece más
pequeño si está rodeado de círculos de mayor tamaño, y más grande, si por el
contrario lo rodean círculos más pequeños.
2. El efecto de transparencia, peso y masa:
La transparencia se visualiza por la aparente mezcla de tonos.
Cuando nos referimos al peso y masa del color, este actúa por gravitación y
extensión de una superficie cromática.
Los tonos fríos y claros parecen más livianos y menos sustanciales, los cálidos y
oscuros parecen más pesados y densos.
3. Efectos de profundidad por contraste de luminosidad nos indican que los
colores luminosos tienden a avanzar y los poco luminosos tienden a retroceder.
De este modo podemos conseguir el "efecto túnel”. Los colores fríos avanzan si
son más luminosos que los cálidos en su entorno neutro.
Los efectos de profundidad por contraste de saturación nos indican que los
colores saturados avanzan sobre los no saturados.
Los efectos de profundidad por contraste de caliente/frío nos indican que los
colores cálidos tienden a aparecer en primer plano y los fríos tienden a pasar
hacia el fondo.
4. Efectos de contraste simultáneo hacen referencia a los cambios aparentes
del tono, valor y/o intensidad que son creados por colores adyacentes. El
estímulo visual hace que el ojo genere una segunda imagen que se sitúa en el
tono complementario de la imagen original; eso ocurre cuando un color envuelve
a otro (el color envuelto es alterado por el color envolvente).
El contraste sucesivo o imagen persistente se produce después de un contraste
simultáneo, cuando el ojo está fatigado si se desliza la mirada hacia una
superficie blanca o gris aparece el color complementario.
Con objeto de comprender el contraste simultáneo hay que considerar también
complementarios el blanco y el negro.
Es importante comprender los principios que rigen el contraste simultáneo, con
objeto de predecir sus efectos.
En el contraste simultáneo se producen cambios de luminosidad, cuando un
color circundado es mucho más claro o mucho más oscuro que el color
circundante.
Ej.: si el color circundante es claro el color circundado parece más oscuro.
En el contraste simultáneo se producen cambios de saturación cuando
parece aumentar el brillo del color o cuando este parece más apagado.
Ejemplo: cuando un color está circundado por otro que está situado en su tono
complementario, la saturación de ese color se ve fortalecida por que la
segunda imagen del color circundante tiene el mismo tono que el color
circundado.
En el cambio de tono un color circundado se funde ópticamente con la segunda
imagen del color circundante que tiene un tono diferente.
Ej.: cuando el rojo está circundado por el verde lo tiñe y parece mucho más
rojizo. Si el mismo rojo está circundado de púrpura, la segunda imagen del
púrpura, el rojo parecerá mucho más amarillento. Los colores circundantes
generan la segunda imagen de tono complementario, acentuando o atenuando
la tonalidad del color circundado.
Taller 2, Parcial II: Diseño de un juego de mesa
“El mercado de Tlatelolco” (Víctor Melo) : Juego de diseño prehispánico.
Como diseñar gráficamente un juego de mesa:
1. Deben diseñar la estrategia del juego.
“En el mercado de Tlatelolco”, los jugadores se ubican a los 4 lados (4 puntos
cardinales). El objetivo del juego es acumular la mayor cantidad de mercancías y
ha poder ser, de las más valiosas. Las mercancías se consiguen gastando fichas
negras que se consiguen a final de turno de una en una, obteniendo a cambio
todas las mercancías que posea un vendedor que se encuentre en línea
horizontal al comprador que ha gastado la ficha negra. Si entre medio del
vendedor y el comprador hay una loseta de “aglomeración” será imposible
realizar la transacción.
El valor de las mercancías se determina al final del juego, dependiendo del
numero de estas que haya en la casilla real. De esta manera si al final del juego
dispones de 8 fichas amarillas, y en la loseta real (de color negro) hay 4
amarillas, tienes por tanto 32 puntos.
La gracia del juego es que las losetas van cambiando de posición
continuamente. Al principio de cada turno los jugadores eligen entre comprar o
pasar de comprar.
Si se pasa de comprar, se asignaran recursos al mercado: se robara
aleatoriamente de una bolsa 4 unidades de mercancías que se depositaran en
los respectivos vendedores. Una de las mercancías, si se quiere, puede ir a
parar a la loseta real, dándole más valor a ese tipo de mercancía. A
continuación, se tiene que mover 2 losetas: primero una al hueco que esta libre,
y luego otra al hueco que ha dejado esta. Normalmente uno se intenta librar de
las aglomeraciones propias y colocarlas en las trayectorias de compra de los
demás jugadores. Si compra, el jugador tendrá que gastar al menos una ficha
negra para comprar a un vendedor, además podrá usar, si es posible, uno de los
poderes de los personajes auxiliares. Los personajes son: cargador, gobernador,
ladrón, reajustador y el propio Rey. Para activar los personajes siempre es
necesario tener una ficha negra en su línea horizontal.
El cargador permite mover tus mercancías adquiridas de un comprador a otro.
Esto es muy importante ya que en un mismo comprador no puedes mezclar
mercancías diferentes, con lo cual necesitas especializarlos usando el cargador.
El gobernador permite mover tus influencias, pero tiene el coste de 1 mercancía
(que tiene que estar en la misma línea que el, como la ficha negra).
El rey permite, al coste de 2 mercancías, colocar 1 mercancía de tu reserva en el
(esta en la loseta real, con lo que aumentas el valor de ese tipo de mercancía),
la que sobra se retira del juego.
El ladrón, al coste de 1 mercancía (que se retira del juego) permite eliminar 1
mercancía de la loseta real. Si la mercancía elegida no es la más numerosa, sino
una minoritaria, tiene que pagar 1 extra. Tanto el rey como el ladrón, solo se
pueden usar una vez por turno, debido a su poder.
Finalmente, el reajustador, al coste de 1 mercancía, se va al hueco que haya en
el tablero.
A parte de todo esto, los personajes del cargador y el gobernador tienen poderes
pasivos. Si al realizar una compra el cargador esta entre medio del vendedor y el
jugador, el jugador tiene que devolver una de las mercancías adquiridas a la
bolsa. Si el que esta es el gobernador, el jugador tiene que depositar una de las
mercancías adquiridas en la loseta real.
Además de todo ello, dentro de la opción de compra, puedes gastar influencias
adicionales para comprar más productos o bien mover losetas a través del
tablero a tu voluntad. El problema es que las influencias escasean mucho.
2. Deben hacer el boceto del diseño gráfico del juego.
En definitiva pues, el diseño de juegos es el proceso de diseñar el contenido,
los antecedentes y las reglas de un juego. Los diseñadores de juegos
profesionales se especializan en ciertos tipos de juegos, como juegos de mesa,
juegos de naipes o videojuegos.
Juego de estilo origami
Este escritorio portátil o bargueño era el mueble más popular en los hogares
durante los años s. XVI-XVII. Se usaban los cajones y compartimentos con
bisagras para guardar pequeños objetos de valor, documentos y/o secretos. El
bargueño se podía cerrar con llave y llevarse por sus asas para su
transportación.
Usted puede diseñar uno invitando al jugador a buscar el secreto...
Otra propuesta de juego...

Más contenido relacionado

La actualidad más candente (19)

Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Salazar elena elizabeth
Salazar elena elizabethSalazar elena elizabeth
Salazar elena elizabeth
 
Taller de escritura
Taller de escrituraTaller de escritura
Taller de escritura
 
Trabajo De La Tipografía
Trabajo De La TipografíaTrabajo De La Tipografía
Trabajo De La Tipografía
 
Trabajo de tipografia
Trabajo de tipografiaTrabajo de tipografia
Trabajo de tipografia
 
Tipografa td
Tipografa tdTipografa td
Tipografa td
 
Tex imgpres matreferencia
Tex imgpres matreferenciaTex imgpres matreferencia
Tex imgpres matreferencia
 
Librolettering2
Librolettering2Librolettering2
Librolettering2
 
Tipografia
TipografiaTipografia
Tipografia
 
Eq4 tipografia
Eq4 tipografiaEq4 tipografia
Eq4 tipografia
 
Documento5 140729215026-phpapp01
Documento5 140729215026-phpapp01Documento5 140729215026-phpapp01
Documento5 140729215026-phpapp01
 
Tipografia y maquetacion3
Tipografia y maquetacion3Tipografia y maquetacion3
Tipografia y maquetacion3
 
Documento 5
Documento 5Documento 5
Documento 5
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Clases grado 7º 2016
Clases grado 7º 2016Clases grado 7º 2016
Clases grado 7º 2016
 
Lenguaje y comunicacion
Lenguaje y comunicacionLenguaje y comunicacion
Lenguaje y comunicacion
 
La importancia-de-la-redaccion
La importancia-de-la-redaccionLa importancia-de-la-redaccion
La importancia-de-la-redaccion
 

Similar a Id s7 (20)

TIPOGRAFÍAS
TIPOGRAFÍASTIPOGRAFÍAS
TIPOGRAFÍAS
 
diseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.pptdiseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.ppt
 
diseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.pptdiseno-grafico-7c2babasico.ppt
diseno-grafico-7c2babasico.ppt
 
FUNDAMENTOS DEL DISEÑO
FUNDAMENTOS DEL DISEÑOFUNDAMENTOS DEL DISEÑO
FUNDAMENTOS DEL DISEÑO
 
TipografíA
TipografíATipografíA
TipografíA
 
Tipografía
TipografíaTipografía
Tipografía
 
Medios impresos II tipografia
Medios impresos II tipografiaMedios impresos II tipografia
Medios impresos II tipografia
 
Taller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuelTaller 5 tipografia daniel y samuel
Taller 5 tipografia daniel y samuel
 
Fundamentos de la tipografía
Fundamentos de la tipografíaFundamentos de la tipografía
Fundamentos de la tipografía
 
Taller 5. gabriela flores
Taller 5. gabriela floresTaller 5. gabriela flores
Taller 5. gabriela flores
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia libro album
Tipografia libro albumTipografia libro album
Tipografia libro album
 
Tipografia libro album para niños
Tipografia libro album para niñosTipografia libro album para niños
Tipografia libro album para niños
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
El diseño gráfico
El diseño gráficoEl diseño gráfico
El diseño gráfico
 
Carteles
CartelesCarteles
Carteles
 
Tipografia
TipografiaTipografia
Tipografia
 
14_Tipografía.pdf
14_Tipografía.pdf14_Tipografía.pdf
14_Tipografía.pdf
 
Guia Interactiva De Composicion Escrita
Guia Interactiva De Composicion EscritaGuia Interactiva De Composicion Escrita
Guia Interactiva De Composicion Escrita
 

Más de Jimmy

Entrevista a alberto corazón
Entrevista a alberto corazónEntrevista a alberto corazón
Entrevista a alberto corazónJimmy
 
Alberto corazón
Alberto corazónAlberto corazón
Alberto corazónJimmy
 
àLex trochut
àLex trochutàLex trochut
àLex trochutJimmy
 
Pelta[1]
Pelta[1]Pelta[1]
Pelta[1]Jimmy
 
Pelta[1]
Pelta[1]Pelta[1]
Pelta[1]Jimmy
 
éTica & diseño gráfico
éTica & diseño gráficoéTica & diseño gráfico
éTica & diseño gráficoJimmy
 
éTica & diseño gráfico raquel pelta
éTica & diseño gráfico raquel peltaéTica & diseño gráfico raquel pelta
éTica & diseño gráfico raquel peltaJimmy
 

Más de Jimmy (15)

Entrevista a alberto corazón
Entrevista a alberto corazónEntrevista a alberto corazón
Entrevista a alberto corazón
 
Alberto corazón
Alberto corazónAlberto corazón
Alberto corazón
 
àLex trochut
àLex trochutàLex trochut
àLex trochut
 
Pelta[1]
Pelta[1]Pelta[1]
Pelta[1]
 
Pelta[1]
Pelta[1]Pelta[1]
Pelta[1]
 
éTica & diseño gráfico
éTica & diseño gráficoéTica & diseño gráfico
éTica & diseño gráfico
 
éTica & diseño gráfico raquel pelta
éTica & diseño gráfico raquel peltaéTica & diseño gráfico raquel pelta
éTica & diseño gráfico raquel pelta
 
S10
S10S10
S10
 
S9
S9S9
S9
 
S6
S6S6
S6
 
S5
S5S5
S5
 
S4
S4S4
S4
 
S3
S3S3
S3
 
S2
S2S2
S2
 
S1
S1S1
S1
 

Id s7

  • 1. La legibilidad tipográfica: Bien, nos quedó pendiente comentar la LEGIBILIDAD de las tipografías. Según Cicerón, lo importante no es lo que se dice, sino como se dice, filósofo de la antigua Roma, quien pronunció estas palabras. Marshall MacLuhan filósofo y sociólogo norteamericano, desarrolló en todas sus consecuencias, la idea de Cicerón. Marshall afirmó que una noticia en el periódico, un incendio, un discurso, una competición deportiva, cambia enteramente cuando se emite por radio o se transmite por televisión. Volviendo al inicio de las letras, es un medio para influir en lo que se dice y a través de cómo se dice. Condición para influir en el "que" a través del "como" es igual a legibilidad. Legibilidad es término empleado en el diseño tipográfico para definir una cualidad deseable de una familia tipográfica. Algo legible es la facilidad o complejidad de la lectura de una letra.
  • 2. Un tipo de letra para cada cuerpo de texto Ya hemos comentado que ell denominado tipo de letra estándar, es más legible que la de tipo decorativo. Los tipos con serifas son más legibles que las sin serifas. El espacio entre letras o palabras no tiene que ser ni muy amplio, ni demasiado reducido, para que tengan una buena visibilidad y legibilidad. El tamaño, si el tipo es demasiado grande o pequeña, cansa mucho al lector y reduce la legibilidad. También ocurre con las columnas, donde un ancho corto, cansa al usuario, ya que tiene que cambiar de línea constantemente. Un texto, todo en negrita es muy denso y también dificulta la lectura. Un problema que puede surgir con el espacio entre las palabras, es que puede desestructurar la línea y entorpecer la lectura y la estética cuando las palabras distan mucho unas de otras. Hay que encontrar una medida razonable, que dependerá del tipo de escrito que estemos componiendo.
  • 3. El interlineado es el término tipográfico que describe el espacio vertical entre líneas. La interlínea se usa para dar mayor legibilidad a las líneas de un texto, cuando éstas son largas y están compuestas en un cuerpo pequeño. La alineación del texto es un paso importante para mantener también una buena legibilidad. Las opciones de alineación en un diseño de una página tradicional son: 1. El texto alineado a la izquierda es el recomendable para textos largos. Crea una letra y un espacio entre palabras muy equilibrado y uniforme. Esta clase de alineación de textos es probablemente la más legible. 2. Alineación a la derecha se encuentra en sentido contrario del lector porque resulta difícil encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso
  • 4. 3. El texto justificado, alineado a derecha e izquierda. Puede ser muy legible, si el diseñador equilibra con uniformidad el espacio entre letras y palabras, evitando molestos huecos denominados ríos que no rompan el curso del texto. 4. Las alineaciones centradas proporcionan al texto una apariencia muy formal y son ideales cuando se usan mínimamente. Se debe evitar configurar textos demasiado largos con esta alineación 5. Alineaciones asimétricas se utilizan cuando el diseñador quiere romper el texto en unidades de pensamiento lógicas, o para dar más expresividad a la página. También hay que tener en cuenta: 1. El track, que ajusta el espacio que existe entre los caracteres, abriendo los cuerpos más pequeños y cerrando los mas grandes. 2. El Kern, es el espacio existente entre dos caracteres individuales, es proporcional, ya que es del mismo tamaño en puntos que el cuerpo de los carácteres. Si un texto es de 10 puntos, el kern mide 10 puntos.
  • 5. Factores que condicionan la legibilidad de un rótulo o texto _El aspecto más importante de la tipografía, es al público al cual va dirigido el texto y que sea capaz de leerlo perfectamente, sin ningún inconveniente. _Para que un trabajo sea legible, un diseñador debe saber, quién lo leerá y desde donde y a que distancia lo leerá. En este caso debemos tener en cuenta factores muy importantes tales como: la luz, la distancia, la altura de colocación del texto, etc. _El diseño de la letra: Los tipos de diseño clásicos latinos, son los que ofrecen mayor legibilidad. Las letras redondas y minúsculas suelen ser las más legibles. _Espaciado entre letra y letra: Un título o un rótulo cuyas letras se peguen materialmente unas a otras no ofrece buena legibilidad, aunque algunos grafistas defienden esta fórmula, atentos solamente al efecto plástico.
  • 6. _El tamaño de la letra: Una letra de tamaño grande es más legible que otra de tamaño más pequeño. Pero existe un tamaño ideal que anima y favorece la lectura, la letra del cuerpo diez o doce. Por Ej. para un cartel que se observará a 10 m, la altura de la letra debe ser, al menos, de 2,5 cm, mientras que para una valla publicitaria que deba leerse a 60 m, la altura de la letra deberá ser al menos, de 15 cm. _La longitud de la linea: Una línea muy larga, impresa en un cuerpo de letra más bien pequeño, en la que se incluyen muchas palabras, entorpece la lectura, por la dificultad que supone pasar de una línea a otra. _La calidad de impresión: Una impresión deficiente con fallos, exceso de tinta, pisada o presión excesiva, puede perjudicar notablemente la legibilidad. _Los colores adecuados para una tipografía son: Los tipos negros sobre fondo blanco, reflejan mayor legibilidad, el efecto contrario, texto blanco sobre fondo negro, nos hacen perder visibilidad.
  • 7. El color en la tipografía y en la elección del tipo Conocer y comprender los colores y lo que nos transmiten, es importante y básico para trabajar con los tipos del mundo del diseño gráfico. Normalmente, cuando nos encontramos diseñando una presentación y partimos de poco espacio, utilizamos el color para enfatizar las letras. Para conseguir una buena legibilidad cuando se diseña con tipos y color deberemos equilibrar cuidadosamente las tres propiedades del color (tono, valor e intensidad) y determinar el contraste adecuado entre las letras y su fondo. Cuando se combinan tipos y color, el equilibrio entre estas características es importantísimo. El color tipográfico es una ilusión óptica, creada por las propias proporciones y formas de los diseños tipográficos. Éstas nos hacen percibir la sensación de un color distinto, aunque esté impreso en el mismo color. Aunque las palabras estén impresas en el mismo color, cada una de ellas puede poseer un tono diferente, debido a las características propias de sus diseños tipográficos.
  • 8. Alberto Corazón, un ejemplo de legibilidad tipográfica Diseñador gráfico & artista español que fue presidente y fundador de la Asociación Española de Profesionales del Diseño y en la actualidad forma parte del Comité de Asesores del Parlamento Europeo para la regularización de la Comunicación Gráfica. Además, formó parte del jurado de los Premios Nacionales de Diseño, en jurados nacionales e internacionales, así como en la Asociación Española de Profesionales del Diseño. Su obra ha recorrido los principales centros culturales y artísticos de Francia, Italia, Alemania, Gran Bretaña, España, Estados Unidos. Fue el único diseñador europeo que recibió la Medalla de Oro del American Institute of Graphic Arts, el más importante premio internacional en el área de la Comunicación Visual. Además, obtuvo estos galardones: _Premio Nacional de Diseño (1989) _Gold Medal Award del Arts Directors Club (New York) _Gold award del The Designers Association of London _Arts Director Club de Nueva York, la British Design and Arts Direction de _Londres, el premio Aliance y la medalla de oro del Design Council International (1991).
  • 9. "Fotografía, texto y litografía son las herramientas de los nuevos profesionales, los diseñadores, que inicialmente son denominados "artistas gráficos". "El diseño se formaliza así como una nueva área de comunicación visual en el sistema de las artes". En este sentido, Corazón explicó que el diseño atiende a diferentes demandas, "todas en cascada y relacionadas con el espacio en la ciudad moderna". La primera demanda es la comunicación en esencia. "La segunda es la de que esa comunicación debe administrar complejidad, y la siguiente tiene que ver con el placer de la belleza, de trasmitir y configurar nuevas estéticas", explicó este diseñador polifacético, que inició su carrera profesional con el diseño editorial de Ciencia Nueva, editorial perseguida durante el franquismo. A continuación, Corazón renovó el panorama del diseño español, en los primeros años de democracia, diseñando la Identidad Corporativa del MOPU, Junta de Andalucía, Paradores Nacionales, Comunidad de la Rioja, Junta de Extremadura, etc. Como diseñador industrial, es autor de obras tan conocidas como el teléfono DOMO y el equipamiento público de CERCANIAS (RENFE), entre otras muchas.
  • 10. Artífice de que el Diseño gráfico se incorpore en la Real Academia de Bellas Artes de San Fernando (Madrid) destacando su poder y su influencia en la sociedad actual, con lo que se planteará "un reto" para hacer algo "activo y útil" de una disciplina con talento y experiencia “infrautilizados”. Corazón ha sido calificado como un "motor en marcha, un artista y creador múltiple, un luchador por el arte y sus ideas y una persona "dialogante" y con una "extraordinaria capacidad de entrañable relación personal". UNED (Universidad Nacional de Educación a Distancia) antes y después. Diseñado a partir de la Ley de la Pregnancia (Gestalt) que veremos más adelante.
  • 11. Logotipo & Diseño Editorial
  • 12. Casa de América (Madrid) punto de encuentro entre ambas culturas: la española y la Iberoamericana.
  • 13. MAPFRE MUTUALIDAD y CORPORACIÓN MAPFRE
  • 15. ONCE, Organización de ciegos con Lotería Nacional
  • 16. Teléfono Domo (Telefónica). Diseño industrial.
  • 17.
  • 18. Introducción al color El mundo es de colores, donde hay luz, hay color. La percepción de la forma, profundidad o claroscuro está estrechamente ligada a la percepción de los colores. El color es un atributo que percibimos de los objetos cuando hay luz. La luz es constituida por ondas electromagnéticas que se propagan a unos 300.000 kilómetros por segundo. Esto significa que nuestros ojos reaccionan a la incidencia de la energía y no a la materia en sí. Las ondas forman, según su longitud de onda, distintos tipos de luz, como ultravioleta o blanca, visible e infraroja. Las ondas visibles son aquellas cuya longitud de onda está comprendida entre los 380 y 770 nanómetros. Los objetos devuelven la luz que no absorben hacia su entorno. Nuestro campo visual interpreta estas radiaciones electromagnéticas que el entorno emite o refleja, como COLOR.
  • 20. La ciencia explica que los colores son componentes de la luz blanca (luz solar del día o luz artificial). La luz blanca no tiene color, pero como demostró Newton, los contiene todos. Como son percibidos los colores de los objetos Un cuerpo opaco, es decir no transparente absorbe gran parte de la luz que lo ilumina y refleja una parte más o menos pequeña. Cuando este cuerpo absorbe todos los colores contenidos en la luz blanca, el objeto parece negro. Cuando refleja todos los colores del espectro, el objeto parece blanco. Los colores absorbidos desaparecen en el interior del objeto, los reflejados llegan al ojo humano. Los colores que visualizamos son, por tanto, aquellos que los propios objetos no absorben, sino que los propagan.
  • 21. Absorción y reflexión Todos los cuerpos están constituidos por sustancias que absorben y reflejan las ondas electromagnéticas, es decir, absorben y reflejan colores. Cuando un cuerpo se ve blanco es porque recibe todos los colores básicos del espectro (rojo, verde y azul) los devuelve reflejados, generándose así la mezcla de los tres colores, el blanco.
  • 22. Si el objeto se ve negro es porque absorbe todas las radiaciones electromagnéticas (todos los colores) y no refleja ninguno, así por Ej.: el tomate nos parece de color rojo, porque el ojo sólo recibe la luz roja reflejada por la hortaliza, absorbe el verde y el azul y refleja solamente el rojo. Un plátano amarillo absorbe el color azul y refleja los colores rojo y verde, los cuales sumados permiten visualizar el color amarillo.
  • 23. Propiedades: 1. Visuales: Tono, saturación, luminosidad. 2. Sensoriales: 2.1 colores fríos 2.2 colores cálidos Gradaciones: 1. De luminosidad 2. De saturación 3. De tono Composición: 1. Analogía: 1.1 De luminosidad 1.2 De saturación 1.3 De tono 2. Contraste: 2.1 De luminosidad 2.2 De saturación 2.3 De tono 3. Contrapunto
  • 24. Efectos: 1. Transposición cromática 2. De profundidad: 2.1 Por contraste de luminosidad 2.2 Por contraste de saturación 2.3 Por contraste de fríos/cálidos 3. De contraste simultáneo: 3.1 Cambio luminosidad 3.2 Cambio saturación 3.3 Cambio tono Propiedades del color 1. Tono (hue), matiz o croma es el color mismo, existen más de cien y puede tener características propias. Es el atributo que nos permite clasificar los colores como rojo, amarillo, azul, etc. La descripción de un color será más precisa si se identifica la inclinación del color hacia otro tono, por ejemplo, azul violáceo.
  • 25. Existen tres matices primarios o elementales y otros tres secundarios. En los primeros se incluyen amarillo, magenta y cian; en los segundos, naranja, verde y azul violáceo. A partir de estos seis colores se obtienen numerosas variaciones de matiz o gamas cromáticas.
  • 26. 2. Saturación (saturation) es la intensidad cromática o pureza de un color respecto al gris. Los colores con saturación máxima son simples y casi primitivos; así tendremos el amarillo, el magenta y el cian, además de sus mezclas (rojo - naranja, azul violáceo y verde). Colores saturados
  • 27. La saturación mínima la obtendremos mezclando un color con su complementario, es decir, su opuesto en el círculo cromático. Si la mezcla se realiza a partes iguales se consigue un gris medio. Saturación mínima
  • 28. También los colores puros pierden intensidad al mezclarse con distintos grados de gris, produciéndose a la par variaciones de luminosidad. Mezclando con gris los colores primarios & Mezclando con gris los secundarios
  • 29. 3. Valor (value) junto a la luminosidad y brillo del color, son una dimensión acromática. Se refiere al grado de claridad u oscuridad de un color, está determinado por la cantidad de luz que un color tiene. Valor y luminosidad expresan lo mismo. Los cambios de luminosidad se consiguen mezclando un color con blanco o con negro, nunca los dos juntos. No todos los primarios y secundarios tienen la misma luminosidad. En una escala del 0 a 10, el valor cero sería el blanco y el valor diez sería para el negro. 4. Luminosidad (lightness), que es la cantidad de luz reflejada por una superficie en comparación con la reflejada por una superficie blanca en iguales condiciones de iluminación. 5. Brillo (brightness) es la cantidad de luz emitida por una fuente lumínica o reflejada por una superficie.
  • 30. La luminosidad, cambios de luminosidad
  • 31.
  • 32. Definición de los colores cálidos y fríos Se llaman colores cálidos aquellos que van del rojo al amarillo, son colores muy impactantes, ya que destacan mucho sobre un fondo. Y los colores fríos son las gradiaciones del azul al verde, colores muy relajantes. Esta división de los colores en cálidos y fríos, radica simplemente en la sensación y experiencia humana, pues la calidez y la frialdad atienden a sensaciones térmicas. Los colores, de alguna manera, nos pueden llegar a transmitir estas sensaciones. Un color frío y uno cálido, o un color primario y uno compuesto, se complementan. El blanco, gris y negro, no pueden incluirse en los grupos de cálidos y fríos.
  • 33. Gradaciones del color Por gradaciones entendemos el paso paulatino de un color a otro. Los saltos de gradación pueden ser más o menos bruscos, es decir, a más pasos mayor suavidad o delicadeza en la transición. Las gradaciones pueden ser de luminosidad, de saturación y tono.
  • 34. Las gradaciones de luminosidad se producen al oscurecer o aclarar un color progresivamente por la adicción de blanco o negro.
  • 35. Las gradaciones de saturación se producen al variar la saturación de un color en varios pasos. Podemos realizarlas con el complementario o con diversos grises.
  • 36. Las gradaciones de tono son transiciones de un color a otro de distinto tono, por ejemplo del rojo al violeta. Si se pretende mantener la saturación en todos los pasos tendremos que elegir dos tonos primarios o dos tonos cercanos en el círculo cromático. Gradaciones de tono manteniendo saturación
  • 37. Si por el contrario queremos variar la saturación elegiremos tonos secundarios, un primario o su complementario o alguno próximo a éste. Gradaciones de tono variando saturación
  • 38. La composición del color Los gustos cambian de generación en generación y según la edad, el sexo, la raza, la educación, el entorno cultural... de cada individuo y por ello es difícil establecer normas específicas para la creación efectiva de combinaciones con color. Ningún color puede ser considerado un valor absoluto, de hecho los colores se influyen mutuamente si se acercan. Los colores tienen diferente realce según el contexto en el que se dispongan o se encuentren. Existen dos formas compositivas del color: la armonía y el contraste. En el marco de nuestro estudio la armonía del color queda descrita como combinaciones de color afortunadas, que agradan la vista mediante la utilización de colores análogos o bien la excitan mediante contrastes. La analogía, el contraste y el contrapunto son las tres vías para el logro de la armonía de color.
  • 39.
  • 40. Armonía del color Armonizar, significa coordinar los diferentes valores que el color adquiere en una composición. Cuando en una composición todos los colores tienen una parte común al resto de los colores componentes. Armónicas son las combinaciones en las que se utilizan modulaciones de un mismo tono, o también de diferentes tonos, pero que en su mezcla mantienen los unos parte de los mismos pigmentos de los restantes. En todas las armonías cromáticas se pueden observar tres colores: uno dominante, otro tónico y por último, otro de mediación. 1. Dominante: Es el mas neutro y de mayor extensión, sirve para destacar los otros colores que conforman nuestra composición gráfica, especialmente al opuesto. 2. El tónico: Es el complementario del color de dominio, es el mas potente en color y valor, y el que se utiliza como nota de animación o audacia en cualquier elemento (alfombra, cortina , etc.)
  • 41. 3. El de mediación: Actúa como conciliador y modo de transición entre cada uno de los dos anteriores, suele tener una situación en el circulo cromático cercano a la de color tónico. Por Ej.: en una composición armónica cuyo color dominante sea el amarillo, y el violeta sea el tónico, el mediador puede ser el rojo si la sensación que queremos transmitir sea de calidez, o un azul si queremos que sea de frialdad.
  • 42. La Analogía de luminosidad, se genera utilizando la escala de grises. Un diseño con valores análogos restringe las gradaciones de tono y de intensidad a grados de valor adyacentes o a uno solo. Grado de valor 3, 6, y 9
  • 43. La Analogía de saturación, en una composición con tonos de igual saturación se acentúa el contraste tonal. Y este se reduce a medida que los tonos son menos saturados. Contraste tonal alto y bajo.
  • 44. La Analogía de tono, es la tendencia a un tono común (una cantidad muy pequeña de un color particular se mezcla con cada uno de los colores, cambiando a veces su tono, su valor y/o su intensidad en el proceso; por ejemplo, el amarillo anaranjado puede mezclarse con todos los colores para crear una serie general de amarillo anaranjado). Del mismo modo podríamos obtener un esquema basado en azul violeta. Tono anaranjado y azul violeta
  • 45. El contraste El Contraste se produce cuando en una composición, los colores no tienen nada en común no guardan ninguna similitud. Existen diferentes tipos de contraste: 1. Contraste de luminosidad, saturación y tono: Cuando utilizamos diversos tonos cromáticos, es el mismo color de base pero en distinto nivel de luminosidad y saturación. 2. Contraste de claro/oscuro o contraste de grises: El punto extremo está representado por blanco y negro, observándose la proporción de cada uno 3. Contraste de color: Se produce por la modulación de saturación de un tono puro con blanco, con negro, con gris, o con un color complementario. 4. Contraste de cantidad: Da igual los colores que utilizemos, consiste en poner mucha cantidad de un color y otra más pequeña de otro.
  • 46. 5. Contraste simultáneo: Dos elementos con el mismo color producen el mismo contraste dependiendo del color que exista en su fondo. 6. Contraste entre complementarios: Se colocan un color primario y otro secundario opuesto en el triangulo de color. Para conseguir algo más armónico, se aconseja que uno de ellos sea un color puro y el otro esté modulado con blanco o con negro. 7. Contraste entre tonos cálidos y fríos: Es la unión de un color frío y otro cálido.
  • 47. Para un cierto contraste de luminosidad, se pueden buscar colores yuxtapuestos de los grados de luminosidad 2, 4, 6, 8, o bien 2, 5, 8. Para un diseño con contraste alto de luminosidad podemos poner unos colores muy luminosos en un entorno poco luminoso o viceversa. Cierto contraste luminosidad 2, 5 y 8 & Alto contraste luminosidad
  • 48. El mejor modo de conseguir el contraste de saturación consiste en limitar los colores a un solo grado de luminosidad, permitiendo que cada color muestre su propia intensidad. En el siguiente Ej. : contraste saturación con valor 5.
  • 49. El contraste de tono se produce cuando los tonos están separados por noventa o más grados en el círculo de color. Cuanto mayor sea la distancia entre los tonos en el círculo cromático, tanto mayor será el contraste tonal. A menos de 90º & A más de 90º
  • 50.
  • 51. El contrapunto En un entorno cromático de características análogas un elemento destaca por su independencia oponiéndose a la armonía compositiva. Contrapunto de luminosidad, saturación y tono
  • 52. La percepción del color: Los colores primarios La problemática del color y su estudio, es muy amplia, pudiendo ser abordada desde el campo de la física, la psicología, la cultura, etc. El conocimiento que tenemos y hemos adquirido sobre color en la escuela, y/o colegio hace referencia al color pigmento y proviene de las enseñanzas de la antigua Academia Francesa de Pintura que consideraba como colores primarios (aquellos que por mezcla producirán todos los demás colores) al rojo, el amarillo y el azul. En realidad existen dos sistemas de colores primarios: 1. colores primarios luz y 2. colores primarios pigmento. El blanco y negro son llamados colores acromáticos, ya que los percibimos como "no colores".
  • 53. 1. Color luz, síntesis aditiva Los colores producidos por luces (en el monitor de nuestra computadora, en el cine, televisión, etc) tienen como colores primarios, al rojo, el verde y el azul (RGB) cuya fusión de estos, crean y componen la luz blanca, por eso a esta mezcla se le denomina, síntesis aditiva y las mezclas parciales de estas luces dan origen a la mayoría de los colores del espectro visible.
  • 54. Color pigmento, síntesis sustractiva Los colores sustractivos, son colores basados en la luz reflejada de los pigmentos aplicados a las superfícies. Forman esta síntesis sustractiva, el color magenta, el cyan y el amarillo. Son los colores básicos de las tintas que se usan en la mayoría de los sistemas de impresión, motivo por el cual estos colores han desplazado en la consideración de colores primarios a los tradicionales. La mezcla de los tres colores primarios pigmento en teoría debería producir el negro, el color más oscuro y de menor cantidad de luz, por lo cual esta mezcla es conocida como síntesis sustractiva. En la práctica el color así obtenido no es lo bastante intenso, motivo por el cual se le agrega negro pigmento conformándose el espacio de color CMYK.
  • 55. El ojo humano distingue unos 10.000 colores. Se emplean, también sus tres dimensiones físicas: saturación, brillantez y tono, para poder experimentar la percepción.
  • 56. El círculo cromático se divide en tres grupos de colores primarios, con los que se pueden obtener los demás colores. _El primer grupo de primarios según los artistas y diseñadores, son: amarillo, rojo y azul. Mezclando pigmentos de éstos colores se obtienen todos los demás colores. _El segundo grupo de colores primarios: amarillo, verde y rojo. Si se mezclan en diferentes porcentajes, forman otros colores y si lo hacen en cantidades iguales producen la luz blanca. _El tercer grupo de colores primarios: magenta, amarillo y cyan. Los utilizados para la impresión. Definimos como los colores secundarios: verde, violeta y naranja. Los colores secundarios se obtienen de la mezcla en una misma proporción de los colores primarios.
  • 57.
  • 58. Los colores terciarios Consideramos como colores terciarios: rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo. Los colores terciarios, surgen de la combinación en una misma proporción de un color primario y otro secundario.
  • 59. Formación de los colores complementarios Los colores complementarios se forman mezclando un color primario con el secundario opuesto en el triángulo del color. Son colores opuestos aquellos que se equilibran e intensifican mutuamente. Gama y combinación colores complementarios Los colores complementarios son los que proporcionan mayores contrastes en el gráfico de colores. _Para obtener una gama de verdes: Los verdes se obtienen mediante la mezcla de azul y amarillo, variando los porcentajes, se obtienen diferentes resultados.
  • 60. Círculo cromático de los colores cálidos y fríos con sus complementarios
  • 61. _Para crear una gama de azules: Los colores más oscuros se logran mediante una combinación de púrpura y azul. El color púrpura tiñe con intensidad y su mezcla se debe dosificar bien. _Para obtener una gama de rojos anaranjados: Mezclando púrpura y amarillo obtendremos diferentes tonos anaranjados. _Para la obtención de una gama de ocres y tierras: A partir de un violeta medio, que crea a partir de un púrpura y azul, es posible conseguir una extensa gama de colores comprendidos entre el ocre amarillo y el sombra tostada, llegando a sienas. Para conseguir esta combinación es preciso añadir amarillo a los distintos violetas que se han creado con los otros dos primarios.
  • 62. Efectos del color Fenómenos que surgen por las características y funcionamiento del ojo (fisiología de la visión), así como las interpretaciones que se derivan del hecho de ver. Cuando combinamos colores debemos prestar atención a los efectos ya que pueden modificar el modo en que se perciben. Existen diferentes tipos de efectos: 1. Transposición cromática: En los intervalos y transformaciones cromáticas en los que el color tiene siempre dos características determinantes: su grado de saturación y su luminosidad. Atendiendo a estas características podemos establecer relaciones con otro color. Se puede hacer una comparación con la música, la misma escala pero más grave o más aguda.
  • 63.
  • 64. Otro efecto del color es el tamaño, así por Ej.: el círculo central parece más pequeño si está rodeado de círculos de mayor tamaño, y más grande, si por el contrario lo rodean círculos más pequeños.
  • 65. 2. El efecto de transparencia, peso y masa: La transparencia se visualiza por la aparente mezcla de tonos. Cuando nos referimos al peso y masa del color, este actúa por gravitación y extensión de una superficie cromática. Los tonos fríos y claros parecen más livianos y menos sustanciales, los cálidos y oscuros parecen más pesados y densos.
  • 66. 3. Efectos de profundidad por contraste de luminosidad nos indican que los colores luminosos tienden a avanzar y los poco luminosos tienden a retroceder. De este modo podemos conseguir el "efecto túnel”. Los colores fríos avanzan si son más luminosos que los cálidos en su entorno neutro.
  • 67. Los efectos de profundidad por contraste de saturación nos indican que los colores saturados avanzan sobre los no saturados. Los efectos de profundidad por contraste de caliente/frío nos indican que los colores cálidos tienden a aparecer en primer plano y los fríos tienden a pasar hacia el fondo.
  • 68. 4. Efectos de contraste simultáneo hacen referencia a los cambios aparentes del tono, valor y/o intensidad que son creados por colores adyacentes. El estímulo visual hace que el ojo genere una segunda imagen que se sitúa en el tono complementario de la imagen original; eso ocurre cuando un color envuelve a otro (el color envuelto es alterado por el color envolvente). El contraste sucesivo o imagen persistente se produce después de un contraste simultáneo, cuando el ojo está fatigado si se desliza la mirada hacia una superficie blanca o gris aparece el color complementario. Con objeto de comprender el contraste simultáneo hay que considerar también complementarios el blanco y el negro. Es importante comprender los principios que rigen el contraste simultáneo, con objeto de predecir sus efectos.
  • 69.
  • 70. En el contraste simultáneo se producen cambios de luminosidad, cuando un color circundado es mucho más claro o mucho más oscuro que el color circundante. Ej.: si el color circundante es claro el color circundado parece más oscuro.
  • 71. En el contraste simultáneo se producen cambios de saturación cuando parece aumentar el brillo del color o cuando este parece más apagado. Ejemplo: cuando un color está circundado por otro que está situado en su tono complementario, la saturación de ese color se ve fortalecida por que la segunda imagen del color circundante tiene el mismo tono que el color circundado.
  • 72. En el cambio de tono un color circundado se funde ópticamente con la segunda imagen del color circundante que tiene un tono diferente. Ej.: cuando el rojo está circundado por el verde lo tiñe y parece mucho más rojizo. Si el mismo rojo está circundado de púrpura, la segunda imagen del púrpura, el rojo parecerá mucho más amarillento. Los colores circundantes generan la segunda imagen de tono complementario, acentuando o atenuando la tonalidad del color circundado.
  • 73. Taller 2, Parcial II: Diseño de un juego de mesa
  • 74. “El mercado de Tlatelolco” (Víctor Melo) : Juego de diseño prehispánico.
  • 75. Como diseñar gráficamente un juego de mesa: 1. Deben diseñar la estrategia del juego. “En el mercado de Tlatelolco”, los jugadores se ubican a los 4 lados (4 puntos cardinales). El objetivo del juego es acumular la mayor cantidad de mercancías y ha poder ser, de las más valiosas. Las mercancías se consiguen gastando fichas negras que se consiguen a final de turno de una en una, obteniendo a cambio todas las mercancías que posea un vendedor que se encuentre en línea horizontal al comprador que ha gastado la ficha negra. Si entre medio del vendedor y el comprador hay una loseta de “aglomeración” será imposible realizar la transacción. El valor de las mercancías se determina al final del juego, dependiendo del numero de estas que haya en la casilla real. De esta manera si al final del juego dispones de 8 fichas amarillas, y en la loseta real (de color negro) hay 4 amarillas, tienes por tanto 32 puntos. La gracia del juego es que las losetas van cambiando de posición continuamente. Al principio de cada turno los jugadores eligen entre comprar o pasar de comprar.
  • 76. Si se pasa de comprar, se asignaran recursos al mercado: se robara aleatoriamente de una bolsa 4 unidades de mercancías que se depositaran en los respectivos vendedores. Una de las mercancías, si se quiere, puede ir a parar a la loseta real, dándole más valor a ese tipo de mercancía. A continuación, se tiene que mover 2 losetas: primero una al hueco que esta libre, y luego otra al hueco que ha dejado esta. Normalmente uno se intenta librar de las aglomeraciones propias y colocarlas en las trayectorias de compra de los demás jugadores. Si compra, el jugador tendrá que gastar al menos una ficha negra para comprar a un vendedor, además podrá usar, si es posible, uno de los poderes de los personajes auxiliares. Los personajes son: cargador, gobernador, ladrón, reajustador y el propio Rey. Para activar los personajes siempre es necesario tener una ficha negra en su línea horizontal. El cargador permite mover tus mercancías adquiridas de un comprador a otro. Esto es muy importante ya que en un mismo comprador no puedes mezclar mercancías diferentes, con lo cual necesitas especializarlos usando el cargador. El gobernador permite mover tus influencias, pero tiene el coste de 1 mercancía (que tiene que estar en la misma línea que el, como la ficha negra). El rey permite, al coste de 2 mercancías, colocar 1 mercancía de tu reserva en el (esta en la loseta real, con lo que aumentas el valor de ese tipo de mercancía), la que sobra se retira del juego.
  • 77. El ladrón, al coste de 1 mercancía (que se retira del juego) permite eliminar 1 mercancía de la loseta real. Si la mercancía elegida no es la más numerosa, sino una minoritaria, tiene que pagar 1 extra. Tanto el rey como el ladrón, solo se pueden usar una vez por turno, debido a su poder. Finalmente, el reajustador, al coste de 1 mercancía, se va al hueco que haya en el tablero. A parte de todo esto, los personajes del cargador y el gobernador tienen poderes pasivos. Si al realizar una compra el cargador esta entre medio del vendedor y el jugador, el jugador tiene que devolver una de las mercancías adquiridas a la bolsa. Si el que esta es el gobernador, el jugador tiene que depositar una de las mercancías adquiridas en la loseta real. Además de todo ello, dentro de la opción de compra, puedes gastar influencias adicionales para comprar más productos o bien mover losetas a través del tablero a tu voluntad. El problema es que las influencias escasean mucho. 2. Deben hacer el boceto del diseño gráfico del juego.
  • 78. En definitiva pues, el diseño de juegos es el proceso de diseñar el contenido, los antecedentes y las reglas de un juego. Los diseñadores de juegos profesionales se especializan en ciertos tipos de juegos, como juegos de mesa, juegos de naipes o videojuegos. Juego de estilo origami
  • 79. Este escritorio portátil o bargueño era el mueble más popular en los hogares durante los años s. XVI-XVII. Se usaban los cajones y compartimentos con bisagras para guardar pequeños objetos de valor, documentos y/o secretos. El bargueño se podía cerrar con llave y llevarse por sus asas para su transportación. Usted puede diseñar uno invitando al jugador a buscar el secreto... Otra propuesta de juego...