Unidad 3 - tipografia y color

77
Tipografía y Color UNIDAD 3

Transcript of Unidad 3 - tipografia y color

Page 1: Unidad 3 - tipografia y color

Tipografía y Color

UNIDAD 3

Page 2: Unidad 3 - tipografia y color

TipografíaEl concepto

Page 3: Unidad 3 - tipografia y color

Esta palabra procede de la unión de tres componentes: el vocablo tipos que significa “molde”, el concepto graphos que puede traducirse como “escribir o grabar” y el sufijo –ia que es equivalente a “cualidad o acción”.

Se conoce como tipografía a la destreza, el oficio y la industria de la elección y el uso de tipos (las letras diseñadas con unidad de estilo) para desarrollar una labor de impresión. Se trata de una actividad que se encarga de todo lo referente a los símbolos, los números y las letras de un contenido que se imprime en soporte físico o digital.

Tipografía

Page 4: Unidad 3 - tipografia y color

Es posible distinguir diversas ramas o divisiones en este arte, como la tipografía creativa (que explora las formas gráficas más allá de la finalidad lingüística de los símbolos), la tipografía de edición (vinculada a las propiedades normativas de las familias de tipos), la tipografía del detalle o microtipografía (centrada en el interlineado, el interletrado y la marca visual) y la macrotipografía (especializada en el tipo, el estilo y cuerpo de los símbolos).

Tipografía

Page 5: Unidad 3 - tipografia y color

Los tipos móviles originarios fueron desarrollados por Johannes Gutenberg (1398–1468), aunque dichos experimentos ya eran realizados por los chinos en el siglo XI. Gutenberg se dedicó a grabar los caracteres en relieve de manera inversa sobre una matriz hecha de acero y, en 1445, logró crear el primer libro impreso de Occidente (la Biblia).

Un libro el citado, que también es conocido como la Biblia de 42 líneas, en alusión al número de líneas que daba forma a cada página.

Tipografía

Page 6: Unidad 3 - tipografia y color

Cuando hablamos de tipografía, tenemos que subrayar el hecho de que cuentan con una serie de componentes que forman lo que es su anatomía. Así, por ejemplo, poseen una altura, astas, un brazo, cola, una determinada inclinación, remates e incluso una oreja.

De esta manera, partiendo de este conjunto de elementos y de otros muchos más, se lleva a cabo el establecimiento de dos clasificaciones de tipos: histórica o por forma.

Tipografía

Page 7: Unidad 3 - tipografia y color

En el caso de la primera modalidad citada podemos hablar que se compone de tipos antiguos, egipcios o modernos, entre otros. Mientras, en la segunda este conjunto de letras se diferencian en base a si tienen o no remates que faciliten o dificulten lo que es su lectura

Tipografía

Page 8: Unidad 3 - tipografia y color

A continuación te explicamos cada concepto: Tipo es igual al modelo o diseño de una letra determinada. Tipografía es el arte y la técnica de crear y componer tipos para

comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.

Fuente tipográfica es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Familia tipográfica, en tipografía, significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios.

Tipografía

Page 9: Unidad 3 - tipografia y color

Fuentes y familias Tipográficas

Tipografía

Page 10: Unidad 3 - tipografia y color

Como se mencionó anteriormente, se entiende por fuente tipográfica al estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por características comunes. Mientras que familia tipográfica, es un conjunto de tipos basado en una misma fuente con algunas variaciones, tales como por ejemplo, el grosor y la anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios.

Cada fuente y familia tipográfica tiene características que la distinguen entre otras, que las hace únicas y le da personalidad al texto. Esa personalidad se magnifica cuando una fuente se usa a través de una presentación digital

Tipografía

Page 11: Unidad 3 - tipografia y color

Existen muchas formas de clasificar a las familias tipográficas; pero podemos decir que, la tipografía se puede dividir en amplias categorías: Serif, Sans Serif, Manuscritas, de Exhibición y Símbolos.

Tipografía

Page 12: Unidad 3 - tipografia y color

Tipografía

De Símbolo e ImágenesDe ExhibiciónManuscritas

San Serif Serif

Page 13: Unidad 3 - tipografia y color

Las Serif se clasifican a su vez en las siguientes clases: Romanas Antiguas Romanas de Transición, Romanas Modernas y Egipcias

