Leçon 7Polices de caractères, couleurs et durabilité sur le Web
- Notion 41 - Types de polices.
- Notion 42 - Impact de la police sur le chargement de la page.
- Notion 43 - Choix de polices pour l'accessibilité et la durabilité.
- Notion 44 - Palettes de couleurs éco-énergétiques.
- Notion 45 - Trouvez un équilibre entre efficacité énergétique et palette de couleurs accessibles.
- Notion 46 - Révision/évaluation
Notion 46
Révision/évaluation
Compétences ciblées
Afin de réviser ce grain, choisissez la réponse qui correspond le mieux à la question sur les polices web, le modèle des couleurs et la durabilité.
Il existe 4 principaux types de polices pour la conception d'un projet Web. Les polices système, les polices web, les polices web personnalisées (DIY) et Times New Roman.
Bien joué !
Il existe trois (3) types de polices pour la conception d'un projet web :
Les polices système
Ce sont des polices, installées par défaut, sur tous les types d'appareils (Mac ou PC). Les plus connues sont les polices Arial et Times New Roman.
Polices Web
Contrairement à la précédente, les polices Web ont la particularité d'être hébergées en ligne et offrent donc un plus grand choix de polices.
*Fontes Web personnalisées (DIY)
Ce type de police donne aux concepteurs la possibilité de créer leurs propres polices Web. Comme la précédente, elles sont également hébergées en ligne. En outre, il est important de prendre en compte un certain nombre de critères pour optimiser les performances web.
Les polices Google comprennent plus ou moins 600 caractères et sont mises gratuitement à la disposition des concepteurs de sites Web. Leur taille de téléchargement est d'environ 28Kb.
Bien joué !
Afin de limiter l'empreinte carbone de votre site web, il est important de privilégier les polices dites standard, qui sont celles installées par défaut avec les systèmes d'exploitation, par opposition aux polices spéciales.
Bien joué !
La compression d'un fichier au format WOFF2 réduit son poids d'au moins 30 % et contribue ainsi à limiter l'empreinte carbone de votre site web.
Bien joué !
En terme de couleur, le noir est la couleur la plus énergivore.
Bien joué !
Grâce à la technologie OLED, le noir est la seule couleur qui ne consomme pas d'énergie. Lorsque vous concevez votre site web, utilisez des couleurs monochromes car les fichiers sont moins lourds. La couleur bleue consomme 25% d'énergie en moins que le vert et le rouge. Quant au blanc, c'est la couleur qui consomme le plus d'énergie.
Pour trouver un équilibre entre une palette de couleurs efficace et accessible, il est important de tenir compte du contraste des couleurs.
Bien joué !