Teoría del color y tipografía

47
TEORÍA DEL COLOR Y TIPOGRAFÍA

Transcript of Teoría del color y tipografía

Page 1: Teoría del color y tipografía

TEORÍA DEL COLOR Y

TIPOGRAFÍA

Page 2: Teoría del color y tipografía

1.2.1. Historia y propiedades del color.-

• Conocer a la perfección el círculo cromático y el significado de cada color.

• Igualar. No hacer a un lado colores analógicos.• Hacer chocar los colores complementarios.• Dividir los contrastes.• Conocer todas las variaciones y derivados de los colores.• Elegir más variaciones y no siempre los complementarios.• El monocromático avances es la mejor opción.• En otras ocasiones el acromático es aún mejor.• Conocer las sombras, tintas, tonos y el cómo trabajan.• Saber la diferencia entre RGB y CMYK.

Los 10 mandamientos de la teoría del color

Page 3: Teoría del color y tipografía

Historia y propiedades del color

https://alfredovela.files.wordpress.com/2014/05/infografia_10_mandamientos_teoria_color.jpg?w=860

Page 4: Teoría del color y tipografía

1.2 Teoría de la tipografíaFamilia tipográfica: arte y técnica de crear y/o Estilo o apariencia de un grupo Conjunto de tipos que se basan en el componer tipos para comunicar de caracteres, signos y misma fuente y un mensaje, también se encarga números, organizados a partir de presentan algunas variaciones como: el del estudio y clasificación de las características en común grosor , pero distintas fuentes tipográficas. finalmente mantienen las mismas características base. La tipografía en el tiempo S VI 1445 1470 1492 S XIX Carlomagno Juan Gutenberg Aldus Manutius Fermín Didot Nicolás Jenson Empresario que Separa las palabras, emplea letra gótica, diseña la escritura.Diseña el tipo de distribuye la imprenta Impone la letra, Inventa la imprenta inglesa o tipo plumilla letra Clásica, implementa tipo de minúscula Romana letra cursiva itálica Xilografía. Tipos fijos tallados en madera , porcelana y piedras China: invento del papel, pincel, tinta , tintero y la xilografía Morfología de las letras. Al igual que nuestro cuerpo, las letras también están compuestas por partes que juntas logran conformarla, estas son algunas de las partes básicas de las letras. A e A E T Y ápice perfil o barra brazo T asta V P Ss d p q asta ondulada o panza o bucle espina.

Page 5: Teoría del color y tipografía

Teoría de la tipografía

http://4.bp.blogspot.com/-l86GGtC0UxY/T-2S8ZTKkqI/AAAAAAAAAHI/hwD_VnLQ-Es/s1600/anatomia_tipo.gif

Page 6: Teoría del color y tipografía

Teoría de la tipografía• Familia tipográfica: arte y técnica de crear y/o Estilo o apariencia de un grupo,

conjunto de tipos que se basan en componer tipos para comunicar de caracteres, signos y misma fuente y un mensaje, también se encarga números, organizados a partir de presentan algunas variaciones como: el del estudio y clasificación de las características en común grosor , pero distintas fuentes tipográficas. finalmente mantienen las mismas características base.

• La tipografía en el tiempo S VI 1445 1470 1492 S XIX Carlomagno Juan Gutenberg Aldus Manutius Fermín Didot Nicolás Jenson Empresario que separa las palabras emplea letra gótica.

• Diseña la escritura, diseña el tipo de distribuye la imprenta Impone la letra Inventa la imprenta inglesa o tipo plumilla letra clásica.

• Implementa tipo de minúscula Romana letra cursiva itálica Xilografía. Tipos fijos tallados en madera , porcelana y piedras China: invento del papel, pincel, tinta , tintero y la xilografía Morfología de las letras.

• Al igual que nuestro cuerpo, las letras también están compuestas por partes que juntas logran conformarla, estas son algunas de las partes básicas de las letras.

• A e A ETY ápice perfil o barra brazo T asta V P Ss dpq asta ondulada o panza o bucle espina.

Page 7: Teoría del color y tipografía

