SlideShare une entreprise Scribd logo
1  sur  10
Reglas Para Pantalla,
 Tipografía y Color


RODRIGO BALANTA JIMÉNEZ
COLOR
Fundamento Teórico
La paleta de color RBG consta básicamente de tres
colores primarios que son Rojo – Verde – Azul. Estos
colores primarios aditivos en HTML están
representados por tres pares hexadecimales del
tipo 0xHH=HH=HH según el siguiente formato
#RRGGBB.

Cian = Verde + Azul
Magenta = Rojo + Azul
Amarillo = Rojo + Azul
SATURACIÓN, BRILLO Y CONTRASTE
Todo color posee una
serie de propiedades que
le hacen variar de aspecto
y     que    definen    su
apariencia final. Entre
estas propiedades cabe
distinguir:
SATURACIÓN
Este concepto representa la
pureza o intensidad de un
color particular, la viveza o
palidez del mismo y puede
relacionarse con el ancho de
banda de la luz que estamos
visualizando.
BRILLO
   Se usa para describir que
   tan claro u oscuro parece
   un color y se refiere a la
   cantidad de luz percibida.
   El brillo se puede definir
   como la cantidad de
   oscuridad que tiene un
   color es decir representa
   lo claro u oscuro, respecto
   de su patrón.
CONTRASTE
El     contraste   es   la
diferencia de luminosidad
entre las zonas claras y
oscuras de una imagen, si
la diferencia es grande el
contraste es mayor, si la
escena tiene los tonos o
brillos muy igualados el
contraste es pequeño.
COLOR Y SU EFECTO
TIPOGRAFÍAS
      La tipografía es un gran
      aporte para el diseño y en
      cada trabajo de diseño
      web la tipografía ya es
      parte del diseño, la
      creatividad no tiene limite
      tanto para el diseño web
      pues causa la atención a
      los visitantes y da frescura
      al sitio.
LÍNEAS Y LETRAS
LONGITUD LÍNEA Y CANTIDAD DE TEXTO
• Impresa no debe tener mas de 10 palabras y entre 35 – 55 caracteres.
• Pantalla 35 pulsaciones es importante que tenga buena legibilidad en pantalla.
• El cuerpo de letra y tipografía deben tener la longitud correcta.

INTERLINEADO Y ESPACIO ENTRE PALABRAS
• Debe tener un interlineado entre 130 y 150% en tipografías solidas.
• Si la tipografía en ancha y fina tiene que haber un mayor espacio entre líneas.
• El interlineado debe ser entre 5 y 10 unidades si es menor puede ser ilegible y
   si por lo contrario es mayor se nota un espacio blanco entre las líneas y puede
   ser de difícil lecturabilidad.

CUERPOS DE LETRAS
• Es recomendable de todas maneras analizar cada tipografía dependiendo de
  sus características.
• Entre mas grande mas precisa será su descomposición en pixeles y mas nítida
  será en pantalla.
Reglas Para Pantalla,
 Tipografía y Color


RODRIGO BALANTA JIMÉNEZ

Contenu connexe

Tendances (18)

Tipografia y color
Tipografia y colorTipografia y color
Tipografia 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
 
Manipulación de imagen digital
Manipulación de imagen digitalManipulación de imagen digital
Manipulación de imagen digital
 
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
 
Practica 5 presentacion de corel photo paint
Practica 5 presentacion de corel photo paintPractica 5 presentacion de corel photo paint
Practica 5 presentacion de corel photo paint
 
Corel photo paint
Corel photo paintCorel photo paint
Corel photo paint
 
Efecto matrix con photoshop
Efecto matrix con photoshopEfecto matrix con photoshop
Efecto matrix con photoshop
 
A.a7. color digital
A.a7. color digitalA.a7. color digital
A.a7. color digital
 
Composicion retoque
Composicion retoqueComposicion retoque
Composicion retoque
 
Composicion retoque real
Composicion retoque realComposicion retoque real
Composicion retoque real
 
Resolucion de la imagen ♥
Resolucion de la imagen ♥Resolucion de la imagen ♥
Resolucion de la imagen ♥
 
A.a7.
A.a7.A.a7.
A.a7.
 