Las Sans Serif se clasifican como: Grotescas,, Geométricas Humanísitcas Manuscritas Ornamentales

Tipografía

Page 14: Unidad 3 - tipografia y color

De acuerdo a esto podemos hacer un análisis y reconocer dos puntos fundamentales:

Las tipografías SERIF: Son los tipos de caracteres que pueden incluir adornos en sus extremos, estos adornos en sus terminaciones se denominan Serif o Serifas.

Las tipografías SANS SERIF o también conocidas como PALO SECO: es la tipografía que no contiene adornos, comúnmente llamada Sanserif (sin serifas), éstas no tienen Serif y actualmente se utilizan en muchos tipos de publicaciones principalmente en aquellos que son medios impresos.

Tipografía

Page 15: Unidad 3 - tipografia y color

Las terminales de la letra son las llamadas Serifas, como se aprecia en la imagen. Y las formas más comunes de una terminal son : Veneciana, De Transición, Bodoniana, Lineal, Egipcia, De fantasia, Medieval, de Escritura, Terminal y Adornada.

Tipografía

Page 16: Unidad 3 - tipografia y color

La familia de tipografía Romanas Antiguas se caracterizan por los siguientes puntos:

Son tipos que tienen serif La dirección de su eje de engrosamiento es oblicua Su terminación es aguda y de base ancha Los trazos son variables y ascendentes dinos y descendientes gruesos Su peso y color es intenso El espaciado de las letras es generalmente amplio. Dentro de este grupo podemos incluir a tipografías como Garamond,

Caston y Trajan.

Tipografía

Garamond Trajan

Page 17: Unidad 3 - tipografia y color

La familia de tipografía Romanas de Transición se caracterizan por los siguientes puntos:

Tiene Serif Los trazos son variables La dirección del eje de engrosamiento está más cerca de ser horizontal

que oblicuo El serif es de terminación mucho más aguda. Un ejemplo de estas tipos son la: Baskerville, Times y Century

Tipografía

Baskerville Times

Page 18: Unidad 3 - tipografia y color

La familia de tipografía Romanas Modernas o Didonas se caracterizan por los siguientes puntos:

Tienen Serif Su serif es lineal La serif se relaciona angularmente con el bastón de la letra Los trazos son mucho más variables que las romanas antiguas La dirección del eje de engrosamiento es horizontal Las cursivas son muy inclinadas, nos hacen referencia a la escritura

caligráfica. Un ejemplo son las tipos: Bauer Bodoni, Didi, Caxton, Ultra Condensed.

Tipografía

Bodoni Bodoni Condensed

Page 19: Unidad 3 - tipografia y color

La familia de tipografía Egipcia se caracterizan por los siguientes puntos:

Tienen Serif El serif es más grueso como los bastones Puede ser cuadrado o redondo La relación entre serif y bastón puede ser angular o bien curvo La dirección de eje de engrosamiento es normalmente horizontal. Ejemplos de estas tipos son: Lubalin Graph, Robotik, Cooper Black,

Elephant y Clarendon.

Tipografía

Cooper Black Elephant

Page 20: Unidad 3 - tipografia y color

La familia de tipografía Grotesca se caracterizan por los siguientes puntos:

No tienen Serif Los bastones no presentan ningún remate Las grotescas pueden ser: Redondas, cursivas, anchas, estrechas, finas,

seminegras, súper negras, etc. Tienen gran variedad. Algunos ejemplos son: Futura, Franklin Gothic, Helvética o Akzident

Univers.

Tipografía

Franklin Gothic

Futura

Page 21: Unidad 3 - tipografia y color

La familia de tipografía Geométricas se caracterizan por los siguientes puntos:

Se tratan de letras de palo seco Su estructura es geométrica (monolíneas) Las curvas son usadas deliberadamente en su forma Ejemplos de estas tipos: Futura. Eurostile, Industria.

Tipografía

Futura

Page 22: Unidad 3 - tipografia y color

La familia de tipografía Humanísticas se caracterizan por los siguientes puntos:

Se basan en proporciones de las romanas Son mono líneas y son una versión de la romana pero sin serif Su caja tipográfica es baja Ejemplos de estas tipos son: GillSans, Stone Sans, Óptima

Tipografía

GillSans

Page 23: Unidad 3 - tipografia y color

La familia de tipografía Manuscritas se caracterizan por los siguientes puntos:

