Retour aux travaux 
Systèmes
ULK - Icon Library & Visual Language
ActifUn système d'icônes sur-mesure pour ULK, garantissant cohérence visuelle, performance et accessibilité sur chaque plateforme utilisant le design system.
- Domaine
- Icon system Visual language Design system
- Outils
- Affinity Designer Nucleo Git SVG
- Chronologie
- Développé depuis 2022, mis à jour régulièrement via le dépôt Git ULK. Amélioration de la documentation prévue en 2026.
- Projets liés
- ULK Design System ULK - Accessible Color Themes & Palette
Un système d'icônes sur-mesure pour ULK, garantissant cohérence visuelle, performance et accessibilité sur chaque plateforme utilisant le design system.
Contexte
Conçu pour s'aligner sur l'identité imprimée et les directives iconographiques de la direction de la communication, tout en restant lisible aux petites tailles d'interface : un équilibre entre clarté graphique et cohérence institutionnelle.
Structure & logique
- Chaque icône dessinée à la main sur une grille stricte 16 × 16 px, avec une grammaire visuelle définie pour le poids de trait et l'espacement minimum
- Icônes organisées en familles thématiques (navigation, social, transport, symboles...)
- Exportées en SVG et webfonte pour une intégration flexible
Flux de travail & outils
- Dessinées dans Affinity Designer sur des planches partagées
- Exportées en SVG propres, puis importées dans Nucleo pour le nommage, le préfixage (ulkicon-*), la catégorisation et le bundling
- Déployées comme sprite SVG dynamique et webfonte via le pipeline d'assets ULK
Fonctionnalités accessibilité
- Monocolore, stylées via CSS (couleur, taille, opacité) sans assets supplémentaires
- Lisibilité cohérente préservée à toutes les échelles
- Intégration propre avec les lecteurs d'écran avec un balisage approprié
Collaboration & statut
Maintenu activement, mis à jour régulièrement via le dépôt Git ULK. Prochains objectifs : meilleure documentation des icônes, recherche visuelle par catégorie. Déploiement de la documentation améliorée prévu en 2026.
