Accueil
A propos
Services
Portfolio
Manifeste
Contact
Thesaurus
Talents
Hub
Design
Apres Bootstrap Les Design Systems Fleurissent

Après Bootstrap, les design systems fleurissent

Twitter était en avance avec Bootstrap, mais les grands comptes internationaux rattrapent leur retard à grand renfort de dollars et d’Open Source.

Publié le 10/11/2017
Olivier Lacombe
Temps de lecture : 3 minutes

tl;dr

Les Design System sont important pour les développeurs et designers dans la création d'interfaces graphiques. Un Design System est un kit de design digital qui rassemble des règles autour de la couleur, de la typographie, de la structuration de page, des composants et des règles de langage. Les grandes entreprises investissent des sommes considérables pour fournir des outils de Design System remarquables et vecteurs de communication.

I. Pourquoi parlons-nous de Design Systems ?

Lorsque vous êtes développeur, vous pensez framework, à savoir cadre de développement, découpage des strates de votre application (Model, View, Controller), API/Webservices, templates…

Désormais, il est possible d'appliquer cette réflexion au design et à l’ergonomie des interfaces avec le Design System ; à la différence près que l’on parle d’image, de brand donc… Directement en lien avec l’Atomic design et la charte graphique digitale. Le Design System permet à une entreprise de structurer l’environnement graphique de ses développements d’applications et sites Internet.

Un Design System est un kit de design digital, rassemblant des règles autour de la couleur, de la typographie, de structuration de page, des composants ou encore des règles de langage. C’est la version digitale de votre charte graphique, accompagnée de documentation technique puisqu’il y est souvent question de HTML, de CSS et de javascript.

Les grands groupes, notamment américains ont investi des sommes colossales pour fournir aux professionnels des outils à la fois remarquables mais également vecteurs de communication. Car, quand les entreprises choisissent l’un de ses outils, elles gagnent du temps, ce qui engendre des économies, elles participent également au rayonnement de l’image de ces grandes entreprises.

II. Quelques Design Systems

Il faut tout de même le dire, il s’agit aussi d’une formidable opportunité que d’éviter d’avoir à refaire ce qui existe déjà et que de nombreux designers, à la solde de ces grands groupes ont mis en Open Source. Voici donc les Design Systems méritent d’être vus… car même les sites Internet qui les présentent sont de véritables oeuvres d’art.

Material Design by Google

Material Design by Google
Material Design by Google

Material Design est le second à être arrivé sur le marché, notamment avec le succès d’AngularJS et d’Angular Material. Ce Design System est surement celui qui aura demandé le plus d’énergie car à l’époque, aucun référentiel n’était aussi abouti.

Apache License 2.0

A découvrir

Lightning Design System by Salesforce

Lightning Design System by Salesforce
Lightning Design System by Salesforce

Un ensemble d’une grande qualité mais qui ne constitue qu’une belle source d’inspiration de part la nature de sa licence. Toutefois, la richesse des composants et la documentation méritent d’être appréciées.

Licence BSD 3-Clause

A découvrir

Carbon Design System by IBM

Carbon Design System by IBM
Carbon Design System by IBM

L’un des plus complet du moment, intégrant les problématiques d’accessibilité, les icônes et de nombreux composants pour les applications web.

Apache License 2.0

A découvrir

Atlassian

Atlassian UI kit
Atlassian UI kit

Attention, la licence n’est valable que si vous développez des produits/services en lien avec les produits et services d’Atlassian. De plus, vous ne pouvez pas le modifier.

A découvrir

Bootstrap

Bootstrap
Bootstrap

Bootstrap est à la base un framework mais l’évolution du marché le transforme progressivement. La version 4 reste un point de départ incontournable, surtout lorsqu’il s’agit de créer le Design System d’une Start-up ou d’une ETI et que le budget n’est pas infini.

MIT License

A découvrir

A propos de l'auteur

Olivier Lacombe
Président et fondateur de Nimiscient

Olivier est un passionné d’innovation, avec plus de 20 ans d’expérience, il est devenu un véritable ninja de l’optimisation des performances business des entreprises.

Sa créativité débordante lui permet d’aborder chaque projet avec une vision unique et authentique. C’est un magicien avéré de l’efficacité, capable de transformer chaque défi en une opportunité pour les entreprises qui font appel à lui.

A propos de Nimiscient

Nimiscient accompagne les entreprises dans leurs recherches de performance au travers des applications connectées et intelligentes.

Ainsi, nous aoportons les meilleurs leviers de productivité au cœur des entreprises grâce aux nouvelles technologies, à l’innovation et la créativité.

Partager cette page
Thesaurus
Penser Le Code Par Le Design

Penser le code par le design

Une approche du code par le design est inhabituelle et pourtant elle est devenue indispensable. Elle permet de gagner en productivité au travers d’un processus de standardisation de la production.
Publié le 14/03/2023
Temps de lecture : undefined minutes
Pourquoi Parler De Design

Pourquoi parlons-nous de design ?

Le design est un domaine qui a évolué au fil du temps pour devenir une composante essentielle de nombreuses industries et entreprises, jusqu’à devenir quasiment indispensable et omniprésent dans notre quotidien. En tant que discipline, il a pour objectif de créer des produits et des solutions qui répondent aux besoins des utilisateurs tout en étant fonctionnels, esthétiques et durables. Dans cet article, nous allons explorer l'histoire du design ainsi que ce qu’il signifie réellement.
Publié le 22/03/2023
Temps de lecture : undefined minutes
Atomic Design La Conception D Interface Modulaire

Atomic Design : la conception d'interface modulaire

Découvrez comme l'atomic design peut changer votre manière de concevoir vos produits tout en améliorant la productivité de vos équipes techniques.
Publié le 17/03/2023
Temps de lecture : undefined minutes