Tipografías que se enlazan perfectamente Son representadas a pluma y pincel por sus características No tienen Serif Ejemplos de estas tipos son: Snell Engllish, Kuenstler, Mistral,

Edwardian Script entre otras.

Tipografía

Mistral Edwardian Script

Page 24: Unidad 3 - tipografia y color

La familia de tipografía Onamental se caracterizan por los siguientes puntos:

Son decorativas Muchas veces no tienen una clasificación exacta Son muy garigoleadas Pueden ser consideradas muy de fantasía.

Tipografía

Page 25: Unidad 3 - tipografia y color

Partes que componen una Tipo

Tipografía

Page 26: Unidad 3 - tipografia y color

Aunque no hay una nomenclatura exacta, aquí se muestran las partes de una letra:

Altura de las mayúsculas: Es la altura de las letras de caja alta. Altura X: Altura de las letras de caja baja, las letras minúsculas,

excluyendo los ascendentes y los descendentes. Anillo: Es el asta curva cerrada que forman las letras "b, p y o". Ascendente: Asta que contiene la letra de caja baja y que sobresale

por encima de la altura x, tales como las letras "b, d y k". Asta: Rasgo principal de la letra que la define como su forma o parte

mas esencial. Astas montantes: Son las astas principales o oblicuas de una letra,

tales como la "L, B, V o A". Asta ondulada o espina: Es el rasgo principal de la letra "S" en

mayúscula o "s" en minúscula.

Tipografía

Page 27: Unidad 3 - tipografia y color

Asta transversal: Rasgo horizontal de las letras "A, H, f o t". Brazo: Parte terminal que se proyecta horizontalmente o hacia arriba y

que no se encuentra incluida dentro del carácter, tal como se pronuncia en la letra "E, K y L".

Cola: Asta oblicua colgante que forman algunas letras, tales como la " R o K ".

Descendente: Asta de la letra de caja baja que se encuentra por debajo de la línea de base, como ocurre con la letra "p y g".

Inclinación: Ángulo de inclinación de un tipo. Línea base: La línea sobre la que se apoya la altura. Oreja: Es la terminación o terminal que se le añade a algunas letras

tales como "g, o y r". Rebaba: Es el espacio que existe entre el carácter y el borde del

mismo. Serif, remate o gracia: Es el trazo o termina de un asta, brazo o cola.

Tipografía

Page 28: Unidad 3 - tipografia y color

Tipografía

Page 29: Unidad 3 - tipografia y color

Tipografía

Page 30: Unidad 3 - tipografia y color

Tipografía DigitalTipografía

Page 31: Unidad 3 - tipografia y color

¿Qué es la Tipografía Digital? Es un conjunto de dibujos vectoriales que se pueden escalar (cambiar

de tamaño) sin pérdida de calidad. Los formatos que se utlizan para almacenar los archivos de fuentes

son: TrueType (TT), Postscript Tipo1 (PS) y Open Type Font que son los formatos más reconocidos en la mayoría de los sistemas operativos.

Algunos tipos que se han diseñado para que sean fácilmente legibles en pantalla con baja resolución son: La verdana, Tahoma, Trebuchet y Georgia.

Tipografía Digital

Page 32: Unidad 3 - tipografia y color

Para crear, modificar y convertir las fuentes digitales, los programas más usados son: Fontographer, FontLab y FontLab Studio, en ellos se utilizan las llamadas curvas Bézier, en las que se basa el lenguaje PostScript.

Tipografía Digital

PostScript Tipo 1 o PS1. Tienen su origen en el lenguaje de descripción de página Postscript de Adobe,

esta fuente consta en realidad de dos archivos fuente: uno es una fuente de pantalla basada en píxeles y el otro archivo es una fuente de contornos, llamada también fuente de impresora, que muestra la forma de los caracteres compuestos por curvas de Bézier.

La fuente de impresora basada en objetos se utiliza cuando se imprime la fuente o se muestra en el monitor a gran tamaño, estos archivos son distintos para Mac y para Windonws. En Windows la fuente de contornos lleva la extensión .pfb (Printer Font Binary) y la de pantalla .pfm (Printer Font Metrics)

La fuente de pantalla contiene un juego de caracteres, consistente en una serie de pequeñas imágenes en mapa de bits que representa en pantalla los estilos del tipo en tamaños pequeños.

Page 33: Unidad 3 - tipografia y color