Manual corel photopaint
Manual corel photopaintManual corel photopaint
Manual corel photopaint
 
Corel photo paint
Corel photo paintCorel photo paint
Corel photo paint
 
Tfd revelado en cámara
Tfd  revelado en cámaraTfd  revelado en cámara
Tfd revelado en cámara
 
practica 4.
practica 4.practica 4.
practica 4.
 
E04- REVELADO EN CÁMARA
E04- REVELADO EN CÁMARAE04- REVELADO EN CÁMARA
E04- REVELADO EN CÁMARA
 
Retrato multiple
Retrato multipleRetrato multiple
Retrato multiple
 

En vedette (12)

Univ presentation
Univ presentationUniv presentation
Univ presentation
 
Tipografia color y reglas
Tipografia color y reglasTipografia color y reglas
Tipografia color y reglas
 
Espacio En El Mensaje
Espacio En El MensajeEspacio En El Mensaje
Espacio En El Mensaje
 
Isrr Final2008
Isrr Final2008Isrr Final2008
Isrr Final2008
 
Retícula Para Pantalla
Retícula Para PantallaRetícula Para Pantalla
Retícula Para Pantalla
 
11 winston asiedu inkumsah finalpaper
11 winston asiedu inkumsah finalpaper11 winston asiedu inkumsah finalpaper
11 winston asiedu inkumsah finalpaper
 
Layout
LayoutLayout
Layout
 
Fundamentos De Diseño
Fundamentos De DiseñoFundamentos De Diseño
Fundamentos De Diseño
 
Formato
FormatoFormato
Formato
 
Goals galore power_point
Goals galore power_pointGoals galore power_point
Goals galore power_point
 
Safe Clouds & Social Media
Safe Clouds & Social MediaSafe Clouds & Social Media
Safe Clouds & Social Media
 
24 Consejos sobre tipografia
24 Consejos sobre tipografia24 Consejos sobre tipografia
24 Consejos sobre tipografia
 

Similaire à Reglas Para Pantalla, Tipografia & Color

Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
Adrianagz
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
Erika Nieto
 
Tipografía final
Tipografía finalTipografía final
Tipografía final
paulacom4
 
Reglas para pantalla, tipografia y color
Reglas para pantalla, tipografia y colorReglas para pantalla, tipografia y color
Reglas para pantalla, tipografia y color
Mauricio080878
 
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
 
Presentación1
Presentación1Presentación1
Presentación1
Lauma1416
 
DiseñO Grafico Y Creatividad
DiseñO Grafico Y CreatividadDiseñO Grafico Y Creatividad
DiseñO Grafico Y Creatividad
Keila Sanjuán
 
Color y tipografía1
Color y tipografía1Color y tipografía1
Color y tipografía1
fsuarezd
 

Similaire à Reglas Para Pantalla, Tipografia & Color (20)

Reglas básicas para pantalla
Reglas básicas para pantallaReglas básicas para pantalla
Reglas básicas para pantalla
 
Color Teoría modelos y conversiones.pdf
Color Teoría modelos y conversiones.pdfColor Teoría modelos y conversiones.pdf
Color Teoría modelos y conversiones.pdf
 
Reticulas tipografia y color
Reticulas tipografia y colorReticulas tipografia y color
Reticulas tipografia y color
 
Fundamentos de la teoria del color
Fundamentos de la teoria del colorFundamentos de la teoria del color
Fundamentos de la teoria del color
 
Elementos y principios de diseño grafico
Elementos y principios de diseño graficoElementos y principios de diseño grafico
Elementos y principios de diseño grafico
 
Tipografia y color
Tipografia y colorTipografia y color
Tipografia y color
 
Tipografía final
Tipografía finalTipografía final
Tipografía final
 
Reglas para pantalla, tipografia y color
Reglas para pantalla, tipografia y colorReglas para pantalla, tipografia y color
Reglas para pantalla, tipografia y color
 
Tarea1 alejandra
Tarea1 alejandraTarea1 alejandra
Tarea1 alejandra
 
Lv2 color-130808084012-phpapp02
Lv2 color-130808084012-phpapp02Lv2 color-130808084012-phpapp02
Lv2 color-130808084012-phpapp02
 
Color
ColorColor
Color
 
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
 
