SlideShare una empresa de Scribd logo
1 de 77
Tipografía y Color
UNIDAD 3
Tipografía
El concepto
 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
 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
 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
 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
 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
 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
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
Fuentes y familias
Tipográficas
Tipografía
 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
 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
Tipografía
De Símbolo e ImágenesDe ExhibiciónManuscritas
San SerifSerif
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
 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
Partes que componen una
Tipo
Tipografía
 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
 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
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
Tipografía
Tipografía
Tipografía Digital
Tipografía
 ¿Qué es la Tipografía Digital?
 Es un conjunto de dibujos vectoriales que se pueden escalar (cambiar de
sin pérdida de calidad.
 Los formatos que se utlizan para almacenar los archivos de fuentes son:
(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
con baja resolución son: La verdana, Tahoma, Trebuchet y Georgia.
Tipografía Digital
 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.
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.
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
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
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.
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.
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…)
Alineación del Texto
Tipografía
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.
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.
Tipografía
 Aquí un ejemplo de imagen de
alineación de textos:
El Color
La Historia
 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
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
 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
 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
 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
 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
 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).
 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
La Longitud de Onda de la
Luz
La Percepción del Color
 Cómo el cerebro interpreta la información
La 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
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
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
 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?
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
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
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;.
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
¿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
¿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 percibidos
El color percibido depende de la fuente de luz y de la longitud de onda de la
luz reflejada y absorbida por los objetos
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.
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.
PERCEPCIÓN DEL COLOR. Circulo Cromático.
PERCEPCIÓN DEL COLOR. Circulo Cromático.
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.
PERCEPCIÓN DEL COLOR. Circulo Cromático.
 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.
Los Efectos del Color
La Percepción del 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.
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.
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.
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.
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.
 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.
 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.
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.
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.
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.

Más contenido relacionado

La actualidad más candente

Color En Diagramación
Color En DiagramaciónColor En Diagramación
Color En Diagramación
sandravc
 
la expresividad del color.
la expresividad del color.la expresividad del color.
la expresividad del color.
isabel bordonaba
 
LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)
gbgplastica
 

La actualidad más candente (20)

Pdf curso basico de fotografia
Pdf curso basico de fotografiaPdf curso basico de fotografia
Pdf curso basico de fotografia
 
Tono y textura
Tono y  texturaTono y  textura
Tono y textura
 
Partes de la letra
Partes de la letraPartes de la letra
Partes de la letra
 
Contraste y armonia
Contraste y armoniaContraste y armonia
Contraste y armonia
 
Ud4 esquema compositivo
Ud4 esquema compositivoUd4 esquema compositivo
Ud4 esquema compositivo
 
Teoría del color
Teoría del colorTeoría del color
Teoría del color
 
Composición en artes plásticas
Composición en artes plásticas Composición en artes plásticas
Composición en artes plásticas
 
Propiedades y Tipología del Color
Propiedades y Tipología del ColorPropiedades y Tipología del Color
Propiedades y Tipología del Color
 
Elementos de la expresión plástica (1º de ESO)
Elementos de la expresión plástica (1º de ESO)Elementos de la expresión plástica (1º de ESO)
Elementos de la expresión plástica (1º de ESO)
 
Unidad 1 - Fundamentos del diseño gráfico
Unidad 1  - Fundamentos del diseño gráficoUnidad 1  - Fundamentos del diseño gráfico
Unidad 1 - Fundamentos del diseño gráfico
 
Color En Diagramación
Color En DiagramaciónColor En Diagramación
Color En Diagramación
 
Armonia de colores
Armonia de coloresArmonia de colores
Armonia de colores
 
la expresividad del color.
la expresividad del color.la expresividad del color.
la expresividad del color.
 
LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)LA COMPOSICIÓN (3º de ESO)
LA COMPOSICIÓN (3º de ESO)
 
Tema 2
Tema 2Tema 2
Tema 2
 
El color
El colorEl color
El color
 
Armonía cromática
Armonía cromáticaArmonía cromática
Armonía cromática
 
Elementos del diseño gráfico y leyes de gestalt
Elementos del diseño gráfico y leyes de gestaltElementos del diseño gráfico y leyes de gestalt
Elementos del diseño gráfico y leyes de gestalt
 
El mensaje visual en la prehistoria
El mensaje visual en la prehistoriaEl mensaje visual en la prehistoria
El mensaje visual en la prehistoria
 
Percepcion del Color
Percepcion del ColorPercepcion del Color
Percepcion del Color
 

Destacado

How To Operate A Private Education Institution In Vietnam?
How To Operate A Private Education Institution In Vietnam?How To Operate A Private Education Institution In Vietnam?
How To Operate A Private Education Institution In Vietnam?
Đàm Minh
 
