SlideShare una empresa de Scribd logo
1 de 18
Para imágenes o publicidad digital se
debe utilizar el modelo de color RGB,
por el contrario para imágenes o
publicidad impresa se utiliza el
modelo CMYK.
SISTEMA DE COLOR ADITIVO
El sistema de color aditivo RBG se
compone de 3 colores primarios Rojo (R),
Verde (G) y azul (B), cuando estos tienen
la misma intensidad se crea el blanco y la
ausencia de los 3 produce el negro.

Al mezclar dos colores primarios se
producen los colores secundarios, que
son: magenta (M), cian (C) y amarillo (Y).
SISTEMA DE COLOR
          SUBSTRACTIVO
Se compone de los colores magenta (M),
cian (C) y amarillo (Y), si todos tienen la
combinación de los tres colores no crea
un negro absoluto, por lo que es
necesario agregar el negro (K).
SATURACIÓN, BRILLO Y
          CONTRASTE
Cuando un color carece de tono, su
saturación es cero, por lo que el resultado
será acromático (blanco, gris o negro)

La saturación máxima se presenta
cuando un color es puro y no se ha
mezclado con otro.
Cada color tiene un brillo y este permite
determinar que tan claro u oscuro es un
color.

 Las combinaciones llamativas se pueden
obtener aplicando un contraste de
temperaturas, es decir, escoger colores
con un elevado grado de saturación o
brillo, que crean sensación de distorsión.
TIPOGRAFÍA

En medios digitales, lo mejor es utilizar
tipografía palo seco, ya que las que
tienen remate dificultan la lectura.

Si se llegan a utilizar es necesario
corroborar que las líneas y terminaciones
no sean excesivamente finas
Tipografía con remates


ABCDEFGHIJKLMNOPQRSTUVWXYZ

    Abcdefghijklmnopqrstuvwxyz

            123456789

     Tipo de letra Garamond
Tipografía palo seco


ABCDEFGHIJKLMNOPQRSTUVWXYZ

   abcdefghijklmnopqrstuvwxyz

          1234567890

 Tipo de letra Arial Unicode
             MS
El efecto del fondo de la pantalla es
importante, el blanco de la pantalla es
más luminoso que el del papel, porque
esta hecho con luz, esto implica que la
tipografía se muestre ligeramente
oscurecida o apagada y las hace ver más
delgadas de lo que son.
La cantidad de texto debe reducirse al
mínimo en pro de la asimilación y la
legibilidad, siendo el bloque de texto de
25 líneas la medida ideal.

El tamaño del texto debe ser entre 14 y
20 puntos, aunque depende tambien de
la tipografía utilizada.
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y color

Más contenido relacionado

La actualidad más candente (9)

Deber bueno
Deber buenoDeber bueno
Deber bueno
 
Cómo colorear Comics en Photoshop e Illustrator
Cómo colorear Comics en Photoshop e IllustratorCómo colorear Comics en Photoshop e Illustrator
Cómo colorear Comics en Photoshop e Illustrator
 
4
44
4
 
1
11
1
 
5
55
5
 
2
22
2
 
7
77
7
 
3
33
3
 
6
66
6
 

Similar a Reglas para pantalla tipografia y color

Similar a Reglas para pantalla tipografia y color (20)

Sistemas de color
Sistemas de colorSistemas de color
Sistemas de color
 
Cmyk vs rgb
Cmyk vs rgbCmyk vs rgb
Cmyk vs rgb
 
Cmyk Vs Rgb
Cmyk Vs RgbCmyk Vs Rgb
Cmyk Vs Rgb
 
Hector lumisaca 6 a_t15
Hector lumisaca 6 a_t15Hector lumisaca 6 a_t15
Hector lumisaca 6 a_t15
 
El color
El colorEl color
El color
 
El color
El colorEl color
El color
 
Modelos de color | RGB - CMYK
Modelos de color | RGB - CMYKModelos de color | RGB - CMYK
Modelos de color | RGB - CMYK
 
Color y tipografia
Color y tipografiaColor y tipografia
Color y tipografia
 
El color
El colorEl color
El color
 
El color
El colorEl color
El color
 
El color
El colorEl color
El color
 
Reglas para pantalla tipografia y color
Reglas para pantalla tipografia y colorReglas para pantalla tipografia y color
Reglas para pantalla tipografia y color
 
Tipografía final
Tipografía finalTipografía final
Tipografía final
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Colores rgb
Colores rgbColores rgb
Colores rgb
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Reglas para pantallas, tipografía y color
Reglas para pantallas, tipografía y colorReglas para pantallas, tipografía y color
Reglas para pantallas, 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
 
Rgb y cmyk
Rgb y cmykRgb y cmyk
Rgb y cmyk
 
Modelo de color cmyk.pres
Modelo de color cmyk.presModelo de color cmyk.pres
Modelo de color cmyk.pres
 

Último

Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
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
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 

Último (20)

Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
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
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 

Reglas para pantalla tipografia y color

  • 1.
  • 2. Para imágenes o publicidad digital se debe utilizar el modelo de color RGB, por el contrario para imágenes o publicidad impresa se utiliza el modelo CMYK.
  • 3. SISTEMA DE COLOR ADITIVO El sistema de color aditivo RBG se compone de 3 colores primarios Rojo (R), Verde (G) y azul (B), cuando estos tienen la misma intensidad se crea el blanco y la ausencia de los 3 produce el negro. Al mezclar dos colores primarios se producen los colores secundarios, que son: magenta (M), cian (C) y amarillo (Y).
  • 4. SISTEMA DE COLOR SUBSTRACTIVO Se compone de los colores magenta (M), cian (C) y amarillo (Y), si todos tienen la combinación de los tres colores no crea un negro absoluto, por lo que es necesario agregar el negro (K).
  • 5. SATURACIÓN, BRILLO Y CONTRASTE Cuando un color carece de tono, su saturación es cero, por lo que el resultado será acromático (blanco, gris o negro) La saturación máxima se presenta cuando un color es puro y no se ha mezclado con otro.
  • 6. Cada color tiene un brillo y este permite determinar que tan claro u oscuro es un color. Las combinaciones llamativas se pueden obtener aplicando un contraste de temperaturas, es decir, escoger colores con un elevado grado de saturación o brillo, que crean sensación de distorsión.
  • 7. TIPOGRAFÍA En medios digitales, lo mejor es utilizar tipografía palo seco, ya que las que tienen remate dificultan la lectura. Si se llegan a utilizar es necesario corroborar que las líneas y terminaciones no sean excesivamente finas
  • 8. Tipografía con remates ABCDEFGHIJKLMNOPQRSTUVWXYZ Abcdefghijklmnopqrstuvwxyz 123456789 Tipo de letra Garamond
  • 9. Tipografía palo seco ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 Tipo de letra Arial Unicode MS
  • 10. El efecto del fondo de la pantalla es importante, el blanco de la pantalla es más luminoso que el del papel, porque esta hecho con luz, esto implica que la tipografía se muestre ligeramente oscurecida o apagada y las hace ver más delgadas de lo que son.
  • 11. La cantidad de texto debe reducirse al mínimo en pro de la asimilación y la legibilidad, siendo el bloque de texto de 25 líneas la medida ideal. El tamaño del texto debe ser entre 14 y 20 puntos, aunque depende tambien de la tipografía utilizada.