Tipografía Digital

Características PS1: PS1 utiliza curvas Bézier, con nodos y puntos de

control que definen las forma. Las fuentes de pantalla de una determinada familia

tipográfica pueden guardarse en un tipo de carpeta especial denominada Maleta de fuentes.

Cada carácter se representa con 8 bits, lo que supone que la fuente es capaz de contener un máximos de 256 caracteres diferentes, siendo necesario tener diversos archivos de fuente, por ejemplo, para las versiones en negrita, light, versalitas o mayúsculas, así como para versiones de una fuente en distintas lenguas.

Page 34: Unidad 3 - tipografia y color

Tipografía Digital

True Type Font ó TTF TrueType es un formato estándar de tipos de letra escalables desarrollado a

finales de la década de los ochenta por por Apple Computer para competir comercialmente con el formato “Type 1” de Adobe. Una de las principales fortalezas de TrueType era que ofrecía a los diseñadores de tipografía un mayor grado de control sobre la forma en que los caracteres se desplegaban en pantalla o en impresos a tamaños menores, con lo cual se lograba una mejor legibilidad.

Apple vendió una licencia a Microsoft para permitir la utilización de TrueType, desde entonces, los tipos de letra entre Mac OS y Windows son totalmente compatibles

Page 35: Unidad 3 - tipografia y color

Tipografía Digital

Los archivos de tipografía TrueType están compuestos por elementos vectoriales, de alta calidad que emplean funciones cuadráticas, más rápidas en su procesamiento que las PostScripts, aunque ocupan más cantidad de memoria y contiene sugerencias para la mejora de la visualización a bajas resoluciones. La tecnología TrueType incorpora el gestor de tipos en el propio sistema operativo a partir de Windows 3.1 y de Apple System 7.0.

Versiones:•Para oficina y web•CFF .otf

Page 36: Unidad 3 - tipografia y color

Tipografía Digital

Open Type Font ó OTF Formato publicado en 1996 por Microsoft, donde se origino la especificación

técnica y que más adelante fue desarrollada con la colaboración de Adobe System.

OpenType es un formato de tipos de letra escalables para ordenadores, el cual conserva la estructura básica del TTF y la cual complementa con tablas de datos que permiten incorporar a un tipo o familia tipográfica funciones tipográficas y lingüísticas avanzadas.

Debido a su amplia disponibilidad en el mercado y a su versatilidad tipográfica, los tipos de letra en formato OpenType son muy utilizadas actualmente en las principales plataformas de cómputo debido a que  su especificación continúa en desarrollo y en la actualidad se encuentra en proceso de convertirse en un estándar abierto.

Page 37: Unidad 3 - tipografia y color

Tipografía Digital Características: Los archivos del tipo de letra son multiplataforma, por lo que pueden usarse sin

modificación en sistemas operativos como Mac OS X, Windows y algunos sistemas Unix.

Las fuentes constan de un archivo único, en lugar de los dos que componen las fuentes PS1 (uno para la impresora y otro para su visualización en pantalla).

La codificación de los caracteres está basada en el estándar Unicode, en el que se utilizan 16 bits para guardar cada carácter, por lo que cada archivo de fuente puede contener hasta 65.536 glifos, lo que quiere decir que un archivo puede incluir prácticamente todos los caracteres y estilos imaginables, haciendo de esta manera que el OTF resulte idóneo para trabajar con textos que se van a publicar en diversos idiomas o en cuya composición se vayan a emplear muchos estilos tipográficos.

Incluyen propiedades tipográficas avanzadas que posibilitan el adecuado tratamiento tipográfico.

Page 38: Unidad 3 - tipografia y color

Tipografía Digital

Versiones: Standar (juego normal de caracteres de una fuente postscript+simbolo € a

veces, versalitas, ligaduras, números antiguos…) Pro (fuentes std+ caracteres centro-europeos, pueden llevar versalitas,

ligaduras, caracteres decorativos…)

Page 39: Unidad 3 - tipografia y color

Alineación del TextoTipografía

Page 40: Unidad 3 - tipografia y color

Tipografía

La alineación del Texto 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:

Alinear a la izquierda, Alinear a la derecha, Centrar, Justificar y Alineaciones asimétricas.

Page 41: Unidad 3 - tipografia y color

Tipografía 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 la más legible.

