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
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 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
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 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
 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
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 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
 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

Técnicas gráficas de sombreado
Técnicas gráficas de sombreadoTécnicas gráficas de sombreado
Técnicas gráficas de sombreadoArte_Factory
 
Diseño Gráfico en el Rococó - Historia del Arte
Diseño Gráfico en el Rococó - Historia del ArteDiseño Gráfico en el Rococó - Historia del Arte
Diseño Gráfico en el Rococó - Historia del Arteerickycaza
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visualderrislema
 
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áficojorge caicedo solano
 
Typography Anatomy presentation 2016
Typography Anatomy presentation 2016Typography Anatomy presentation 2016
Typography Anatomy presentation 2016alfiyafalak
 
Presentacion dibujar letras
Presentacion dibujar letrasPresentacion dibujar letras
Presentacion dibujar letrasMontejana De
 
Anatomía de la Letra
Anatomía de la LetraAnatomía de la Letra
Anatomía de la LetraAfrito Comix
 
Elementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesisElementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesisGabriel Sotov
 
Punto, linea y plano
Punto, linea y planoPunto, linea y plano
Punto, linea y planoNIEVES LAGO
 
Prácticas de Dibujo: Escuela de artes aplicadas de Basilea
Prácticas de Dibujo: Escuela de artes aplicadas de BasileaPrácticas de Dibujo: Escuela de artes aplicadas de Basilea
Prácticas de Dibujo: Escuela de artes aplicadas de BasileaArte_Factory
 
009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipograficoUTP
 
Canon y proporcion en el arte
Canon y proporcion en el arteCanon y proporcion en el arte
Canon y proporcion en el artemarcoscorbacho
 

La actualidad más candente (20)

HISTORIA DE LA TIPOGRAFIA
HISTORIA DE LA TIPOGRAFIAHISTORIA DE LA TIPOGRAFIA
HISTORIA DE LA TIPOGRAFIA
 
Tipografia
TipografiaTipografia
Tipografia
 
Técnicas gráficas de sombreado
Técnicas gráficas de sombreadoTécnicas gráficas de sombreado
Técnicas gráficas de sombreado
 
Tipografía
TipografíaTipografía
Tipografía
 
Dibujar el movimiento
Dibujar el movimientoDibujar el movimiento
Dibujar el movimiento
 
Diseño Gráfico en el Rococó - Historia del Arte
Diseño Gráfico en el Rococó - Historia del ArteDiseño Gráfico en el Rococó - Historia del Arte
Diseño Gráfico en el Rococó - Historia del Arte
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
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
 
Typography Anatomy presentation 2016
Typography Anatomy presentation 2016Typography Anatomy presentation 2016
Typography Anatomy presentation 2016
 
Presentacion dibujar letras
Presentacion dibujar letrasPresentacion dibujar letras
Presentacion dibujar letras
 
Anatomía de la Letra
Anatomía de la LetraAnatomía de la Letra
Anatomía de la Letra
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Elementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesisElementos visuales de la imagen sintesis
Elementos visuales de la imagen sintesis
 
Punto, linea y plano
Punto, linea y planoPunto, linea y plano
Punto, linea y plano
 
Forma tipografica
Forma tipograficaForma tipografica
Forma tipografica
 
Prácticas de Dibujo: Escuela de artes aplicadas de Basilea
Prácticas de Dibujo: Escuela de artes aplicadas de BasileaPrácticas de Dibujo: Escuela de artes aplicadas de Basilea
Prácticas de Dibujo: Escuela de artes aplicadas de Basilea
 
009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico
 
Canon y proporcion en el arte
Canon y proporcion en el arteCanon y proporcion en el arte
Canon y proporcion en el arte
 
La Proporcion
La ProporcionLa Proporcion
La Proporcion
 

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
 
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
 
Tipografia generalidades sd
Tipografia generalidades sdTipografia generalidades sd
Tipografia generalidades sd
 
Manual tipografico
Manual tipograficoManual tipografico
Manual tipografico
 
Tipografia1004
Tipografia1004Tipografia1004
Tipografia1004
 
Tipografía
TipografíaTipografía
Tipografía
 
Andrea gutierrez
Andrea gutierrezAndrea gutierrez
Andrea gutierrez
 
Andrea gutierrez
Andrea gutierrezAndrea gutierrez
Andrea gutierrez
 
Taller 5 andrea
Taller 5 andreaTaller 5 andrea
Taller 5 andrea
 
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
 
Pricncesitha beta gg
Pricncesitha beta ggPricncesitha beta gg
Pricncesitha beta gg
 
TIPOGRAFIA
TIPOGRAFIATIPOGRAFIA
TIPOGRAFIA
 

Más de UGM NORTE

Unidad 9. Disciplinas jurídicas especiales
Unidad 9. Disciplinas jurídicas especialesUnidad 9. Disciplinas jurídicas especiales
Unidad 9. Disciplinas jurídicas especialesUGM NORTE
 
Unidad 8. Derecho público y derecho privado
Unidad 8. Derecho público y derecho privadoUnidad 8. Derecho público y derecho privado
Unidad 8. Derecho público y derecho privadoUGM NORTE
 
Unidad 7. Jurisprudencia técnica
Unidad 7. Jurisprudencia técnicaUnidad 7. Jurisprudencia técnica
Unidad 7. Jurisprudencia técnicaUGM NORTE
 
