Reglas para Pantalla, Tipografía y Color

El Color

Es una percepción visual que se genera en el cerebro al interpretar las señales nerviosas que le envían la foto receptores de la retina del ojo y que a su vez interpretan y distinguen las distintas longitudes de onda que captan de la parte visible del espectro electromagnético1

1. Wikipedia

Sistema de color aditivo

RGB se compone se compone de los tres colores primarios: Rojo (R) Verde (G) Azul (B), cuando todos poseen la misma intensidad se produce el Blanco, mientras que la ausencia total de estos da el Negro.

Mezclando dos colores primarios se produce los colores secundarios: Magenta, Cian y Amarillo

Sistema de color sustractivoEste sistema opera con la luz reflejada (por absorción o reflexión) .

Este se compone de los colores primarios: Cian (C) Magenta (M) y Amarillo (Y) . Cuando todos se presentan con la misma intensidad se genera el negro.

Los colores secundarios de este sistema son el verde, rojo y azul, la combinación de los tres colores primarios no crea un negro absoluto, lo que se añade al Negro (K).

Saturación, brillo y contrasteSi un color carece de saturación es cero y el resultado es

acromático (blanco, gris o negro), un color puro tiene la saturación máxima.

Cada color tiene un brillo. El contraste de los colores tiene una función esencial en la legibilidad de los textos, por eso es de mucha atención escoger la elección de los colores

Colores y su efecto

El fondo de la pantalla es la superficie de color más extensa. Cada color tiene una personalidad que debe tenerse en cuenta para las combinaciones de colores, elementos de diseño, tipografía y los logotipos.

Tipografía

Remate: Se usa diariamente en los periódicos del mundo, no son adecuadas para la pantalla ya que tienden a dificultar la lectura

Palo Seco: Posee un grosor de trazo uniforme, que trasmite una

impresión mucho más nítida

Tipografías en Pantalla

En internet el texto visualizado puede ser texto generado como imagen gráfica o texto guardado como texto

Para el texto guardado como texto, se puede dar dos tipos de gráficas: helvetica y times para mac O arial y times new roman para pc, los cuales pueden verse en redonda o negrita.

Tipografías en PantallaLongitud de línea y cantidad

de texto: esta constituye la legibilidad del texto en la

pantalla así como de caracteres por línea

Interlineado y espacio entre palabras: el espacio entre cada línea y palabra va a ser un factor indispensable para que invite a seguir una lectura para ello debe ser amplio este espacio.

Tipografías en PantallaCuerpo de letra: la calidad de letra

de la pantalla es inferior a la del papel, pues factores externos como

la resolución del monitor opacan esta calidad por esto siempre debe hacerse desde un nivel de 10 pt y más de ser posible pues entre más

alto mas preciso será su descomposición en pixeles

Suavizado de texto: para transformar una tipografía muy pixelada en texto más legible, los dientes del perfil pueden

suavizarse artificialmente mediante el efecto de

suavizado, rellenando los dientes con líneas diagonales y curvas con tonos intermedios.