Alineación a la derecha se encuentra en sentido contrario del lector. Este método puede ser adecuado para un texto que no sea muy extenso

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.

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.

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.

Page 42: Unidad 3 - tipografia y color

Tipografía Aquí un ejemplo de imagen

de alineación de textos:

Page 43: Unidad 3 - tipografia y color

El Color La Historia

Page 44: Unidad 3 - tipografia y color

Se estima que desde el año 300 a.C. se encuentran las primeras pinturas rupestres. El hombre descubre el mundo poco a poco y lo representa en pinturas o grabados, valiéndose de los escasos elementos de la naturaleza, como piedras y plantas.Los primeros conceptos sobre el color fueron esbozados en la Antigua Grecia, al comienzo de la nueva era. Según los griegos, el arco iris tenía todos los componentes necesarios para entender los colores que conforman el espectro solar.El filósofo griego Aristóteles definió que todos los colores se conforman con la mezcla de cuatro de ellos. Además destacó la incidencia de la luz y la sombra. En el siglo I crea una teoría sobre la secuencia lineal del día, donde observa como el color amarillo de la mañana muta hacia el azul de la noche, pasando por otras tonalidades –como el rojo-.

LA HISTORIA DEL COLOR

Page 45: Unidad 3 - tipografia y color

El primer académico que representa una teoría de los colores es el inglés Robert Grossetste, quien en 1230 publica “De Colore”, una obra sobre la metafísica de la luz, siendo materia prima de análisis el color.Siglos más tarde, artistas italianos como León Alberti y Leonardo Da Vincielaboraron diversas teorías sobre el color. En su manifiesto “Della Pintura” de 1435, Alberti menciona cuatro colores básicos: rojo (fuego), azul (aire), verde (agua) y gris (tierra).Da Vinci define al color como algo propio de la materia. En sus obras esboza los primeros análisis sobre los colores primarios y secundarios, cuestión que fue tomada por Isaac Newton (1642-1727). Físico de origen inglés, Newton sienta los principios básicos, manifestando que “la luz es color”. En 1665 descubre que, al ser pasada por un prisma, la luz solar se disgregaba en varios colores.

LA HISTORIA DEL COLOR

Page 46: Unidad 3 - tipografia y color

El primer académico que representa una teoría de los colores es el inglés Robert Grossetste, quien en 1230 publica “De Colore”, una obra sobre la metafísica de la luz, siendo materia prima de análisis el color.Siglos más tarde, artistas italianos como León Alberti y Leonardo Da Vincielaboraron diversas teorías sobre el color. En su manifiesto “Della Pintura” de 1435, Alberti menciona cuatro colores básicos: rojo (fuego), azul (aire), verde (agua) y gris (tierra).Da Vinci define al color como algo propio de la materia. En sus obras esboza los primeros análisis sobre los colores primarios y secundarios, cuestión que fue tomada por Isaac Newton (1642-1727). Físico de origen inglés, Newton sienta los principios básicos, manifestando que “la luz es color”. En 1665 descubre que, al ser pasada por un prisma, la luz solar se disgregaba en varios colores.

LA HISTORIA DEL COLOR

Page 47: Unidad 3 - tipografia y color

Para Newton el color es una sensación que se reproduce en respuesta a una estimulación del ojo. Esa sensación varía según la distancia de longitud. Descubre la descomposición de los colores en el espectro. Estos colores son el verde, el azul violáceo, el azul celeste, el amarillo, el rojo anaranjado y el rojo púrpura.

LA HISTORIA DEL COLOR

Page 48: Unidad 3 - tipografia y color

Los principios de Newton son retomados en el siglo XIX, de la mano de estudiosos como Thomas Young y Johann Goethe. Young (1773-1829) realiza variados análisis a fin de comprobar la capacidad ondulatoria de la luz, que permite la formación de nuevos colores. Su teoría fue bautizada en 1807 como “Young-Helmholtz”.

El científico alemán Johann Goethe (1749–1832) elabora en 1791 el “circulo cromático”, en donde estudia las modificaciones –psicológicas y fisiológicas- que el ser humano expone frente a los diferentes colores. En 1810 publica su libro “Teoría de los Colores”, tomando como referencia las definiciones de Newton.

LA HISTORIA DEL COLOR

Page 49: Unidad 3 - tipografia y color