1.2.2. Colores de los objetos Familia tipográfica: arte y técnica de crear y/o Estilo o apariencia de un grupo Conjunto de tipos que se basan en la componen tipos para comunicar de caracteres, signos y misma fuente y un mensaje, también se encarga números, organizados a partir de presentan algunas variaciones como: el el estudio y clasificación de las características en común grosor , pero distintas fuentes tipográficas. finalmente mantienen las mismas características base. La tipografía en el tiempo S VI 1445 1470 1492 S XIX Carlomagno Juan Gutenberg Aldus Manutius Fermín Didot Nicolás Jenson *Empresario que *Separa las palabras *emplea letra gótica * Diseña la escritura *Diseña el tipo de distribuye la imprenta *Impone la letra * Inventa la imprenta inglesa o tipo plumilla letra Clásica *implementa tipo de minúscula Romana letra cursiva itálica Xilografía. Tipos fijos tallados en madera , porcelana y piedras China: invento del papel, pincel, tinta , tintero y la xilografía Morfología de las letras.Al igual que nuestro cuerpo, las letras también están compuestas por partes que juntas logran conformarla, estas son algunas de las partes básicas de las letras. A e A ETY ápice perfil o barra brazo T asta V P Ss dpq asta ondulada o panza o bucle espina

Page 8: Teoría del color y tipografía

1.2.1. Historia y propiedades del color El color ha existido desde el origen del universo, pero no siempre se ha pensado y opinado lo mismo sobre él, sobre su origen o sobre su composición.El color nos produce muchas sensaciones, sentimientos, diferentes estados de ánimo, nos transmite mensajes, nos expresa valores, situaciones y sin embargo... no existe más allá de nuestra percepción visual.Colores en el ojoEl color ha sido estudiado, por científicos, físicos, filósofos y artistas. Cada uno en su campo llegó a diversas conclusiones que, en ocasiones, fueron buenos puntos de partida para posteriores estudios y para todo lo que hoy sabemos del color.

Page 9: Teoría del color y tipografía

Historia y propiedades del color

http://www.fotonostra.com/grafico/fotos/historiacolor.jpg

Page 10: Teoría del color y tipografía

Primeras teorías del color

El filósofo Aristóteles (384 - 322 AC) sentenció que todos los colores se forman con la mezcla de cuatro colores. Estos colores, que denominó como básicos, eran los de tierra, el fuego, el agua y el cielo. Además otorgó un papel fundamental a la incidencia de luz sobre los mismos.Leonardo Da VinciSiglos más tarde, Leonardo Da Vinci (1452-1519) definió al color como propio de la materia. Confeccionó la siguiente escala de colores básicos: primero el blanco como el principal ya que permite recibir a todos los demás colores, después el amarillo para la tierra, verde para el agua, azul para el cielo, rojo para el fuego. Por último, el negro para la oscuridad, ya que es el color que nos priva de todos los otros. Con la mezcla de estos colores obtenía todos los demás, aunque también observó que el verde también surgía de una mezcla.

Page 11: Teoría del color y tipografía

Primeras teorías del color

http://www.fotonostra.com/grafico/fotos/historiacolor1.jpg

Page 12: Teoría del color y tipografía

Isaac Newton, la luz es colorFinalmente fue Isaac Newton (1642-1519) quien estableció un principio hasta hoy aceptado: la luz es color. En 1665 Newton descubrió que la luz del sol al pasar a través de un prisma, se dividía en varios colores. Esto no es, ni más ni menos, que la descomposición de la luz en los colores del espectro. Estos colores son el azul violáceo, el azul celeste, el verde, el amarillo, el rojo anaranjado y el rojo púrpura. Este fenómeno lo podemos contemplar con mucha frecuencia, cuando la luz se refracta en el borde de un cristal o de un plástico. También cuando llueve y algunos rayos de sol atraviesan las nubes, las gotas de agua cumplen la misma función que el prisma de Newton y descomponen la luz produciendo lo que llamamos Arcoíris.

Primeras teorías del color

Page 13: Teoría del color y tipografía

Primeras teorías del color

http://www.fotonostra.com/grafico/fotos/historiacolor2.jpg

Page 14: Teoría del color y tipografía

