SlideShare una empresa de Scribd logo
1 de 8
TIPOGRAFÍA Y
                          COLOR

Javidson Engativa
Publicidad y
Mercadeo
TIPOGRAFÍA Y COLOR


La relación entre estos elementos compositivos es la forma
de establecer el diálogo entre la pieza gráfica que se realice
y el interlocutor del cual esperamos una respuesta
favorable, por esto hay que prestar la suficiente atención a
estos elementos.
TIPOGRAFÍA
Dentro de las tipografías encontramos las siguiente clasificación.
• Tipografías con remate o serifa.



                                Las cuales no son recomendadas para
                                el uso en textos para pantalla por su
                                lecturabilidad y su trazo fino. Por lo cual




        P
                                no son muy visibles.
TIPOGRAFÍA
• Tipografías palo seco


  Este estilo de tipografía es el
  recomendado para web por su
  definición en contornos y mejor
  lecturabilidad se necesario mantener
  un trazo más grueso.
TIPOGRAFÍA
• Tipografías cursivas - caligráficas
                                           Este tipo de fuentes no es
                                           recomendada       para     textos
                                           extensos en web        por     su
                                           complejidad, funcionan cuando
                                           se utilizan como pictogramas o
                                           palabras sueltas.




R
               El interlineado y espacio entre palabras: debe estar ajustado
               de acuerdo a la tipografía utilizada evitando de esta manera
               presentar un texto ilegible por su amplia o corta distancia
               entre sus caracteres y las filas del texto .
COLOR
•   Sistema de color aditivo:
    función RGB su composición es
    dada por luz tomando como
    colores                 primarios
    r=red, g=green, b=blue.

•   El blanco se define como
    presencia total de luz, fusión
    RGB
•   El negro se define como la          Sistema de color substractivo:
    ausencia de luz                     sistema CMYK el cual opera
                                        con absorción o reflexión de luz
                                        sobre la materia, (c=cian, m=
                                        magenta, y= yellow, b= black)
                                        en este      caso mezcla de
                                        pigmentos que da origen a
                                        elementos impresos.
COLOR
• Saturación brillo y contraste


estos tres componentes nos entregan
la facildad de tener una coherencia
grafica el momento de utilizar colores
ya sea en algún diseño o tipografía
que genere mejor lecturabilidad y sea
agradable al lector.
COLOR
• Los colores y su efecto
                                                         La selección de colores debe
                                                         ser acorde a las características
                                                         de comunicación cada color
                                                         tiene un significado o una
                                                         afinidad con el espectador de
                                                         acuerdo a sus preferencias, de
                                                         su mejor combinación depende
                                                         que sea legible, agradable y
                                                         sensitiva a la percepción del ojo
                                                         humano.

 “al contrario de lo que suele opinarse diría, que el color posee una fuerza mucho más secreta y
 poderosa. Surte efecto por así decirlo, sin que seamos consientes de ello”
 Eugéne Delacroix.

Más contenido relacionado

La actualidad más candente

Tipografía final
Tipografía finalTipografía final
Tipografía final
paulacom4
 
Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
Andrés Lozano
 
Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
jonbethan
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
Alejiitha Guaranguay
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
alejastar
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
Alejiitha Guaranguay
 
Armonía colores act 1 itzia
Armonía colores act 1 itziaArmonía colores act 1 itzia
Armonía colores act 1 itzia
micalitzia
 
Tintas para impresión II
Tintas para impresión IITintas para impresión II
Tintas para impresión II
Yahaira Santana
 
Retículas
RetículasRetículas
Retículas
fsuarezd
 

La actualidad más candente (20)

Tipografía final
Tipografía finalTipografía final
Tipografía final
 
Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
 
02.7 Color I
02.7 Color I02.7 Color I
02.7 Color I
 
Sistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptualSistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptual
 
Sesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnSesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìn
 
Overprint calado trapping
Overprint calado trappingOverprint calado trapping
Overprint calado trapping
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
La resolucion de la imagen modificado
La resolucion de la imagen modificadoLa resolucion de la imagen modificado
La resolucion de la imagen modificado
 
Armonía colores act 1 itzia
Armonía colores act 1 itziaArmonía colores act 1 itzia
Armonía colores act 1 itzia
 
Modos de color pantone oscar nuggerud
Modos de color pantone oscar nuggerudModos de color pantone oscar nuggerud
Modos de color pantone oscar nuggerud
 
Presentación1
Presentación1Presentación1
Presentación1
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Glosario photoshop
Glosario photoshopGlosario photoshop
Glosario photoshop
 
Glosario de términos
Glosario de términosGlosario de términos
Glosario de términos
 
