LEGIBILIDAD EN LA WEB

 LEGIBLE

Capacidad de definir y distinguir claramente los elementos deseados en una página web, y dentro, los caracteres. 





1. Contraste: El color de texto es legible y tiene suficiente contraste con el fondo.










2. Jerarquía: Varía el formato y color de títulos y subtítulos siguiendo un patrón jerárquico.

3.Columnas: No superan el ancho total de la pantalla, ya que se distribuyen en frases y párrafos cortos.





4. Enlaces: Se encuentran en imágenes tanto en textos.





5. Fácil navegación.





6. Alineación horizontal: El párrafo comienza a una distancia del margen izquierdo.
7. Ancho del párrafo: Las líneas de texto no tiene más de 20 palabras.
 

8. Tamaño de la tipografía: Su tamaño de texto es de 10px aproximadamente y tamaños de títulos es al rededor de 12 - 24px 
9. Familia tipográfica: La familia es Helvetica de palo seco, no lleva remates, por lo tanto es legible en la web.

 
10. Interlineado: No tiene líneas muy juntas ni muy separadas.
11. El texto: Tiene una alineación a la izquierda (bandera).


12. Imagen: RGB, formato png.







ILEGIBLE
 Incapacidad de que algo pueda ser leido.

https://www.lingscars.com


 1. Contraste: Tiene contraste el fondo con el color del texto
     El ancho del párrafo: las líneas de texto no superan 20 letras.






2. Tamaño de la tipografía y familia tipográfica: En algunos casos es poco legible, ya por el color, tamaño y gran variedad de tipografías en un mismo contexto.
3. Jerarquía: Varía ell formato y color de los títulos, pero está todo apelotonado y no tienes la mirada fija en una estructura clara.


                                                             







4. Navegación: La primera impresión al ver la página, es que todo esta desordenado y no sabes donde mirar porque todo está resaltado. Pero una vez que llevas un tiempo más o menos te puedes guiar.

     







5. Texto: Tiene todas las alineaciones posibles; bandera izquierda, derecha, centrado y justificado.
6. Interlineado: Líneas muy juntas.


















7. Enlaces: Abundan por toda la página web, tanto en texto como imágenes.
Muy recargado de imágenes, vídeos y flash.





Entradas populares