Intelligent Design for Business
Appelez-nous au
01 45 21 05 21
Attention !

Pour une meilleure qualité d'affichage, nous vous recommandons de consulter ce site en mode portrait.

Subvitamine(tm) Akkurate Subvitamine(tm)
Partagez sur
Par Olivier Lacombe

De quoi parle-t-on ?

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

Et bien c’est désormais pareil pour le 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.

Ressource pour Design System designed by Jolene Chichigeh
Exemple de Kit pour définir votre Design System (designed by Jolene Chichigeh)

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. Bref, 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, donc font des économies, mais elles participent par la même occasion au rayonnement de l’image de ces grandes entreprises.

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 gentillement mis en Open Source :)

Voici donc les Design Systems qui selon moi 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

C’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

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

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

Atlassian

Atlassian

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.

Bootstrap by Twitter

Et l'éternel Bootstrap by Twitter

Bootstrap est à la base un framework mais l’évolution du marché le transforme progressivement. Pour nous, 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

Et bientôt, découvrez Akkurate

Akkurate est notre kit digital de développement web, un outil permettant aux entreprises de créer des applications performantes et évolutives, en un temps record.

En plus des développements côté serveur (PHP et NodeJS), des développements côté client (AngularJS et Angular), Akkurate permettra bientôt de concevoir votre propre Design System, intégrant de nombreux composants d’interfaces basés sur le fabuleux framework Bootstrap 4, mais également de produire votre propre collection d’icônes (SVG, PNG et police de caractères).

N'hésitez pas à consulter le site Internet dédié et à nous contacter si vous souhaitez créer votre Design System.
Newsletter

Restez connecté avec l'Agence pour être informé de nos prochaines publications et annonces.

SUIVEZ-NOUS SUR
48 rue Maurice Béjart, 34080 Montpellier, France
® 2003-2018 Subvitamine(tm). Tous droits réservés.

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de Cookies pour mesurer l’audience et optimiser votre expérience. Afin de savoir comment paramétrer les « cookies », merci de consulter notre page sur les Cookies.