Así es como observa que la luz natural está formada por luces de seis colores. Cuando incide sobre un elemento absorbe algunos de esos colores y refleja otros. Con esta observación dio lugar al siguiente principio: todos los cuerpos opacos al ser iluminados reflejan todos o parte de los componentes de la luz que reciben.Por lo tanto cuando vemos una superficie roja, realmente estamos viendo una superficie de un material que contiene un pigmento el cual absorbe todas las ondas electromagnéticas que contiene la luz blanca con excepción de la roja, la cual al ser reflejada, es captada por el ojo humano y decodificada por el cerebro como el color denominado rojo.

Primeras teorías del color

http://www.fotonostra.com/grafico/fotos/historiacolor3.jpg

Page 15: Teoría del color y tipografía

Johann Goethe, reacción humana a los coloresJohann Goethe (1749-1832) estudió y probó las modificaciones fisiológicas y psicológicas que el ser humano sufre ante la exposición a los diferentes colores y su manera de reaccionar ante ellos.Goethe y los coloresSu investigación fue la piedra angular de la actual psicológica del color. Desarrolló un triángulo con tres colores primarios rojo, amarillo y azul y relacionó a cada color con ciertas emociones.

Primeras teorías del color

http://www.fotonostra.com/grafico/fotos/historiacolor4.jpg

Page 16: Teoría del color y tipografía

1.2.2. Colores de los objetos.- Somos capaces de ver colores gracias a dos de las propiedades de la luz. La absorción y la reflexión.Un cuerpo opaco, es decir no transparente, absorbe gran parte de la luz que lo ilumina y refleja una parte más o menos pequeña. Cuando este cuerpo absorbe todos los colores contenidos en la luz blanca, el objeto parece negro.Cuando refleja todos los colores del espectro, el objeto parece blanco. Los colores absorbidos desaparecen en el interior del objeto, los reflejados llegan al ojo humano. Los colores que visualizamos son, por tanto, aquellos que los propios objetos no absorben, sino que los propagan.Absorción y reflexión

http://www.fotonostra.com/grafico/fotos/reflexion.jpg

Page 17: Teoría del color y tipografía

Todos los cuerpos están constituidos por sustancias que absorben y reflejan las ondas electromagnéticas, es decir, absorben y reflejan colores.Cuando un cuerpo se ve blanco es porque recibe todos los colores básicos del espectro (rojo, verde y azul) los devuelve reflejados, generándose así la mezcla de los tres colores, el blanco.Si el objeto se ve negro es porque absorbe todas las radiaciones electromagnéticas (todos los colores) y no refleja ninguno.El rojo de un cuerpo

1.2.2. Colores de los objetos.-

http://www.fotonostra.com/grafico/fotos/absorcionrojo.jpg

Page 18: Teoría del color y tipografía

1.2.3. Color, luz y pigmentoEl Color es la impresión producida al incidir en la retina los rayos luminosos difundidos o reflejados por los cuerpos. Existe siete colores en que se descompone la luz blanca del sol: rojo, naranja, amarillo, verde, azul turquesa y violeta los cuales se observa en el arco iris.Este proceso de formación de colores a partir del trió básico azul, verde y rojo, es lo que se conoce como síntesis aditiva, y en ella cada nuevo color secundario o terciario se obtiene por la adición de las parte correspondientes de los tres fundamentales, siendo cada una de las sumas de color siempre

http://2.bp.blogspot.com/-_n-FCV1Bbdk/U5ppd6e8aSI/AAAAAAAAAJo/Mcb8uy4Erzs/s1600/rgb.jpg

Page 19: Teoría del color y tipografía

COLOR PIGMENTO:Por otra parte, cuando manejamos colores de forma habitual no utilizamos luz, sino, tintas, u otro material con el cual dar los colores necesarios, se habla en esta pare de síntesis sustractiva, es decir, de pigmentos que aplicamos sobre las superficies para sustraer a la luz blanca parte de su composición espectral.

Color, luz y pigmento

http://2.bp.blogspot.com/-59I41f1rr0s/U5prIxKJhjI/AAAAAAAAAJw/M_EN1IoksMQ/s1600/cmyk.jpg

Page 20: Teoría del color y tipografía