Tintas para impresión II
Tintas para impresión IITintas para impresión II
Tintas para impresión II
 
Retículas
RetículasRetículas
Retículas
 
un glosario para ayudarles photoshop
un glosario para ayudarles photoshopun glosario para ayudarles photoshop
un glosario para ayudarles photoshop
 

Similar a Tipografía y color

Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
jonbethan
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
Adrianagz
 
Reglas para Pantalla
Reglas para Pantalla Reglas para Pantalla
Reglas para Pantalla
DianeLadino
 

Similar a Tipografía y color (10)

Reglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y colorReglas para pantalla, tipografía y color
Reglas para pantalla, tipografía y color
 
Reticulas tipografia y color
Reticulas tipografia y colorReticulas tipografia y color
Reticulas tipografia y color
 
Tipografía & Color
Tipografía & ColorTipografía & Color
Tipografía & Color
 
Tipografía y Color
Tipografía y ColorTipografía y Color
Tipografía y Color
 
Tipografía & Color
Tipografía & ColorTipografía & Color
Tipografía & Color
 
Tipografía & Color
Tipografía & ColorTipografía & Color
Tipografía & Color
 
Tipografía2
Tipografía2Tipografía2
Tipografía2
 
Tipografía & Color
Tipografía & ColorTipografía & Color
Tipografía & Color
 
Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
 
Reglas para Pantalla
Reglas para Pantalla Reglas para Pantalla
Reglas para Pantalla
 

Más de Thomas Kbzoo (9)

Cómo se hizo
Cómo  se  hizoCómo  se  hizo
Cómo se hizo
 
El mejor
El mejorEl mejor
El mejor
 
El 2do
El 2doEl 2do
El 2do
 
El 3ro
El 3roEl 3ro
El 3ro
 
Reticulas para pantalla
Reticulas para  pantallaReticulas para  pantalla
Reticulas para pantalla
 
Formato
FormatoFormato
Formato
 
Layout
LayoutLayout
Layout
 
Lenguaje publicitario
Lenguaje  publicitarioLenguaje  publicitario
Lenguaje publicitario
 
Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 

Tipografía y color

  • 1. TIPOGRAFÍA Y COLOR Javidson Engativa Publicidad y Mercadeo
  • 2. TIPOGRAFÍA Y COLOR La relación entre estos elementos compositivos es la forma de establecer el diálogo entre la pieza gráfica que se realice y el interlocutor del cual esperamos una respuesta favorable, por esto hay que prestar la suficiente atención a estos elementos.
  • 3. TIPOGRAFÍA Dentro de las tipografías encontramos las siguiente clasificación. • Tipografías con remate o serifa. Las cuales no son recomendadas para el uso en textos para pantalla por su lecturabilidad y su trazo fino. Por lo cual P no son muy visibles.
  • 4. TIPOGRAFÍA • Tipografías palo seco Este estilo de tipografía es el recomendado para web por su definición en contornos y mejor lecturabilidad se necesario mantener un trazo más grueso.
  • 5. TIPOGRAFÍA • Tipografías cursivas - caligráficas Este tipo de fuentes no es recomendada para textos extensos en web por su complejidad, funcionan cuando se utilizan como pictogramas o palabras sueltas. R El interlineado y espacio entre palabras: debe estar ajustado de acuerdo a la tipografía utilizada evitando de esta manera presentar un texto ilegible por su amplia o corta distancia entre sus caracteres y las filas del texto .
  • 6. COLOR • Sistema de color aditivo: función RGB su composición es dada por luz tomando como colores primarios r=red, g=green, b=blue. • El blanco se define como presencia total de luz, fusión RGB • El negro se define como la Sistema de color substractivo: ausencia de luz sistema CMYK el cual opera con absorción o reflexión de luz sobre la materia, (c=cian, m= magenta, y= yellow, b= black) en este caso mezcla de pigmentos que da origen a elementos impresos.
  • 7. COLOR • Saturación brillo y contraste estos tres componentes nos entregan la facildad de tener una coherencia grafica el momento de utilizar colores ya sea en algún diseño o tipografía que genere mejor lecturabilidad y sea agradable al lector.
  • 8. COLOR • Los colores y su efecto La selección de colores debe ser acorde a las características de comunicación cada color tiene un significado o una afinidad con el espectador de acuerdo a sus preferencias, de su mejor combinación depende que sea legible, agradable y sensitiva a la percepción del ojo humano. “al contrario de lo que suele opinarse diría, que el color posee una fuerza mucho más secreta y poderosa. Surte efecto por así decirlo, sin que seamos consientes de ello” Eugéne Delacroix.