SlideShare una empresa de Scribd logo
1 de 15
TIPOGRAFÍA Y COLOR Jorge Leonardo Nieto Claros
Ambos aspectos son esenciales en el diseño. Su manejo adecuado busca combinarlos paraconseguir un equilibrio visual.  TIPOGRAFÍA Y COLOR
Se compone de tres colores primarios: El rojo (R), el verde (G) y el azul. EL SISTEMA DE COLOR ADITIVO
Cuando los tres colores primarios tienen la misma intensidad surge el color blanco y la falta de todos origina el color negro. EL SISTEMA DE COLOR ADITIVO
Al mezclar dos colores primarios se consiguen los colores secundarios: Cián, magenta y amarillo. EL SISTEMA DE COLOR ADITIVO
Se habla de mezcla de color por substracción si se combinan tintas o pigmentos. Se compone de los colores cián (C), magenta (M) y amarillo (Y). EL SISTEMA DE COLOR SUBSTRACTIVO
La combinación de los tres colores CMY crea el color negro (K) que se añade a los otros 3 al no ser un color absoluto. EL SISTEMA DE COLOR SUBSTRACTIVO
Los colores secundarios de este sistema son el verde, el azul y el rojo.  EL SISTEMA DE COLOR SUBSTRACTIVO
Si un color carece de tono, su saturación es cero y el resultado es acromático (blanco, gris o negro). Un color puro, sin ningún otro color añadido su saturación es máxima.  SATURACIÓN, BRILLO Y CONTRASTE
Cada color posee una personalidad que hay que tener en cuenta a la hora de combinarlo con los colores de otros elementos del diseño, como pueden ser la tipología y los logotipos. LOS COLORES Y SU EFECTO
Estas tipografías no son adecuadas para la pantalla, ya que tienden a dificultar la lectura, sobre todo de los textos largos. TIPOGRAFÍAS CON REMATES
Poseen un grosor de trazo uniforme, que transmite una impresión mucho más nítida.  TIPOGRAFÍAS DE PALO SECO
El texto puede ser utilizado como una imagen gráfica o texto guardado como texto. En el segundo caso se pueden utilizar dos tipografías dependiendo de la configuración del navegador: Helvética y Times para Mac y Arial y Times para PC. TIPOGRAFÍAS EN PANTALLA
Escoger el cuerpo de letra y la tipografía adecuadas, así como establecer una línea de longitud correcta es importante, ya que constituye un elemento trascendental para la legibilidad del texto en la pantalla. LONGITUD DE LA LÍNEA Y CANTIDAD DE TEXTO
El interletraje para los textos maquetados para su lectura en pantalla debe ser entre cinco y diez unidades superior al aplicado en papel, para que no se fusionen o se mezclen las letras. INTERLINEADO Y ESPACIO ENTRE PALABRAS

Más contenido relacionado

La actualidad más candente

Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
Erika Nieto
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
garv1032
 
Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & Color
Nombre Apellidos
 
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
 
Terminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionTerminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresion
Luis Frias
 
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
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
 
Uso de tecnologías en educación ii unidad 1 actividad 1
Uso de tecnologías en educación ii unidad 1 actividad 1Uso de tecnologías en educación ii unidad 1 actividad 1
Uso de tecnologías en educación ii unidad 1 actividad 1
Antonio Estrada
 
Retículas
RetículasRetículas
Retículas
fsuarezd
 

La actualidad más candente (19)

Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Color y tipografia
Color y tipografiaColor y tipografia
Color y tipografia
 
Reglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & ColorReglas Para Pantalla, Tipografia & Color
Reglas Para Pantalla, Tipografia & 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
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Sistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptualSistemas de impresión - Mapa conceptual
Sistemas de impresión - Mapa conceptual
 
Overprint calado trapping
Overprint calado trappingOverprint calado trapping
Overprint calado trapping
 
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
 
Terminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresionTerminologia y-conceptos-de-impresion
Terminologia y-conceptos-de-impresion
 
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
 
Uso de tecnologías en educación ii unidad 1 actividad 1
Uso de tecnologías en educación ii unidad 1 actividad 1Uso de tecnologías en educación ii unidad 1 actividad 1
Uso de tecnologías en educación ii unidad 1 actividad 1
 
Terminologia y Conceptos de Impresión
Terminologia y Conceptos de ImpresiónTerminologia y Conceptos de Impresión
Terminologia y Conceptos de Impresión
 
El color
El colorEl color
El color
 
Retículas
RetículasRetículas
Retículas
 
