1. IMAGEN, TIPOGRAFÍA Y COLOR
Reglas Para Pantalla, Tipografía y Color

2. Reglas Para Pantallas, Tipografía y Color
Existen ciertos parámetros de diseño para lograr una
presentación atractiva para el internauta, no solo en
términos creativos sino también en estructuras idóneas
para una fácil lectura del contenido.
Por ende, se debe tener en cuenta además de la
información y las imágenes de apoyo para publicar; la
retícula, la tipografía, la plantilla y el color, que enmarcaran
toda la armonía deseada.
Son reglas que implican mucho a la hora de conseguir éxito
con la página, y la atención de los usuarios.

3. Sistemas de Colores ¨El pintor del futuro es un colorista como no ha
existido jamás.
El pintoq del futuqo…
No lo imagino merodeando por pequeños
restaurantes, con la boca llena de dientes postizos
y visitando burdeles como hago yo.¨
Vincent Van Gogh
•Sistema de Color Aditivo: RGB (sistema de
colores primarios).
•Sistema de Color Substractivo: CMYK (sistema
cromático utilizado como base en impresión).
El color siempre se debe elegir con intención y un propósito. El efecto del color siempre
depende del contexto, porque puede tener efectos dispares.
El fondo de la pantalla suele ser la superficie de color más extensa, por lo que el color
que se elige para este debe ser seleccionado con cuidado. Cada color posee una
personalidad que conviene tener en cuenta a la hora de combinarlo con los colores de
otros elementos de diseño, como la tipografía y los logotipos.

4. Tipografía
Es necesario analizar cada tipografía
teniendo en cuenta su legibilidad en
pantalla. Para soportes digitales, las
tipografías con remates resultan menos
legibles que las de palo seco.
Si se opta por utilizar una tipografía con
remates para una presentación en
pantalla, es conveniente corroborar que
los terminales y las líneas no sean
excesivamente finos. Estos tipos nunca
deben usarse en cuerpos muy reducidos
en pantalla.
Los estilos fina y ultrafina son desaconsejables, porque sus trazos son muy
delgados para descomponerlos en píxeles, a menos que se utilicen letras de gran
tamaño. También se recomienda evitar las cursiva y las letras estrechas.

5. Longitud de la línea y cantidad de texto
Por ejemplo
Wikipedia, se
caracteriza por
mantener
extensas líneas
de texto y no
dividirlas por
columnas más
aconsejables.
Para una buena legibilidad en pantalla no sólo es importante elegir el cuerpo de
letra y la tipografía adecuados, sino también una longitud de línea correcta.
Para establecer el ancho que mejor se adecua a una columna hay que tener en
cuenta el interletraje de la tipografía utilizada.

6. Interlineado y Espacio entre Palabras
La mala visualización de tipografía
en pantalla no supone un gran
incentivo a la lectura. Por ello, el
diseñador debe experimentar y
utilizar otros recursos que
permitan leer el texto más
cómodamente.
El interlineado en pantalla debe
ser superior al aplicado en papel,
que resulta fácilmente legible al
120% (ajuste automático).
Pantalla: cuerpo 14pt -
interlineado 130% = 18,2 pt.