Par où commencer en UI ?

Refactoring UI pour les décisions visuelles concrètes, Practical Typography pour le texte, puis les guides d'accessibilité de web.dev pour le socle technique.

Ces ressources sont-elles gratuites ?

La majorité l'est. Les fiches payantes affichent l'étiquette « payant » et le prix indicatif.

Guides, cours et références de design d’interface

Recent

Sélection resserrée de sites remarquables, classée par catégorie et par technologie — l'ancien Godly, renommé en 2026 : moins de volume que les galeries de prix, plus de tri.

CSS for JS Developers

Cours de Josh Comeau sur le modèle mental du CSS — flux, empilement, cascade — avec des démonstrations manipulables à chaque leçon.

Growth.Design

Études de cas en bande dessinée qui décortiquent un parcours produit réel écran par écran, biais cognitif à l'appui.

Inclusive Components

Chaque composant courant — menu, onglets, modale, carrousel — reconstruit pas à pas avec le bon HTML avant tout recours à ARIA.

Smashing Magazine

Articles longs et techniques sur le CSS, l'accessibilité et le design d'interface, relus et généralement accompagnés de démonstrations.

Every Layout

Douze primitives de mise en page CSS qui s'adaptent sans point de rupture : la méthode d'Andy Bell et Heydon Pickering pour arrêter d'écrire des media queries.

123

Typewolf

Un site par jour avec la liste exacte des fontes employées, plus des guides d'association et les alternatives libres aux caractères payants.

The A11Y Project

Liste de contrôle d'accessibilité classée par niveau WCAG, doublée d'articles courts : le point de départ d'un audit maison.

Nielsen Norman Group

Trente ans d'études d'utilisabilité en accès libre : les articles s'appuient sur des tests menés, pas sur des opinions de tendance.

Mobbin

Bibliothèque de captures d'applications réelles, indexée par parcours — création de compte, paiement, vide — et par élément d'interface.

Material Design 3

Le système de Google documenté de bout en bout : jetons de design, couleur dynamique tirée du fond d'écran, et spécifications de mouvement chiffrées.

Human Interface Guidelines

La référence d'Apple, plateforme par plateforme : dimensions de cible tactile, hiérarchie de navigation et règles de typographie dynamique.

web.dev Learn

Cours structurés de l'équipe Chrome sur CSS, l'accessibilité, les images et la performance, avec démonstrations exécutables à chaque module.

123

Practical Typography

Le manuel de Matthew Butterick, lisible intégralement en ligne : longueur de ligne, interlignage, ponctuation, et pourquoi les majuscules espacées existent.

Laws of UX

Vingt et une lois de psychologie appliquées à l'interface — Fitts, Hick, Jakob, Miller — chacune avec son origine et ses limites d'application.

Refactoring UI

Le livre d'Adam Wathan et Steve Schoger : des règles concrètes — hiérarchie par le poids, ombres réalistes, espacement — appliquées à des avant-après.