Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Conception

Commencez à concevoir des maquettes fonctionnelles et des prototypes à l’aide de la trousse d’interface utilisateur du système de conception du GNB.

Trousse d’interface utilisateur du système de conception du GNB

La trousse d’interface utilisateur du système de conception du GNB est un outil essentiel pour les concepteurs d’interfaces et d’expériences utilisateurs. Elle fournit tous les styles et composants réutilisables nécessaires pour concevoir des prototypes haute fidélité de sites Web et d’applications. Elle est compatible avec Adobe XD et les bibliothèques connexes hébergées sur Adobe Creative Cloud.

Demander l'accès

Capture d'écran du kit UI XD

Connexion à la bibliothèque Adobe Creative Cloud

Il est important de lier la trousse d’interface utilisateur à la bibliothèque Adobe Creative Cloud du système de conception du GNB. Les mises à jour seront ainsi automatiquement synchronisées, vous permettant de travailler avec les composants les plus récents.

Demander l'accès

Capture d'écran de la bibliothèque creative cloud

Installation et configuration

La trousse d’interface utilisateur du système de conception du GNB fournit une variété de composants prédéfinis, incluant des boutons, des cartes, des formulaires, des menus de navigation et plus encore. Suivez le guide étape par étape pour tirer le meilleur parti de votre trousse lors de la conception d’un site Web ou d’une application.

  • Obtenir Adobe XD

    Assurez-vous qu’Adobe XD est installé sur votre appareil et est connecté à Adobe Creative Cloud.

  • Télécharger les polices

    Téléchargez les familles de polices DM Serif Text et Public Sans. Une fois téléchargées, elles seront disponibles pour utilisation dans Adobe XD.

  • Obtenir le fichier Adobe XD

    Demandez l’accès à la trousse d’interface utilisateur à l’équipe du système de conception du GNB et téléchargez le fichier .xd à partir du lien fourni.

  • Demander l'accès à la bibliothèque

    Demandez l’accès à la bibliothèque Adobe Creative Cloud Système de conception du GNB. Vous pourrez ainsi connecter la trousse et les fichiers de conception à la bibliothèque et bénéficier des mises à jour automatiques.

  • Lier la trousse à la bibliothèque

    Une fois votre demande d’accès approuvée, ouvrez Adobe XD, accédez au panneau Bibliothèques et ajoutez le Système de conception du GNB. Les composants du système de conception du GNB seront directement accessibles depuis l’interface d’Adobe XD. La trousse d’interface utilisateur du système de conception se mettra également automatiquement à jour.

  • Commencer à concevoir

    Glissez et déposez les composants du système de conception du GNB dans votre zone de travail.

Styles

Les styles forment le langage de conception visuel du système de conception.

Explorer nos styles