CCI COMPANY PRESENTATION
CCI COMPANY PRESENTATIONCCI COMPANY PRESENTATION
CCI COMPANY PRESENTATION
Tony Sinton
 
Hệ thống tiền tệ quốc tế 13/4/2014
Hệ thống tiền tệ quốc tế 13/4/2014Hệ thống tiền tệ quốc tế 13/4/2014
Hệ thống tiền tệ quốc tế 13/4/2014
dotuan14747
 
プレゼン、Chi ai tien直してくれた方
プレゼン、Chi ai tien直してくれた方プレゼン、Chi ai tien直してくれた方
プレゼン、Chi ai tien直してくれた方
nishikawayuko
 
Hệ thống tiền tệ thế giới
Hệ thống tiền tệ thế giớiHệ thống tiền tệ thế giới
Hệ thống tiền tệ thế giới
Hieu Chau
 
Hãy là người văn hóa khi tham gia giao thông
Hãy là người văn hóa khi tham gia giao thôngHãy là người văn hóa khi tham gia giao thông
Hãy là người văn hóa khi tham gia giao thông
T.H. Y.P
 
Hệ thống tiền tệ quốc tế
Hệ thống tiền tệ quốc tếHệ thống tiền tệ quốc tế
Hệ thống tiền tệ quốc tế
Pông Pông
 
Van Hoa Doanh Nghiep
Van Hoa Doanh NghiepVan Hoa Doanh Nghiep
Van Hoa Doanh Nghiep
quangtrieu
 
7 Lời Khuyên Thiết Kế Powerpoint
7 Lời Khuyên Thiết Kế Powerpoint 7 Lời Khuyên Thiết Kế Powerpoint
7 Lời Khuyên Thiết Kế Powerpoint
Community English Club
 

Destacado (20)

Tipografia en la publicidad
Tipografia en la publicidadTipografia en la publicidad
Tipografia en la publicidad
 
Diseño de Cartel - Promoción para la Salud
Diseño de Cartel - Promoción para la SaludDiseño de Cartel - Promoción para la Salud
Diseño de Cartel - Promoción para la Salud
 
Tipografía y comunicación
Tipografía y comunicaciónTipografía y comunicación
Tipografía y comunicación
 
How To Operate A Private Education Institution In Vietnam?
How To Operate A Private Education Institution In Vietnam?How To Operate A Private Education Institution In Vietnam?
How To Operate A Private Education Institution In Vietnam?
 
Presentation Material for Training Q-Smart Dream Series
Presentation Material for Training Q-Smart Dream SeriesPresentation Material for Training Q-Smart Dream Series
Presentation Material for Training Q-Smart Dream Series
 
CCI COMPANY PRESENTATION
CCI COMPANY PRESENTATIONCCI COMPANY PRESENTATION
CCI COMPANY PRESENTATION
 
Thuc an nhanh
Thuc an nhanhThuc an nhanh
Thuc an nhanh
 
Hệ thống tiền tệ quốc tế 13/4/2014
Hệ thống tiền tệ quốc tế 13/4/2014Hệ thống tiền tệ quốc tế 13/4/2014
Hệ thống tiền tệ quốc tế 13/4/2014
 
プレゼン、Chi ai tien直してくれた方
プレゼン、Chi ai tien直してくれた方プレゼン、Chi ai tien直してくれた方
プレゼン、Chi ai tien直してくれた方
 
Hệ thống tiền tệ thế giới
Hệ thống tiền tệ thế giớiHệ thống tiền tệ thế giới
Hệ thống tiền tệ thế giới
 
Thương mại điện tử ở Lotteria.
Thương mại điện tử ở Lotteria.Thương mại điện tử ở Lotteria.
Thương mại điện tử ở Lotteria.
 
Fixed Mindset and Growth Mindset
Fixed Mindset and Growth Mindset Fixed Mindset and Growth Mindset
Fixed Mindset and Growth Mindset
 
Gia đình ảnh hưởng tới hành vi giao tiếp
Gia đình ảnh hưởng tới hành vi giao tiếpGia đình ảnh hưởng tới hành vi giao tiếp
Gia đình ảnh hưởng tới hành vi giao tiếp
 
Chính phủ điện tử.
Chính phủ điện tử.Chính phủ điện tử.
Chính phủ điện tử.
 
Kinh nghiệm sáng tạo nội dụng hiệu quả cho facebook fanpage
Kinh nghiệm sáng tạo nội dụng hiệu quả cho facebook fanpageKinh nghiệm sáng tạo nội dụng hiệu quả cho facebook fanpage
Kinh nghiệm sáng tạo nội dụng hiệu quả cho facebook fanpage
 
