design system
Design system
« Un bouton éditer aurait été ajouté aux navigateurs Web, sur lequel nous aurions pu cliquer pour modifier ou annoter n’importe quelle page Web ; les modifications que nous aurions effectuées auraient alors été intégrées au serveur si nous y avions eu accès, ou ajoutées à notre serveur personnel d’annotations dans le cas contraire. »
– Aaron Swartz, « Celui qui pourrait changer le monde », 2004
espace, blocs et interface
Le site est structuré en 3 niveaux. D’abord, il y a l’espace. Il s’agit d’une grille dont le périmètre est délimitée par la position des blocs périphériques. Ensuite, il y a les blocs. Ils peuvent être de différentes natures. À ce jour, il est possible d’ajouter du texte et des images. Certains blocs permettent d’accéder aux espaces. Nous les appelons les blocs représentants, car il représente un espace. Enfin, il y a l’interface qui permet de chercher des espaces, de les régler et d’éditer du contenu. Elle est fixe et délimitée par la fenêtre du navigateur.
fichiers
Le design system du studio Praticable regroupe l’ensemble des composants utilisés pour notre site. Il s’agit d’une librairie Figma (un logiciel de design d’interface), qui présente les différents blocs, boutons, curseurs et divers éléments du site. Ce fichier est utilisé pour la création des maquettes de notre site, mais aussi pour divers documents. Il est basé sur une autre librairie, intitulé design graphique dans lequel se trouve l’ensemble des éléments graphiques.