Otro estudioso del color fue el artista ruso Wassily Kandisky (1866-1944). Cultor de la abstracción en la pintura y mentor de la Escuela de Bauhaus en Alemania, Kandisky consideraba que color poseía dos fuerzas, una física y otra psicológica: el primero actúa sobre el ojo, mientras que el segundo sobre la mente.Considera que el color posee una fuerza interna que actúa en el cuerpo humano. Diferencia los colores cálidos de los fríos, a la vez que destaca el valor de las formas para su posterior interpretación.

LA HISTORIA DEL COLOR

Wassily Kandisky (1866-1944).

Page 50: Unidad 3 - tipografia y color

Conocedor del trabajo de pintores como Henri Matisse y Pablo Picasso, Kandisky decía que el material de formas y colores es inagotable. La intensidad de los colores impregna de movimiento a las formas, algo que se transforma en un estudio obsersivo del artista ruso.

Diversas ramas de la pictórica, como el impresionismo francés y el expresionismo alemán, expusieron a través de sus obras una dedicación al estudio del color, que fue exponencial durante buena parte del siglo XX.

El color siempre es motivo de análisis para las ramas de la pintura. Una de las teorías más actuales es la de la artista mejicana Alyda De Vidders, quien entre 1992 y el año 2000 realizó una serie de obras buscando la disposición de los tonos en la relación figura-fondo.

LA HISTORIA DEL COLOR

Page 51: Unidad 3 - tipografia y color

La Longitud de Onda de la Luz

La Percepción del Color

Page 52: Unidad 3 - tipografia y color

Cómo el cerebro interpreta la informaciónLa retina está dividida de arriba hacia abajo en dos mitades, con dos

fibras nerviosas diferentes para transportar información. El nervio izquierdo transporta impulsos desde el lado derecho del ojo y el nervio derecho transporta información del izquierdo. Esto significa que el cerebro humano tiene que interpretar cuatro conjuntos de impulsos electrónicos sobre la luz que está ingresando por los ojos. El cerebro lee esta información en dos áreas diferentes. La primera área es el área de proyección visual, en la que el cerebro forma una figura completa de lo que están diciendo las señales. Los códigos separados de información están combinados en una figura grande y utilizable. La segunda área, conocida como el área de asociación visual, comienza inmediatamente a darle significado a todas las cosas vistas y diferenciar objetos y cosas que están ahí de aquellos que no, es el aspecto conceptual de la visión.

PERCEPCIÓN DEL COLOR. Funciones del Ojo y el Cerebro

Page 53: Unidad 3 - tipografia y color

Experiencia perceptiva privada. Respuesta perceptiva a objetos y luces que les confiere ciertas

cualidades, como lo rojo, lo verde....” Para definirle recurrimos a ejemplos “el azul es como el cielo”

PERCEPCIÓN DEL COLOR. Funciones del Ojo y el Cerebro

¿Qué es el Color?

Page 54: Unidad 3 - tipografia y color

La Longitud de Onda de la Luz: Del mismo modo que la sensación de luminosidad proviene de las reacciones del

sistema visual a la luminancia de los objetos, también la sensación de color proviene de sus reacciones a la longitud de onda de las luces emitidas o reflejadas por esos objetos: contrariamente a nuestra impresión espontánea, el color no está “en los objetos”, como tampoco la lumisnosidad. Todo esta en nuestra Percepción.Todos sabemos que la luz blanca (en especial la que proviene del sol y sigue siendo con mucho la principal fuente luminosa para nosotros) es de hecho una “mezcla” de luces, que contiene todas las longitudes de onda del espectro visible.

La Percepción del Color

Page 55: Unidad 3 - tipografia y color

La Longitud de Onda de la Luz: Ahora bien, la mayor parte de las superficies absorben ciertas longitudes de onda y

sólo reflejan las demás. Las superficies que absorben igualmente todas las longitudes de onda parecen grises: Blanquecinas si reflejan mucho la luz, negruzcas en caso contrario, toda superficie que refleja menos del 10% de la luz aparece negra.

La clasificación empírica de los colores se hace conjugando tres parámetros: 1) La Longitud de onda, que define el colorido (azul, rojo, anaranjado, cyan, magenta, amarillo, etc). 2) La Saturación, es decir, la “pureza” (el rosa es rojo pero menos saturado ya que

se le añadió blanco).3) La Luminosidad: cuando más elevada es ésta, más luminoso y cercano