TONO, MATIZ E INTENSIDADEl matiz es cuando el color esta en su estado puro, sin el blanco o negro agregados; el matiz se define como un distintor como por ejemplo distinguir el rojo del azul, y se refiere al recorrido que hace un tono hacia uno u otro lado del circulo cromático, por lo que el verde amarillento y el verde azulado serán matices diferentes del verde puro.

Color, luz y pigmento

http://1.bp.blogspot.com/-Fm6V1g_geJc/U5p474Ord4I/AAAAAAAAALA/-HLZYe4xEE4/s1600/propiedades_1.gif

Page 21: Teoría del color y tipografía

Se estima que el ojo humano puede distinguir alrededor de 10 millones de colores.La cifra anterior, aunque parezca increíble, es una estimación a la baja de los colores que podemos ver. La realidad es que el color es una percepción y depende directamente de sus tres dimensiones físicas para poder verlos, estas dimensiones son la saturación, la brillantez y el tono, el resultado de todo este cocktail son tantas combinaciones que el número total de colores que nuestro cerebro puede procesar es infinito.

1.2.4. El círculo cromático y escalas cromática

http://www.fotonostra.com/grafico/fotos/circulocromatico.jpg

Page 22: Teoría del color y tipografía

El círculo cromático y escalas cromáticaColores primarios y secundariosEl origen de todos esos millones de colores son los que conocemos como Colores Primarios.Los colores primarios son aquellos grupos colores en los que ninguno de los colores que lo forman puede conseguirse a través de la suma de los colores restantes del grupo.

http://www.fotonostra.com/grafico/fotos/circulocromatico2.jpg

Page 23: Teoría del color y tipografía

Los colores terciarios son aquellos que surgen de la combinación de un color primario con otro secundario. Esto da lugar a distintas variedades de tonos que van desde el rojo violáceo, el rojo anaranjado, al amarillo anaranjado, pasando por el amarillo verdoso, el azul verdoso y el azul violáceo.

El círculo cromático y escalas cromática

http://www.fotonostra.com/grafico/fotos/circulocromatico3.jpg

Page 24: Teoría del color y tipografía

1.2.4.2- Escalas cromáticaEscalas de los coloresPor raro que parezca, existen colores sin color.El blanco, el negro y el gris son colores acromáticos, es decir, colores sin color. Desde el punto de vista psicológico los tres son colores ya que originan en el observador determinadas sensaciones y reacciones.Blanco, gris y negro

http://www.fotonostra.com/grafico/fotos/escalascolores.jpg

Page 25: Teoría del color y tipografía

Escalas cromáticaSin embargo, desde el punto de vista físico, la luz blanca no es un color, sino la suma de todos los colores.Si hablamos de colores pigmento, el blanco sería considerado un color primario, ya que no puede obtenerse a partir de ninguna mezcla.El color negro, por el contrario, es la ausencia absoluta de la luz. Es considerado un color secundario, ya que es posible obtenerlo a partir de la mezcla de otros, aunque no de una manera pura.Blanco y negro

http://www.fotonostra.com/grafico/fotos/escalascolores1.jpg

Page 26: Teoría del color y tipografía

Escalas cromáticaEscalas cromáticas y acromáticasLas escalas de colores pueden ser cromáticas o acromáticasEscala Cromática: Es aquella en la que los valores del tono se obtienen mezclando los colores puros con blanco o con negro, por lo que pueden perder fuerza cromática o luminosidad. Es decir, cambia su tono, su saturación y su brillo.Escalas de colores

http://www.fotonostra.com/grafico/fotos/escalascolores2.jpg

Page 27: Teoría del color y tipografía

Escala Acromática: Será siempre una escala de grises, una modulación continua del blanco al negro. La escala de grises se utiliza para establecer comparativamente tanto el valor de la luminosidad de los colores puros como el grado de claridad de las correspondientes gradaciones de este color puro.Por la comparación con la escala de grises. También llamada escala test, se ponen en relieve las diferentes posiciones que alcanzan los distintos colores puros en materia de luminosidad.Escala de grises

Escalas cromática

http://www.fotonostra.com/grafico/fotos/escalascolores3.jpg