Hãy là người văn hóa khi tham gia giao thông
Hãy là người văn hóa khi tham gia giao thôngHãy là người văn hóa khi tham gia giao thông
Hãy là người văn hóa khi tham gia giao thông
 
Hệ thống tiền tệ quốc tế
Hệ thống tiền tệ quốc tếHệ thống tiền tệ quốc tế
Hệ thống tiền tệ quốc tế
 
Van Hoa Doanh Nghiep
Van Hoa Doanh NghiepVan Hoa Doanh Nghiep
Van Hoa Doanh Nghiep
 
Văn hóa bản lẻ WalMart
Văn hóa bản lẻ WalMartVăn hóa bản lẻ WalMart
Văn hóa bản lẻ WalMart
 
7 Lời Khuyên Thiết Kế Powerpoint
7 Lời Khuyên Thiết Kế Powerpoint 7 Lời Khuyên Thiết Kế Powerpoint
7 Lời Khuyên Thiết Kế Powerpoint
 

Similar a Unidad 3 - tipografia y color

Histora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIAHistora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIA
luisjosegarcia75
 
Tipografia generalidades sd
Tipografia generalidades sdTipografia generalidades sd
Tipografia generalidades sd
i0campo
 
Andrea gutierrez
Andrea gutierrezAndrea gutierrez
Andrea gutierrez
PILARGORTIZ
 
Andrea gutierrez
Andrea gutierrezAndrea gutierrez
Andrea gutierrez
PILARGORTIZ
 
La tipografia
La tipografiaLa tipografia
La tipografia
Mayra
 
Pricncesitha beta gg
Pricncesitha beta ggPricncesitha beta gg
Pricncesitha beta gg
princezytha
 

Similar a Unidad 3 - tipografia y color (20)

Orígenes y definiciones
Orígenes y definicionesOrígenes y definiciones
Orígenes y definiciones
 
T4.carolinayricardo.tipografia
T4.carolinayricardo.tipografiaT4.carolinayricardo.tipografia
T4.carolinayricardo.tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Histora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIAHistora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIA
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Tipografa 2
Tipografa 2Tipografa 2
Tipografa 2
 
Manual tipografico
Manual tipograficoManual tipografico
Manual tipografico
 
Tipografia generalidades sd
Tipografia generalidades sdTipografia generalidades sd
Tipografia generalidades sd
 
Tipografia1004
Tipografia1004Tipografia1004
Tipografia1004
 
Andrea gutierrez
Andrea gutierrezAndrea gutierrez
Andrea gutierrez
 
Andrea gutierrez
Andrea gutierrezAndrea gutierrez
Andrea gutierrez
 
Tipografía
TipografíaTipografía
Tipografía
 
tipografía
tipografía tipografía
tipografía
 
La tipografia
La tipografiaLa tipografia
La tipografia
 
Taller 5 edison_calderon
Taller 5 edison_calderonTaller 5 edison_calderon
Taller 5 edison_calderon
 
Taller 5 andrea
Taller 5 andreaTaller 5 andrea
Taller 5 andrea
 
Pricncesitha beta gg
Pricncesitha beta ggPricncesitha beta gg
Pricncesitha beta gg
 

Más de Universidad del golfo de México Norte

Más de Universidad del golfo de México Norte (20)

Unidad 8. Proyecto de diseño estructural
Unidad 8. Proyecto de diseño estructuralUnidad 8. Proyecto de diseño estructural
Unidad 8. Proyecto de diseño estructural
 
Unidad 7. Muros y estructuras especiales
Unidad 7. Muros y estructuras especialesUnidad 7. Muros y estructuras especiales
Unidad 7. Muros y estructuras especiales
 
Unidad 6. Zapatas
Unidad 6. ZapatasUnidad 6. Zapatas
Unidad 6. Zapatas
 
Unidad 5. Cimientos
Unidad 5. CimientosUnidad 5. Cimientos
Unidad 5. Cimientos
 
Unidad 4. Columnas
Unidad 4. ColumnasUnidad 4. Columnas
Unidad 4. Columnas
 
Unidad 3. Losas
Unidad 3. LosasUnidad 3. Losas
Unidad 3. Losas
 
Unidad 2. Vigas
Unidad 2. VigasUnidad 2. Vigas
Unidad 2. Vigas
 
Unidad 1. Introducción a las estructuras de concreto
Unidad 1. Introducción a las estructuras de concretoUnidad 1. Introducción a las estructuras de concreto
Unidad 1. Introducción a las estructuras de concreto
 
Unidad 5. Reconocimiento del ingreso y gasto
Unidad 5. Reconocimiento del ingreso y gastoUnidad 5. Reconocimiento del ingreso y gasto
Unidad 5. Reconocimiento del ingreso y gasto
 
