Este documento proporciona recomendaciones sobre el uso efectivo de la tipografía, el color y el diseño de páginas para pantalla. Explica que los sistemas de color RGB y CMYK, la saturación, el brillo y el contraste afectan la legibilidad. También recomienda usar fuentes como Arial y Times New Roman, líneas de texto cortas divididas en columnas, espaciado amplio entre líneas y palabras, y contrastes adecuados entre texto y fondo.

1. Johnnatan Ariza Alarcon
Imagen, Tipografía y Color

2. Reglas Para Pantalla, Tipografía y
Color
 Cuando se quiere plasmar en la web un
escrito, o una pieza publicitaria, el diseñador
debe tener en cuenta no solo el mensaje que
se quiere transmitir, sino que se vuelve
indispensable el aprovechamiento de los
recursos, el espacio con el que se cuenta, la
manera y los formatos, para que se genere
una comprensión mas fácil y digerible del
tema que se quiere transmitir.
Es aquí cuando entran a formar parte las
reglas para pantalla, la tipografía y el color,
desarrollando con todos las herramientas una
buena composición.

3. Sistemas de Colores
 RGB: sistema de
colores primarios,
los 3 colores con la
misma intensidad
unidos forman el
blanco
 CMYK: sistema
cromático utilizado
como base en
El fondo de la pantalla suele ser el lugar
mas extenso, es por esta razón que el color impresión,
que se escoja debe ser elegido con cautela,
para darle la personalidad que se quiera a la
pantalla y a la composición final.

4. Saturación, Brillo y Contraste
Si un color carece de tono, su El color puro posee la
saturación es 0 y el resultado
es acromático saturación máxima

5. Tipografía
 Para tener en cuenta
la legibilidad de los
textos en pantalla es
necesario analizar las
tipografía dispuesta
para utilizar.
 Es recomendable
usar para PC la
tipografía Arial y
Times New Roman,
para mayor legibilidad
en pantalla y estas
deben hacer contraste
con el fondo.

6. Tipografías
Con Remates Palo Seco
Cursiva

7. Longitud de la Línea y cantidad
de Texto
Para que el texto sea mas fácil de
digerir, es importante que la longitud
de las líneas de texto sean cortas y
dividido en columnas para separar
la información
Uno de los mejores ejemplos es
wiki pedía, que utiliza líneas te
texto largas, que se vuelven
mas densas para la lectura

8. Interlineado y Espacio Entre
Palabras
 Para que el texto
sea mas fácil de
digerir el diseñador
debe utilizar otros
recursos que
permitan leer el
texto cómodamente
 El interlineado en
pantalla debe ser
superior al aplicado
en papel.