Page 28: Teoría del color y tipografía

Gamas de coloresDefinimos como gamas de colores a aquellas escalas formadas por gradaciones que realizan un paso regular de un color a otro. Por ejemplo, de un color puro hacia el blanco o hacia el negro, de una serie continua de colores cálidos a fríos o una sucesión de diversos colores. Pueden ser monocromas, cromáticas o polícromas.Escalas monocromas: Son aquellas en las que hay un solo color y se forman con todas las variaciones de este color, bien añadiendo blanco, negro o gris como mezcla de ambos.Escalas monocromas

Escalas cromática

http://www.fotonostra.com/grafico/fotos/escalascolores4.jpg

Page 29: Teoría del color y tipografía

Escala de Valor se produce cuando al tono saturado se le mezclan, al mismo tiempo, el blanco y el negro, es decir, el gris.Escalas cromáticas: Estas pueden ser escalas altas, medias o bajas.Altas: cuando se utilizan las modulaciones del valor y de saturación que contienen mucho blanco dando lugar a composiciones luminosas.Escalas cromáticas

Escalas cromática

http://www.fotonostra.com/grafico/fotos/escalascolores5.jpg

Page 32: Teoría del color y tipografía

1.2.6. Psicología del color.-El significado de cada color varía de una cultura a otra y de una circunstancia a otra.El color desprende diferentes expresiones del ambiente. Éstas pueden transmitirnos sensación de calma, de plenitud, de alegría, de violencia, maldad, etc. Estas sensaciones variarán profundamente según la cultura y la situación en la que nos encontremos.Cerebro de colores

http://www.fotonostra.com/grafico/fotos/psicologiacolor.jpg

Page 33: Teoría del color y tipografía

Psicología del colorEl Color BlancoEl blanco es la suma o síntesis de todos los colores y el símbolo de lo absoluto, de la unidad y de la inocencia. Es el que mayor sensibilidad posee frente a la luz y significa paz o rendición en la cultura occidental.Pavo real blanco

http://www.fotonostra.com/grafico/fotos/psicologiacolor1.jpg

Page 34: Teoría del color y tipografía

Mezclado con cualquier color reduce su croma o color y cambia sus potencias psíquicas. La del blanco es siempre positiva y afirmativa. Es, por excelencia, el color de los buenos sentimientos. Los cuerpos blancos nos dan la idea de pureza y modestia. El blanco crea una impresión luminosa de vacío, positivo e infinito.También tiene connotaciones negativas como la frialdad, la invitación a no tocar, o las esterilidad.Nieve

Psicología del color

http://www.fotonostra.com/grafico/fotos/psicologiacolor2.jpg

Page 35: Teoría del color y tipografía

El Color NegroEl color negro es la ausencia total de luz. Cuando un cuerpo absorbe todos los colores del espectro y no refleja ninguno se produce el negro.En la cultura occidental tiene más connotaciones negativas que positivas. Es símbolo del error, del mal, el misterio y de la muerte. Sin embargo, también hace referencia a la nobleza, a la sofisticación y la elegancia.

Psicología del color

http://www.fotonostra.com/grafico/fotos/psicologiacolor3.jpg

Page 36: Teoría del color y tipografía

El Color grisEs el producto de la mezcla del negro y el blanco. Simboliza la neutralidad, la indecisión y la ausencia de energía. Muchas veces, también expresa tristeza, duda y melancolía.El color gris es una fusión de alegrías y penas, del bien y del mal. Da la impresión de frialdad metálica, pero también sensación de brillantez, lujo y elegancia.

Psicología del color

http://www.fotonostra.com/grafico/fotos/psicologiacolor4.jpg

Page 37: Teoría del color y tipografía

1.2.7. Partes y tipos del carácter.-

http://www.monografica.org/prova/wp-content/uploads/2012/08/anatomia-del-tipo.jpg

Page 38: Teoría del color y tipografía