Unidad 4. Capital contable
Unidad 4. Capital contableUnidad 4. Capital contable
Unidad 4. Capital contable
 
Unidad 3. Pasivo a largo plazo
Unidad 3. Pasivo a largo plazoUnidad 3. Pasivo a largo plazo
Unidad 3. Pasivo a largo plazo
 
Unidad 2. Pasivo a corto plazo
Unidad 2. Pasivo a corto plazoUnidad 2. Pasivo a corto plazo
Unidad 2. Pasivo a corto plazo
 
Unidad 1. Inversiones permanentes y otros activos
Unidad 1. Inversiones permanentes y otros activosUnidad 1. Inversiones permanentes y otros activos
Unidad 1. Inversiones permanentes y otros activos
 
Unidad 14. Mecanismos alternativos de solución de controversias
Unidad 14. Mecanismos alternativos de solución de controversiasUnidad 14. Mecanismos alternativos de solución de controversias
Unidad 14. Mecanismos alternativos de solución de controversias
 
Unidad 13. Medios de impugnación
Unidad 13. Medios de impugnaciónUnidad 13. Medios de impugnación
Unidad 13. Medios de impugnación
 
Unidad 12. Audiencia de debate y juicio oral
Unidad 12. Audiencia de debate y juicio oralUnidad 12. Audiencia de debate y juicio oral
Unidad 12. Audiencia de debate y juicio oral
 
Unidad 11. Audiencia intermedia
Unidad 11. Audiencia intermediaUnidad 11. Audiencia intermedia
Unidad 11. Audiencia intermedia
 
Unidad 10. Proceso abreviado, simplificado y salidas alternas del proceso penal
Unidad 10. Proceso abreviado, simplificado y salidas alternas del proceso penalUnidad 10. Proceso abreviado, simplificado y salidas alternas del proceso penal
Unidad 10. Proceso abreviado, simplificado y salidas alternas del proceso penal
 
Unidad 9 Medidas cautelares
Unidad 9 Medidas cautelaresUnidad 9 Medidas cautelares
Unidad 9 Medidas cautelares
 
Unidad 8. Audiencia inicial
Unidad 8. Audiencia inicialUnidad 8. Audiencia inicial
Unidad 8. Audiencia inicial
 

Último

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
NancyLoaa
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 

Último (20)

BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 

Unidad 3 - tipografia y color

  • 3.  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
  • 4.  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
  • 5.  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
  • 6.  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
  • 7.  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
  • 8.  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 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
  • 10.  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
  • 11.  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
  • 12. Tipografía De Símbolo e ImágenesDe ExhibiciónManuscritas San SerifSerif
  • 13.  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
  • 14.  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
  • 15.  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
  • 16.  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
  • 17.  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
  • 18.  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
  • 19.  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
  • 20.  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
  • 21.  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
  • 22.  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
  • 23.  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
  • 24.  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
  • 25. Partes que componen una Tipo Tipografía
  • 26.  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
  • 27.  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 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
  • 31.  ¿Qué es la Tipografía Digital?  Es un conjunto de dibujos vectoriales que se pueden escalar (cambiar de sin pérdida de calidad.  Los formatos que se utlizan para almacenar los archivos de fuentes son: (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 con baja resolución son: La verdana, Tahoma, Trebuchet y Georgia. Tipografía Digital
  • 32.  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.
  • 33. 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.
  • 34. 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
  • 35. 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
  • 36. 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.
  • 37. 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.
  • 38. 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…)
  • 40. 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.
  • 41. 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.
  • 42. Tipografía  Aquí un ejemplo de imagen de alineación de textos:
  • 44.  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 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
  • 45.  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
  • 46.  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
  • 47.  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
  • 48.  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
  • 49.  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).
  • 50.  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
  • 51. La Longitud de Onda de la Luz La Percepción del Color
  • 52.  Cómo el cerebro interpreta la información La 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 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 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
  • 53.  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?
  • 54. 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
  • 55. 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
  • 56. 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;.
  • 57. 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
  • 58. ¿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
  • 59. ¿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 percibidos El color percibido depende de la fuente de luz y de la longitud de onda de la luz reflejada y absorbida por los objetos
  • 60. 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.
  • 61. 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.
  • 62. PERCEPCIÓN DEL COLOR. Circulo Cromático.
  • 63. PERCEPCIÓN DEL COLOR. Circulo Cromático.
  • 64. 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.
  • 65. PERCEPCIÓN DEL COLOR. Circulo Cromático.
  • 66.  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.
  • 67. Los Efectos del Color La Percepción del Color
  • 68. 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.
  • 69. 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.
  • 70. 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.
  • 71. 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.
  • 72. 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.
  • 73.  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.
  • 74.  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.
  • 75. 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.
  • 76. 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.
  • 77. 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.