al blanco parecerá el color; el mismo rojo, igualmente saturado, podrá ser más luminoso o más oscuro.

La Percepción del Color

Page 56: Unidad 3 - tipografia y color

La Longitud de Onda de la Luz:

Desde Newton, se sabe que los colores pueden componerse. Tradicionalmente se distinguen dos mezclas o Modelos del color:

1. Aditivos. Mezcla de luces; como en el caso del video, en el que la luz se hace de pequeños colores primarios y se mezclan en la retina porque son demasiado estrechos para ser percibidos separadamente.

La Percepción del Color

2. Sustractivos. Mezcla de pigmentos; como cada pigmento añadido absorbe nuevas longitudes de onda, se trata desde luego de una sustracción;.

Page 57: Unidad 3 - tipografia y color

TIPOS DE COLOR:

ACROMÁTICOS: sin matiz (negro, blanco y grises) Receptores: bastones -CROMÁTICOS: con matiz (Azúl, Rojo, Verde...) Receptores: conos

PERCEPCIÓN DEL COLOR. Funciones del Ojo y el Cerebro

Page 58: Unidad 3 - tipografia y color

¿Por qué tienen color los objetos? La mayor parte de la luz que vemos es reflejada por los objetos que nos rodean 

Reflexión selectiva: los colores cromáticos reflejan solo algunas longitudes de onda. Reflexión no selectiva: Los objetos reflejan toda la luz por igual. Se perciben sin matiz.

PERCEPCIÓN DEL COLOR. Funciones del Ojo y el Cerebro

Page 59: Unidad 3 - tipografia y color

¿Qué es la Longitud de onda? La longitud de onda , como su propio nombre indica, es una longitud.

Es una distancia. Es la distancia real que recorre una onda entre dos máximos consecutivos de alguna de sus propiedades físicas.

PERCEPCIÓN DEL COLOR.

Colores percibidosEl color percibido depende de la fuente de luz y de la longitud de onda de la luz reflejada y absorbida por los objetos

Page 60: Unidad 3 - tipografia y color

Longitud de onda y matiz

Longitud de onda: distancia entre un pico de onda y el siguiente en la energía luminosa

Matiz: "tono", es el color en sí mismo, es el atributo que nos permite diferenciar a un color de otro, por lo cual podemos designar cuando un matiz es verde, violeta, o anaranjado.

PERCEPCIÓN DEL COLOR. Longitud de Onda.

Page 61: Unidad 3 - tipografia y color

MATIZ, LUMINOSIDAD Y SATURACIÓN La Descripción general de la visión del color se hace de acuerdo con sus

tres atributos psicológicos: MATIZ, BRILLANTEZ Y SATURACIÓN.

EL MATIZ O TONALIDAD. Corresponde al color propiamente dicho, y por lo genera varía con cambios en la longitud de onda. Un color determinado también se especifica por su BRILLANTEZ, la cual varía según la intensidad física. Es la propiedad del color que se refiere al estado puro del color, sin blanco o negro agregados.

LA BRILLANTEZ se relaciona directamente con la intensidad de luz. Mientras más intensa la luz más blanca aparece; menos luz espectro más oscuro.

SATURACIÓN se refiere a la pureza espectral de la longitud de onda. Si se agrega gris a una sola longitud de onda se reduce su pureza y se desatara el color. Este concepto representa la viveza o palidez de un color, su intensidad, los colores puros están completamente saturados. Un color intenso es muy vivo cuanto más se satura el color.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 62: Unidad 3 - tipografia y color

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 63: Unidad 3 - tipografia y color

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 64: Unidad 3 - tipografia y color

EL CÍRCULO CROMÁTICO.

El círculo cromático se usa en la clasificación de los colores. Se denomina círculo cromático al resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz. Según Goethe, en su libro Teoría de los colores de 1810, de carácter más cercano a lo filosófico que a lo científico, los colores en un círculo cromático son seis: amarillo, anaranjado, rojo, violeta, azul y verde, lo cual dio paso al Modelo de color RGB, que a pesar de ser un modelo arcaico e impreciso sigue enseñándose en las artes gráficas a pesar de presentar serios inconvenientes en la composición de color.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 65: Unidad 3 - tipografia y color

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 66: Unidad 3 - tipografia y color

El hexagrama es una estrella que se coloca en el centro del círculo cromático. La cantidad de picos que tenga es la cantidad de colores que haya.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 67: Unidad 3 - tipografia y color