Las témperas. Aplicaciones básicas.
Las témperas. Aplicaciones básicas.Las témperas. Aplicaciones básicas.
Las témperas. Aplicaciones básicas.
 
Como Aprovechar el Monitor
Como Aprovechar el MonitorComo Aprovechar el Monitor
Como Aprovechar el Monitor
 

Destacado

Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
TiaKaka
 
Mdi elaboración de un marco teórico
Mdi elaboración de un marco teóricoMdi elaboración de un marco teórico
Mdi elaboración de un marco teórico
Josué Segoviia'
 
Presentation_DanielPetrov_LasVegas_2016
Presentation_DanielPetrov_LasVegas_2016Presentation_DanielPetrov_LasVegas_2016
Presentation_DanielPetrov_LasVegas_2016
Daniel Petrov
 
Codigo de etica profesional
Codigo de etica profesionalCodigo de etica profesional
Codigo de etica profesional
Wilfredo Gaspar
 
Polyurethane Coating on Tiled Roof
Polyurethane Coating on Tiled RoofPolyurethane Coating on Tiled Roof
Polyurethane Coating on Tiled Roof
D K Associates
 

Destacado (18)

Reglas de legibilidad.pps
Reglas de legibilidad.ppsReglas de legibilidad.pps
Reglas de legibilidad.pps
 
Tipografía y color
Tipografía y colorTipografía y color
Tipografía y color
 
Armonía del color
Armonía del colorArmonía del color
Armonía del color
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Tipografia
TipografiaTipografia
Tipografia
 
SEÑALIZACIÓN DE SEGURIDAD Y CÓDIGO DE COLORES
SEÑALIZACIÓN DE SEGURIDAD Y CÓDIGO DE COLORESSEÑALIZACIÓN DE SEGURIDAD Y CÓDIGO DE COLORES
SEÑALIZACIÓN DE SEGURIDAD Y CÓDIGO DE COLORES
 
Mdi elaboración de un marco teórico
Mdi elaboración de un marco teóricoMdi elaboración de un marco teórico
Mdi elaboración de un marco teórico
 
Presentation_DanielPetrov_LasVegas_2016
Presentation_DanielPetrov_LasVegas_2016Presentation_DanielPetrov_LasVegas_2016
Presentation_DanielPetrov_LasVegas_2016
 
Week13
Week13Week13
Week13
 
Cmp 104
Cmp 104Cmp 104
Cmp 104
 
평촌오피,일산오피방 위치「OpHoLic5.Com」 세종오피 영통유흥
평촌오피,일산오피방 위치「OpHoLic5.Com」 세종오피 영통유흥평촌오피,일산오피방 위치「OpHoLic5.Com」 세종오피 영통유흥
평촌오피,일산오피방 위치「OpHoLic5.Com」 세종오피 영통유흥
 
La resistencia aeróbica
La resistencia aeróbicaLa resistencia aeróbica
La resistencia aeróbica
 
Codigo de etica profesional
Codigo de etica profesionalCodigo de etica profesional
Codigo de etica profesional
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Where to from here? Career planning for Executive Chefs
Where to from here? Career planning for Executive ChefsWhere to from here? Career planning for Executive Chefs
Where to from here? Career planning for Executive Chefs
 
Февруари 2017
Февруари 2017Февруари 2017
Февруари 2017
 
Polyurethane Coating on Tiled Roof
Polyurethane Coating on Tiled RoofPolyurethane Coating on Tiled Roof
Polyurethane Coating on Tiled Roof
 
一页纸经理人
一页纸经理人一页纸经理人
一页纸经理人
 

Similar a Tipografia y color

Trabajo DiseñO Grafico
Trabajo DiseñO GraficoTrabajo DiseñO Grafico
Trabajo DiseñO Grafico
yuliangi
 
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
jhonfredyperezchaparro
 
Color y tipografía
Color y tipografíaColor y tipografía
Color y tipografía
milena cruz
 
Cmyk Vs Rgb
Cmyk Vs RgbCmyk Vs Rgb
Cmyk Vs Rgb
pipeck
 
Cmyk vs rgb
Cmyk vs rgbCmyk vs rgb
Cmyk vs rgb
pipeck
 
Teoriadecolor
TeoriadecolorTeoriadecolor
Teoriadecolor
anibalo
 

Similar a Tipografia y color (20)

Armonías de color
Armonías de colorArmonías de color
Armonías de color
 
Trabajo DiseñO Grafico
Trabajo DiseñO GraficoTrabajo DiseñO Grafico
Trabajo DiseñO Grafico
 
