Lección 7Fuentes web, plantillas de color y sostenibilidad
- Noción 41 - Tipos de fuente.
- Noción 42 - Impacto de la fuente en la carga de la página.
- Noción 43 - Opciones de fuentes web accesibles y sostenibles
- Noción 44 - Paletas de colores eficientes energéticamente
- Noción 45 - Encuentra un equilibrio entre la eficiencia energética y una paleta de colores accesible.
- Noción 46 - Repaso/Evaluación
Noción 46
Repaso/Evaluación
Competencias objetivo
Para revisar esta noción, elige la respuesta que mejor se ajuste a la pregunta sobre fuentes web, patrón de color y sostenibilidad.
Existen 4 tipos principales de fuentes para diseñar un proyecto web. Fuentes de sistema; fuentes web; fuentes web personalizadas (DIY) y Times New Roman.
¡Buen trabajo!
Existen tres (3) tipos de fuentes para el diseño de un proyecto web:
*Fuentes del sistema
Son fuentes, instaladas por defecto, en todo tipo de dispositivos (Mac o PC). Las más conocidas son Arial y Times New Roman.
*Fuentes web
A diferencia de las anteriores, las fuentes web tienen la particularidad de estar alojadas en línea, por lo que ofrecen una mayor variedad de fuentes.
*Fuentes web personalizadas (DIY)
Este tipo de fuentes ofrece a los diseñadores la posibilidad de crear sus propias fuentes web. Al igual que la anterior, también están alojadas en línea. Además, es importante tener en cuenta una serie de criterios para optimizar el rendimiento web.
Las fuentes de Google constan de más o menos 600 caracteres y están a disposición de los diseñadores web de forma gratuita. Su tamaño de descarga es de unos 28Kb.
¡Buen trabajo!
Para limitar la huella de carbono de tu sitio web, es importante favorecer las llamadas fuentes estándar, que son las que se instalan por defecto con los sistemas operativos, frente a las fuentes especiales.
¡Buen trabajo!
Comprimir un archivo en formato WOFF2 reduce su peso en al menos un 30% y contribuye así a limitar la huella de carbono de tu sitio web.
¡Buen trabajo!
En términos de paleta de colores, el negro es el color que más energía consume.
¡Buen trabajo!
Gracias a la tecnología OLED, el negro es el único color que no consume energía. Cuando diseñes tu sitio web, usa colores monocromáticos porque así los archivos pesan menos. El color azul consume un 25% menos de energía que el verde y el rojo. En cuanto el blanco, es el color que más energía consume.
Para encontrar un equilibrio entre una paleta de colores eficiente y accesible, es importante tener en cuenta el contraste de colores.
¡Buen trabajo!