design graphique

design graphique

« La parole est un médium froid de faible définition parce que l’auditeur reçoit peu et doit beaucoup compléter. Les médias chauds, au contraire, ne laissent à leur public que peu de blancs à remplir ou à compléter. Les médias chauds, par conséquent, découragent la participation ou l’achèvement alors que les médias froids, au contraire, les favorisent. »

Marshall McLuhan, « Pour comprendre les médias », 1964

sobre et praticable

Sur la forme, le site ne présente aucun éléments cosmétiques. Il est simple, sans fioritures, sans décoration. Son aspect sobre laisse place à de possibles pratiques formelles. Les couleurs sont le noir, le blanc et le bleu. Cette dernière signifie les interactions du site. Elle est utilisée pour les hyperliens, au survol des boutons et des notes. Les ratios de contraste, les tailles de boutons et de polices respectent les normes d’accessibilité du RGAA.

Les typographiques utilisées sont la Fira-sans pour le texte, et la Fira-code pour les titres, les liens, l’interface et le code. Elles ont été conçues pour Firefox OS et la fondation Mozilla. La Fira-code comprend une large palette de ligatures, de glyphes et unicodes, pour éviter la création et chargement d’éventuels pictogrammes. En résumé, le site est sobre aussi bien techniquement que formellement.

fichiers

Ce fichier, intitulé design graphique regroupe l’ensemble des éléments et styles graphiques. Il s’agit d’une librairie Figma (un logiciel de design d’interface), utilisé dans le design system et divers documents.