Mockups · Design systems
Pr1mer Guidelines
Recommandations de conception pour le web : navigation, couleur, typographie, mise en page et anatomie d’une page.
Pr1mer Guidelines est un recueil de recommandations de conception pour le web, publié par Pr1mer avec un dépôt sur GitHub. Il s’adresse aux designers et aux développeurs qui cherchent des repères pour concevoir des sites de qualité.
Le site est organisé en grandes parties : les fondamentaux de l’interface (architecture, chargement, navigation, accueil des nouveaux utilisateurs), l’interaction (saisie de données, aide, authentification), le design visuel (mise en page adaptative, animation, couleur, mode sombre, typographie, icônes et images) et l’anatomie d’une page. Il est consultable librement et gratuitement.
Un graphiste s’y reportera pour trouver des principes de hiérarchie, de lisibilité et de cohérence applicables à un site, ou pour nourrir un travail de design system. Il ne s’agit pas d’une bibliothèque de composants prêts à l’emploi mais d’un ensemble de consignes, et le contenu est en anglais.
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.