Outils de prototypage et exemples de chartes graphique et éditoriale pour les non-professionnels du design web.
Zoning & mockup
- https://penpot.app/ outil de design UI professionnel et opensource opensource
- https://www.drawio.com/ pour créer des schémas et arborescences de sites
- https://mockflow.com pour créer des maquettes fil de fer
Charte graphique
- Créer une palette de couleurs : https://coolors.co/ les couleurs avec leur code html /exa,..
- En savoir plus sur les couleurs pour le web : https://htmlcolorcodes.com/tutorials/
- Exemple de charte graphique web (CCI 2012) /un autre exemple beaucoup plus complet : https://design.theguardian.com/ (2018)
Documents
Modules complémentaires Firefox utiles au développement et audit web (47 Ko — pdf) 12 mars 2025
intégration : outils & ressources (24 Ko — odt) 24 avril 2024
Modèle charte graphique web (672 Ko — pdf) 24 avril 2024
CCI 2012