Contenus : 
• Couleur : palette, rôles fonctionnels, sémantique, contraste 
• Couleur comme information : pourquoi elle ne doit jamais porter seule un sens 
• Typographie : choix des familles, échelle typographique, hauteur de ligne, longueur de ligne 
• Hiérarchie visuelle : taille, graisse, espacement, position 
• Grille, alignement et système d'espacement régulier 
• Densité informationnelle et espace négatif 
• Composants usuels : boutons, champs, cartes, listes, tableaux, navigation 
• Iconographie : reconnaissance, ambiguïté, nécessité du libellé 
• Conception adaptative : approche par la petite taille d'abord 
• Points de rupture et réorganisation du contenu plutôt que simple réduction 
• Navigation sur écran étroit : menus, priorisation, accessibilité au pouce 
• Contraintes locales : écrans modestes, connexions lentes, poids des images 
Objectifs pédagogiques : 
• Composer une palette cohérente et vérifier ses contrastes 
• Établir et appliquer une hiérarchie typographique 
• Organiser une page par une grille et un système d'espacement 
• Concevoir les versions large et étroite d'un écran et justifier les réorganisations