Partes y tipos del carácterFAMILIAS TIPOGRAFICASUna familia tipográfica es un grupo de signos estructurales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica Los miembros de una familia se parecen entre si , pero cada uno tiene rasgos diferentes.Romanas : Antiguas - Se diferencian del grosor entre las astas y el serif es imperceptible como fuentes Bembo, Sabon y Jenson.Transición - Se diferencia del grosor entre las astas y serif comienza a acentuarse como fuentes Garamond y Tome New Román.Modernas - Se diferencia del grosor entra las astas y el serif es notorio, como fuentes Didot, Bodoni y New Baskerville.Mecanos - La modulación tiene tendencia a la uniformidad, engrosamiento en el trazo y el aumento del tamaño de los remates, como en las fuentes Rockwell y Clarendon.Palo Seco: Grotesca - Se caracteriza porque el grosor del trazo y el contraste son un poco perceptibles. Como en la fuente New Gothic.

Page 39: Teoría del color y tipografía

Partes y tipos del carácterHumanistas - Sus trazos presentan un ligero contraste y es notable su influencia caligráfica, como el las fuentes Gill Sans y Antique Olive.Negrotescas - Son relativamente restas en apariencia y tienen menos variaciones de grosor en la línea que en las Humanísticas, como en las fuentes : Helvética, Frutiger y Univers.Rotuladas: Caligráficas - Reúne familias con influencias (rustica romana, minúscula letra inglesa, carolingia, caracteres unciales y semiunciales).Góticas - Son de composición apretada y vertical acentuada tienen una estructura densa, como las fuentes Forte Grotisch, Old English, Wedding Text.Cursivas - Son de escritura más o menos libres, estuvieron de moda en los 50 y 60 Ejemplos de fuentes, Brush, Balloon, Mistral.

Page 40: Teoría del color y tipografía

Decorativas: Fantasía - Parecida a alas letra capitulares medievales, son poco legibles por lo cual no se adecuan muy bien a un texto y su utilización es más para titulares cortos como las fuentes Bombere, Block-Up, Neón y Shatter.Época - Tiene trazos sencillos y equilibrados, casi siempre uniformes utilizados en anuncios de las tiendas como las fuentes Peigton, Cabarga Cursiva, Futura, Caslon Antique.

Partes y tipos del carácter

http://2.bp.blogspot.com/_MTWueg1Dz9g/SVABWSjW1pI/AAAAAAAAANQ/FstJVzcjLOc/s400/familias.gif

Page 41: Teoría del color y tipografía

1.2.8. Fuentes (tracking y kerning), rotulación y tipografías.-KERN O KENINGSe utiliza para ajustar el espacio entre las letras de una misma palabra.

http://3.bp.blogspot.com/_kuiHJaaRP4Y/SSJC9bYNBxI/AAAAAAAAAOU/vGvwmOtj4Y4/s400/Imagen26.jpg

Page 42: Teoría del color y tipografía

kerningTRACK O TRACKINGAjusta el espacio entre caracteres, abriéndolo cuando se tarta de cuerpos pequeños y cerrándolo cuando se trata de cuerpos grandes. Actúa sobre el texto y depende del tamaño de los caracteres.

http://www.desarrolloweb.com/articulos/images/diseno/7/disenio_7.gif

Page 43: Teoría del color y tipografía

1.2.9. El color y la cuadrícula en la tipografía.-

Page 44: Teoría del color y tipografía

1.2.9. El color y la cuadrícula en la tipografía.-

http://infobeautiful4.s3.amazonaws.com/2015/05/1276_colours_in_culture.png

Page 45: Teoría del color y tipografía

• QUADRATIN• Es una medida Tipográfica que equivale a un cuadrado

perfecto de 7x7 , en donde la letra M se adapta mejor a esta medida.

• No todas las letras ocupan completamente el quadratin• - M = Q• - V, Y, A = Q - 1a• - W = Q + 2a• - B, D, H, K, N, P, R, T, U, X, Z = Q - 2a• - I = 1a• - C, G, Q, O, S, J, U = Q + 1/12a• - E, F, S, J, L = Q - 2 1/2ª

1.2.9. El color y la cuadrícula en la tipografía.-

Page 46: Teoría del color y tipografía

la cuadrícula en la tipografía

http://3.bp.blogspot.com/-WA7tiYoKmsY/UTvRKM6Wb8I/AAAAAAAAACQ/jVJPYJMWmFQ/s1600/images.jpg