Les principes CRAP (Contrast, Repetition, Alignment, Proximity) sont les quatre piliers du design visuel appliqués aux interfaces. Hiérarchie, cohérence et clarté pour une lecture efficace.
Le contraste crée la hiérarchie (titres vs corps, actions principales vs secondaires). La répétition (couleurs, espacements, composants) renforce la cohérence du design system. L'alignement structure la page et guide l'œil. La proximité groupe les éléments liés (labels et champs, boutons d'action). Pour les designers et les développeurs qui construisent des interfaces, CRAP offre un cadre simple pour critiquer et améliorer les maquettes. Applicable en Figma comme en code (Tailwind, design tokens).
Conseil : utiliser CRAP en revue de design (contraste suffisant ? alignement cohérent ?).
Points forts / Points faibles
Points forts
- Règles simples et mémorisables
- Applicables partout (print, web, UI)
- Base pour les design systems
- Critique constructive et alignement équipe
Points faibles
- Ne remplacent pas l'UX (parcours, accessibilité)
- Interprétation selon le contexte (brand, public)
- À combiner avec d'autres frameworks (WCAG, Nielsen)