Unidad 6. Corrientes filosóficas
Unidad 6. Corrientes filosóficasUnidad 6. Corrientes filosóficas
Unidad 6. Corrientes filosóficasUGM NORTE
 
Argumentación jurídica unidad 2
Argumentación jurídica unidad 2Argumentación jurídica unidad 2
Argumentación jurídica unidad 2UGM NORTE
 
Si. m3 familia y valores
Si. m3 familia y valoresSi. m3 familia y valores
Si. m3 familia y valoresUGM NORTE
 
Si.m2 actividad física y estrés
Si.m2 actividad física y estrésSi.m2 actividad física y estrés
Si.m2 actividad física y estrésUGM NORTE
 
Si.m1 etapas de vida y nutrición
Si.m1 etapas de vida y nutriciónSi.m1 etapas de vida y nutrición
Si.m1 etapas de vida y nutriciónUGM NORTE
 
Diapos uni 2
Diapos uni 2Diapos uni 2
Diapos uni 2UGM NORTE
 
Presentación uni 3
Presentación uni 3Presentación uni 3
Presentación uni 3UGM NORTE
 
Presentacion uni 3 enfoques didácticos
Presentacion uni 3 enfoques didácticosPresentacion uni 3 enfoques didácticos
Presentacion uni 3 enfoques didácticosUGM NORTE
 
8. agravantes y atenuantes
8. agravantes y atenuantes8. agravantes y atenuantes
8. agravantes y atenuantesUGM NORTE
 
7. punibilidad
7. punibilidad7. punibilidad
7. punibilidadUGM NORTE
 
6 culpabilidad
6 culpabilidad6 culpabilidad
6 culpabilidadUGM NORTE
 
5 imputabilidad
5 imputabilidad5 imputabilidad
5 imputabilidadUGM NORTE
 
4 antijuridicidad
4 antijuridicidad4 antijuridicidad
4 antijuridicidadUGM NORTE
 
2 conducta y ausencia de conducta
2 conducta y ausencia de conducta2 conducta y ausencia de conducta
2 conducta y ausencia de conductaUGM NORTE
 
Unidad 2 presentación
Unidad 2 presentaciónUnidad 2 presentación
Unidad 2 presentaciónUGM NORTE
 

Más de UGM NORTE (20)

Unidad 9. Disciplinas jurídicas especiales
Unidad 9. Disciplinas jurídicas especialesUnidad 9. Disciplinas jurídicas especiales
Unidad 9. Disciplinas jurídicas especiales
 
Unidad 8. Derecho público y derecho privado
Unidad 8. Derecho público y derecho privadoUnidad 8. Derecho público y derecho privado
Unidad 8. Derecho público y derecho privado
 
Unidad 7. Jurisprudencia técnica
Unidad 7. Jurisprudencia técnicaUnidad 7. Jurisprudencia técnica
Unidad 7. Jurisprudencia técnica
 
Unidad 6. Corrientes filosóficas
Unidad 6. Corrientes filosóficasUnidad 6. Corrientes filosóficas
Unidad 6. Corrientes filosóficas
 
Argumentación jurídica unidad 2
Argumentación jurídica unidad 2Argumentación jurídica unidad 2
Argumentación jurídica unidad 2
 
Si. m3 familia y valores
Si. m3 familia y valoresSi. m3 familia y valores
Si. m3 familia y valores
 
Si.m2 actividad física y estrés
Si.m2 actividad física y estrésSi.m2 actividad física y estrés
Si.m2 actividad física y estrés
 
Si.m1 etapas de vida y nutrición
Si.m1 etapas de vida y nutriciónSi.m1 etapas de vida y nutrición
Si.m1 etapas de vida y nutrición
 
Diapos uni 2
Diapos uni 2Diapos uni 2
Diapos uni 2
 
Presentación uni 3
Presentación uni 3Presentación uni 3
Presentación uni 3
 
Presentacion uni 3 enfoques didácticos
Presentacion uni 3 enfoques didácticosPresentacion uni 3 enfoques didácticos
Presentacion uni 3 enfoques didácticos
 
8. agravantes y atenuantes
8. agravantes y atenuantes8. agravantes y atenuantes
8. agravantes y atenuantes
 
7. punibilidad
7. punibilidad7. punibilidad
7. punibilidad
 
6 culpabilidad
6 culpabilidad6 culpabilidad
6 culpabilidad
 
5 imputabilidad
5 imputabilidad5 imputabilidad
5 imputabilidad
 
4 antijuridicidad
4 antijuridicidad4 antijuridicidad
4 antijuridicidad
 
3 tipicidad
3 tipicidad3 tipicidad
3 tipicidad
 
2 conducta y ausencia de conducta
2 conducta y ausencia de conducta2 conducta y ausencia de conducta
2 conducta y ausencia de conducta
 
1 delito
1 delito1 delito
1 delito
 
Unidad 2 presentación
Unidad 2 presentaciónUnidad 2 presentación
Unidad 2 presentación
 

Último

PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
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.pptxlclcarmen
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFAROJosé Luis Palma
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 

Último (20)

PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
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
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
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
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARONARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
NARRACIONES SOBRE LA VIDA DEL GENERAL ELOY ALFARO
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..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 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 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
  • 31.  ¿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
  • 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 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 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
  • 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.