Los Efectos del ColorLa Percepción del Color

Page 68: Unidad 3 - tipografia y color

Efectos del Color. El color puede generar también muchos efectos en nuestra percepción a

la hora de diseñar y obviamente a la hora de transmitir un mensaje. Dichos efectos son: El Tamaño, La Transparencia, El Peso y La masa,

EL TAMAÑO: Mientras más oscuro sea un color más peso tiene en la forma. 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.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 69: Unidad 3 - tipografia y color

Efectos del Color. TRANSPARENCIA: Se visualiza el efecto de transparencia por la

aparente mezcla de tonos. PESO Y MASA DEL COLOR: El color 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.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 70: Unidad 3 - tipografia y color

Efectos del Color. Otro efecto realizado por el color es que dan la sensación de avanzar o

retroceder. Es decir, Los colores fríos avanzan ya que son más luminosos que los cálidos en su entorno neutro.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 71: Unidad 3 - tipografia y color

COLORES COMPLEMENTARIOS Y CONTRASTANTES.

 Los colores complementarios. los colores complementarios con aquellos que te producen un efecto óptico y te cuesta llegar a leer o distinguir la figura y el fondo. 

Los colores contrastantes son los que se usan en señalética como amarillo y negro, azul y blanco, blanco y negro, blanco y rojo.

aunque el blanco y el negro también son complementarios u opuestos pero no te genera el problema óptico llamado "figura fondo" 

Esos colores opuestos son: verde rojo, amarillo azul, morado verde El contraste de tono se basa en la utilización de tonos muy

contrastados, la combinación de claro-oscuro, el mayor peso lo tendrá el elemento con mayor oscuridad.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 72: Unidad 3 - tipografia y color

ARMONÍA DE COLORES La armonía de colores es una combinación de colores que normalmente

gusta, que crea un equilibrio entre los colores. El gusto es algo personal. ARMONÍA MONOCROMÁTICA. es tono sobre tono. Se trata de combinar

partiendo de un mismo color que luego se declina en variaciones de luminosidad y saturación.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 73: Unidad 3 - tipografia y color

COLORES COMPLEMENTARIOS. Propuesta llamativa e impactante. Consiste en tomar los colores opuestos en la rueda cromática obteniendo una combinación con un alto nivel de contraste y estimulación.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 74: Unidad 3 - tipografia y color

ANALOGÍA DE COLORES. Aquí combinamos en un mismo espacio colores adyacentes/contiguos en la rueda cromática. Es una propuesta llena de matices.

PERCEPCIÓN DEL COLOR. Circulo Cromático.

Page 75: Unidad 3 - tipografia y color

El uso del color para el Diseñador Para un diseñador, el problema del color tiene dos aspectos: Cómo utilizar el

material ya coloreado que la industria produce y con qué criterio insertar el elemento color en la proyección de los objetos.

Ya es sabido que el color no tiene la misma función para el diseñador que para el pintor (artista). El diseñador trabaja en colaboración con la ciencia y con la industria, el pintor tiene relaciones con la artesanía y con la producción manual. El diseñador ha de utilizar el color de una manera objetiva, en cambio el pintor lo utiliza de una manera subjetiva.

Para el diseñador, los colores más adecuados son los de las materias con que se producen los objetos.

PERCEPCIÓN DEL COLOR.

Page 76: Unidad 3 - tipografia y color

El uso del color para el Diseñador Un ejemplo claro de esto son las casas tradicionales japonesas. La madera es

natural, los revoques están coloreados con pasta y no con colores artificiales. El color se expresa libremente en los tejidos, en los muebles lacados, en las flores, variando según las estaciones y las ocasiones.

Existe por lo tanto, un aspecto funcional del color.

PERCEPCIÓN DEL COLOR.

Page 77: Unidad 3 - tipografia y color

El uso del color para el Diseñador Otra consideración para el uso del color podría referirse a la relación entre el

color y la materia, hay colores que se adaptan a determinada material incluso el negro. Si escogemos y vemos diferentes objetos de color negro veremos como este es distinto en cada uno.

Otra experiencia que se puede hacer con el color es la relación entre color y luz ambienta: se somete una misma muestra de color a diferentes fuentes de luz y a la luz natural y se puede observar como cambia.

PERCEPCIÓN DEL COLOR.