Fundamentos de la teoria del color
Fundamentos de la teoria del colorFundamentos de la teoria del color
Fundamentos de la teoria del color
 
Clase 2 Fundamentos de Teoría del Color 01/10/2020
Clase 2 Fundamentos de Teoría del Color 01/10/2020Clase 2 Fundamentos de Teoría del Color 01/10/2020
Clase 2 Fundamentos de Teoría del Color 01/10/2020
 
Presentación1
Presentación1Presentación1
Presentación1
 
DiseñO Grafico Y Creatividad
DiseñO Grafico Y CreatividadDiseñO Grafico Y Creatividad
DiseñO Grafico Y Creatividad
 
PARTE 3.pptx
PARTE 3.pptxPARTE 3.pptx
PARTE 3.pptx
 
Color y tipografía1
Color y tipografía1Color y tipografía1
Color y tipografía1
 
COLOR Y TIPOGRAFIA
COLOR Y TIPOGRAFIACOLOR Y TIPOGRAFIA
COLOR Y TIPOGRAFIA
 
Fundamentos de la_Teoria_del_Color_2
Fundamentos de la_Teoria_del_Color_2Fundamentos de la_Teoria_del_Color_2
Fundamentos de la_Teoria_del_Color_2
 

Dernier

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 

Dernier (20)

Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 

Reglas Para Pantalla, Tipografia & Color

  • 1. Reglas Para Pantalla, Tipografía y Color RODRIGO BALANTA JIMÉNEZ
  • 2. COLOR Fundamento Teórico La paleta de color RBG consta básicamente de tres colores primarios que son Rojo – Verde – Azul. Estos colores primarios aditivos en HTML están representados por tres pares hexadecimales del tipo 0xHH=HH=HH según el siguiente formato #RRGGBB. Cian = Verde + Azul Magenta = Rojo + Azul Amarillo = Rojo + Azul
  • 3. SATURACIÓN, BRILLO Y CONTRASTE Todo color posee una serie de propiedades que le hacen variar de aspecto y que definen su apariencia final. Entre estas propiedades cabe distinguir:
  • 4. SATURACIÓN Este concepto representa la pureza o intensidad de un color particular, la viveza o palidez del mismo y puede relacionarse con el ancho de banda de la luz que estamos visualizando.
  • 5. BRILLO Se usa para describir que tan claro u oscuro parece un color y se refiere a la cantidad de luz percibida. El brillo se puede definir como la cantidad de oscuridad que tiene un color es decir representa lo claro u oscuro, respecto de su patrón.
  • 6. CONTRASTE El contraste es la diferencia de luminosidad entre las zonas claras y oscuras de una imagen, si la diferencia es grande el contraste es mayor, si la escena tiene los tonos o brillos muy igualados el contraste es pequeño.
  • 7. COLOR Y SU EFECTO
  • 8. TIPOGRAFÍAS La tipografía es un gran aporte para el diseño y en cada trabajo de diseño web la tipografía ya es parte del diseño, la creatividad no tiene limite tanto para el diseño web pues causa la atención a los visitantes y da frescura al sitio.
  • 9. LÍNEAS Y LETRAS LONGITUD LÍNEA Y CANTIDAD DE TEXTO • Impresa no debe tener mas de 10 palabras y entre 35 – 55 caracteres. • Pantalla 35 pulsaciones es importante que tenga buena legibilidad en pantalla. • El cuerpo de letra y tipografía deben tener la longitud correcta. INTERLINEADO Y ESPACIO ENTRE PALABRAS • Debe tener un interlineado entre 130 y 150% en tipografías solidas. • Si la tipografía en ancha y fina tiene que haber un mayor espacio entre líneas. • El interlineado debe ser entre 5 y 10 unidades si es menor puede ser ilegible y si por lo contrario es mayor se nota un espacio blanco entre las líneas y puede ser de difícil lecturabilidad. CUERPOS DE LETRAS • Es recomendable de todas maneras analizar cada tipografía dependiendo de sus características. • Entre mas grande mas precisa será su descomposición en pixeles y mas nítida será en pantalla.
  • 10. Reglas Para Pantalla, Tipografía y Color RODRIGO BALANTA JIMÉNEZ