Mockups · Design systems
Design Principles
Bibliothèque gratuite de principes de design tirés d’exemples réels, issus d’organisations et de designers.
Principles.design est une bibliothèque gratuite de principes de design tirés de cas réels, présentée comme « A Free Library of Real-World Design Principles ». Elle est l’œuvre de Ben Brignell. Les principes y sont décrits comme des énoncés qui aident une équipe à prendre des décisions cohérentes et à arbitrer lors de la conception d’un produit, d’un service ou d’un système.
Le site recense 236 exemples, plus de 1 600 principes et 200 créateurs, parmi lesquels Monzo, le service de santé britannique NHS, Clearleft ou encore Fisher-Price. Il propose aussi des articles, des guides, un cours gratuit de cinq courriels sur la prise de décision en design et un audit gratuit qui évalue si des principes guident réellement une décision.
Pour un·e graphiste, la bibliothèque aide à formuler des principes de travail pour une équipe ou un projet, en s’inspirant de ceux d’organisations connues. Elle s’adresse aux équipes de produit et de design system.
Dans la même rubrique
-
Adobe Spectrum
spectrum.adobe.com (site externe, nouvelle fenêtre)
Langage de design d’Adobe : composants, tokens et recommandations pour des interfaces cohérentes.
-
Ant Design
ant.design (site externe, nouvelle fenêtre)
Design system d’entreprise très répandu, avec composants, principes de conception et kits de maquettes.
-
Apple Human Interface Guidelines
developer.apple.com (site externe, nouvelle fenêtre)
Lignes directrices officielles d’Apple pour concevoir des interfaces cohérentes sur toutes ses plateformes.
-
Asphalt
asphalt.gojek.io (site externe, nouvelle fenêtre)
Langage de design de Gojek : principes et composants pour créer des expériences cohérentes.
-
Atlassian Design
atlassian.design (site externe, nouvelle fenêtre)
Design system d’Atlassian, avec principes, composants, jetons de design et ressources de contenu.
-
Base Web
baseweb.design (site externe, nouvelle fenêtre)
Système de design d’Uber : composants React, thèmes personnalisables et consignes d’usage.