Close

Catégories

Modèle de système de design

par InVision

Faites évoluer votre équipe de design en développant un système de design unifié grâce à l'aide de pros

Utiliser le modèle
Modèle de système de design

Au fur et à mesure que votre organisation se développe, vous devrez probablement faire évoluer votre marque ainsi que votre design. Développer un système de design vous aidera à accélérer le processus de design, à éliminer les incohérences et à réduire la dette de design dans l'ensemble de votre organisation. Le modèle de système de design d'InVision vous fournit les outils dont vous avez besoin pour définir vos principes de design, documenter vos composants, et clarifier vos règles et bonnes pratiques en matière de design, de rédaction, et plus encore. Il constitue le point de départ idéal pour tout système de design.

Comment utiliser le modèle Système de design ?

Étape 1 : Définissez vos principes de design

Your design principles are the foundation of your design system: they are the values that guide you as you create new products, features, and functionality, and they interact to create your unique look and feel. Choose principles that are concrete, that reflect your organization’s unique point of view, and that designers can apply – using their expert discretion to resolve any tensions or conflicts.

Étape 2 : Décrivez votre langage visuel

Lorsque vous avez déterminé vos principes de design, il est temps de passer aux éléments de votre langage visuel. Il s'agit d'éléments comme votre palette de couleurs, la typographie, les règles de taille et d'espacement, et vos bibliothèques d'icônes et d'illustrations. Pour chaque élément de design, dressez la liste des règles que les designers doivent appliquer et incluez quelques « choses à faire et à ne pas faire » pour illustrer l'utilisation des éléments dans la pratique.

Étape 3 : Écrivez vos règles de rédaction

Lorsque vous en avez terminé avec les visuels, le moment est venu de passer à la phraséologie. Chaque organisation a un style de rédaction propre et une voix différente. Même les conventions concernant les majuscules, la ponctuation et les chiffres peuvent varier d'une équipe de design à l'autre. Fixez vos règles de rédaction sur la page, ajoutez les termes de la marque à votre lexique et créez un aide-mémoire en haut de la page pour répondre aux questions courantes ou rappeler à l'équipe de design les principales conventions de rédaction.

Étape 3 : Écrivez vos règles de rédaction

Étape 4 : Développez des bonnes pratiques

Vous savez ce qui fonctionne et ce qui ne fonctionne pas pour votre équipe de design. Dans la section suivante, notez vos bonnes pratiques en matière d'accessibilité, de prise en charge des navigateurs et de design mobile. Ainsi, les designers disposent d'un jolie petit aide-mémoire pour les aider à créer des designs éprouvés, à la fois esthétiques et inclusifs.

Étape 5 : Documentez vos composants

Il est à présent temps de vous lancer dans les détails fastidieux. Collez un snippet de code pour chaque composant de votre système de design et utilisez les tableaux de cette section pour décrire comment il peut être modifié dans différents contextes de design. Cette section est essentielle pour garantir que vos designs sont mis en œuvre correctement et de manière cohérente par les développeurs de votre organisation, alors assurez-vous de lui accorder suffisamment de temps et d'attention.

Étape 5 : Documentez vos composants

La plateforme de conception de produit numérique InVision est utilisée pour offrir les meilleures expériences client au monde.

  • Customer interview report template

    Atlassian

    Rapport d'entretien client

    Transformez les entretiens client en données exploitables grâce au rapport d'entretien client.

  • Design component template

    Tony Starr

    Responsable de la conception de contenu
    Atlassian

    Composant de design

    Documentez les composants de votre système de design à l'aide de ce modèle pratique.

  • Design sprint template

    Figma

    Design sprint

    Créez un framework pour répondre aux questions métier critiques grâce au design et aux tests.