Skip to main content
UI/UX Design

10 systèmes de design que vous devez connaître

Par 11 octobre 2019mars 16th, 2021No Comments

Je vous propose aujourd’hui de vous présenter 10 systèmes de design élaborés par de grandes entreprises afin de trouver l’inspiration dans vos projets créatifs.

Avant de présenter les différents systèmes de design élaborés par les grandes sociétés, intéressons nous à ce qu’est un système de design ou Design System en anglais.

Un système de design permet à tous les acteurs d’un projet de maintenir une cohérence graphique dans l’élaboration des ressources. C’est un ensemble de directives qui explique comment utiliser ces ressources pour une marque. Audrey Hacq, Lead Designer propose cette définition :  Un Système de Design, c’est un point de contact unique qui regroupe tous les éléments qui vont permettre aux différents acteurs d’un projet de le concevoir, de le réaliser et de le faire évoluer.

Les systèmes de design se composent le plus souvent de directives générales, d’utilisation des couleurs, du ton et de la voix de la marque, de typographie, de modèles et de tout autres éléments qui seront déclinés et utilisés sur différents supports, aussi bien digitaux que print.

1. Material

Le Material Design est un système de design moderne élaboré par Google. Google a présenté le Material Design pour la première fois lors de la conférence Google I/O, le 25 juin 2014. En misant sur les motifs « carte », déjà utilisés dans Google Now, ces règles de design mettent l’accent sur une utilisation accrue des mises en page basées sur une grille, des animations et des transitions, des effets de profondeur tels l’éclairage et les ombres. Selon Google ce nouveau langage de design est basé sur le papier et l’encre.

Visitez le site

2. Fluent

Le système de design Fluent a été développé par Microsoft et vise à créer de la simplicité et de la cohérence grâce à des systèmes de design développés pour toutes les plateformes. Le système est basé sur cinq composants clés : la lumière, la profondeur, le mouvement, les matériaux et l’échelle. Il présente également des instructions pour le développement d’applications pour les appareils Windows, Android et iOS.

Visitez le site

3. Shopify Polaris

Shopify Polaris a été mis au point pour que tous les marchands Shopify puissent profiter d’une expérience homogène et cohérente. Ce système de design contient des instructions pour la création de chaque partie de l’expérience Shopify, depuis les écrans d’administration jusqu’à l’expérience du produit et à diverses applications pour Shopify.

Visitez le site

4. MailChimp

MailChimp est souvent cité comme l’un des meilleurs exemples en matière de système de design. Assez complet, celui-ci se concentre sur une bibliothèque de ressources très fournie. Vous pouvez trouver des instructions détaillées concernant les couleurs, les boutons, les messages d’alerte et tous les autres aspects de leur plateforme marketing. De plus, les consignes contiennent de nombreux exemples et explications décrivant les concepts les plus importants.

Visitez le site

5. Atlassian

Atlassian est une société australienne de logiciels plus connue pour son application de suivi de projets, Jira. Leur système de design décrit non seulement comment utiliser leur logo, les couleurs de la marque, les polices de caractères et autres éléments de design, mais il laisse également transparaître la personnalité de leur marque comme par exemple avec des noms de couleurs tels que Dragon’s Blood et Herky Jerky.

Visitez le site

6. Apple

Le système de design d’Apple est conçu pour faciliter la conception d’applications et l’utilisation de des solutions de la marque. Vous trouverez également des instructions pour la conception UX.

Visitez le site

7. IBM Design Language

Le principe clé du système de design d’IBM est la création de liens. Leur design system propose une documentation de leurs consignes sur l’utilisation des ressources de la marque. Ils partagent également leur philosophie ainsi qu’une galerie complète d’exemples de leur système de design en action. Le système de design lui-même couvre les couleurs, la typographie, les logos, les icônes, les pictogrammes, la photographie et le mouvement.

Visitez le site

8. AirBnB

AirBnB présente un aperçu complet de son système de design au travers d’une série d’articles décrivant en détail les décisions qui sous-tendent chaque choix de design, ainsi que des exemples d’application pratiques et des enseignements tirés de cette décision. La principale caractéristique de leur langage de design est que chaque composant peut vivre seul en tant qu’entité séparée et même évoluer davantage tout en faisant partie d’une unité cohérente plus grande, comparant son système de design à un organisme vivant et respirant.

Visitez le site

9. Uber

Uber décrit sa marque comme une nouvelle marque audacieuse et son système de design décrit parfaitement ces principes. Le système de design couvre l’intégralité des visuels de la marque, de l’utilisation du logo à la couleur, à la composition et même à la photographie et au mouvement. Le système de design d’Uber s’articule autour d’une simplicité élégante et d’une re-création subtile du célèbre U à travers ses différentes créations.

Visitez le site

10. Le système de Salesforce

Enfin, le système de design Lightning a été développé par Salesforce afin de maintenir l’unité et la facilité d’accès pour les concepteurs de la plate-forme. Au lieu de se concentrer sur les pixels, le système de design se concentre sur la logique d’application, l’expérience utilisateur, les interactions et les flux.

Visitez le site

Pour aller plus loin, vous pouvez consulter le très bon article rédigé par Audrey Hacq sur les différents systèmes de design et leur principe, sur sa page Medium.

Une question à propos de l’article ? Un projet ? Contactez-moi