Trabajo DiseñO Grafico
Trabajo DiseñO GraficoTrabajo DiseñO Grafico
Trabajo DiseñO Grafico
 
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
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
DIAGRAMACION
DIAGRAMACIONDIAGRAMACION
DIAGRAMACION
 
Modos de color, pantone.
Modos de color, pantone.Modos de color, pantone.
Modos de color, pantone.
 
Color y tipografía
Color y tipografíaColor y tipografía
Color y tipografía
 
Tipografía y Color
Tipografía y ColorTipografía y Color
Tipografía y Color
 
Cmyk Vs Rgb
Cmyk Vs RgbCmyk Vs Rgb
Cmyk Vs Rgb
 
Cmyk vs rgb
Cmyk vs rgbCmyk vs rgb
Cmyk vs rgb
 
Modos de color
Modos de colorModos de color
Modos de color
 
RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2
RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2
RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2
 
RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2
RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2
RAFAEL IBARRA FARFAN armonia de colores investigación act 1 uni 1 ute2
 
Colores rgb
Colores rgbColores rgb
Colores rgb
 
Capitulo 2
Capitulo 2Capitulo 2
Capitulo 2
 
Ronald tacuri consultaeditorial
Ronald tacuri consultaeditorialRonald tacuri consultaeditorial
Ronald tacuri consultaeditorial
 
Teoriadecolor
TeoriadecolorTeoriadecolor
Teoriadecolor
 
Tipografias
TipografiasTipografias
Tipografias
 
Modelos de color | RGB - CMYK
Modelos de color | RGB - CMYKModelos de color | RGB - CMYK
Modelos de color | RGB - CMYK
 

Tipografia y color

  • 1. TIPOGRAFÍA Y COLOR Jorge Leonardo Nieto Claros
  • 2. Ambos aspectos son esenciales en el diseño. Su manejo adecuado busca combinarlos paraconseguir un equilibrio visual. TIPOGRAFÍA Y COLOR
  • 3. Se compone de tres colores primarios: El rojo (R), el verde (G) y el azul. EL SISTEMA DE COLOR ADITIVO
  • 4. Cuando los tres colores primarios tienen la misma intensidad surge el color blanco y la falta de todos origina el color negro. EL SISTEMA DE COLOR ADITIVO
  • 5. Al mezclar dos colores primarios se consiguen los colores secundarios: Cián, magenta y amarillo. EL SISTEMA DE COLOR ADITIVO
  • 6. Se habla de mezcla de color por substracción si se combinan tintas o pigmentos. Se compone de los colores cián (C), magenta (M) y amarillo (Y). EL SISTEMA DE COLOR SUBSTRACTIVO
  • 7. La combinación de los tres colores CMY crea el color negro (K) que se añade a los otros 3 al no ser un color absoluto. EL SISTEMA DE COLOR SUBSTRACTIVO
  • 8. Los colores secundarios de este sistema son el verde, el azul y el rojo. EL SISTEMA DE COLOR SUBSTRACTIVO
  • 9. Si un color carece de tono, su saturación es cero y el resultado es acromático (blanco, gris o negro). Un color puro, sin ningún otro color añadido su saturación es máxima. SATURACIÓN, BRILLO Y CONTRASTE
  • 10. Cada color posee una personalidad que hay que tener en cuenta a la hora de combinarlo con los colores de otros elementos del diseño, como pueden ser la tipología y los logotipos. LOS COLORES Y SU EFECTO
  • 11. Estas tipografías no son adecuadas para la pantalla, ya que tienden a dificultar la lectura, sobre todo de los textos largos. TIPOGRAFÍAS CON REMATES
  • 12. Poseen un grosor de trazo uniforme, que transmite una impresión mucho más nítida. TIPOGRAFÍAS DE PALO SECO
  • 13. El texto puede ser utilizado como una imagen gráfica o texto guardado como texto. En el segundo caso se pueden utilizar dos tipografías dependiendo de la configuración del navegador: Helvética y Times para Mac y Arial y Times para PC. TIPOGRAFÍAS EN PANTALLA
  • 14. Escoger el cuerpo de letra y la tipografía adecuadas, así como establecer una línea de longitud correcta es importante, ya que constituye un elemento trascendental para la legibilidad del texto en la pantalla. LONGITUD DE LA LÍNEA Y CANTIDAD DE TEXTO
  • 15. El interletraje para los textos maquetados para su lectura en pantalla debe ser entre cinco y diez unidades superior al aplicado en papel, para que no se fusionen o se mezclen las letras. INTERLINEADO Y ESPACIO ENTRE PALABRAS