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