- Cet formation est passé
Objectifs : Créer ou adapter une charte graphique pour le web
Formation disponible
présentiel, classe à distance, individuel
Formation disponible présentiel, classe à distance, individuel.
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Du 03 août au 05 août 2026
Du 11 décembre au 15 décembre 2026
Du 16 avril au 20 avril 2027
Du 30 juillet au 03 août 2027
Du 16 décembre au 20 décembre 2027
Du 03 août au 05 août 2026
Du 11 décembre au 15 décembre 2026
Du 16 avril au 20 avril 2027
Du 30 juillet au 03 août 2027
Du 16 décembre au 20 décembre 2027
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Du 03 août au 05 août 2026
Du 11 décembre au 15 décembre 2026
Du 16 avril au 20 avril 2027
Du 30 juillet au 03 août 2027
Du 16 décembre au 20 décembre 2027
Du 03 août au 05 août 2026
Du 11 décembre au 15 décembre 2026
Du 16 avril au 20 avril 2027
Du 30 juillet au 03 août 2027
Du 16 décembre au 20 décembre 2027
La charte graphique
• Ce qu’elle contient
• Présentation
• Exemples de chartes graphiques web
L’identité graphique
• Poser les contraintes d’utilisation de l’identité graphique
• Protection
• Contraste
• Position
Le contenu
• Inventaire des différents types de contenus (images, vidéos, sons, animations, articles, etc.)
• Style d’images, d’illustrations et leur traitement graphique
• Iconographie
• Création d’un Moodboard représentant le ton et le message de la marque, l’entreprise, le produit
• Création d’un zoning à main levée
La grille
• Quelle grille pour quel format de page
• Distribuer les éléments et blocs de contenus sur la grille
• Wireframe explicatif
• Transformer la grille en fonction de la taille de l’écran et de son orientation
• Signifier les marges et marges internes
Les éléments interactifs
• Faire l’inventaire des éléments récurrents sur le site
• Navigation
• Boutons et liens
• Appel à action
• Formulaires, etc.
Typographie
• Classifications typographiques
• Quizz classification typographique
• Associer des fontes
• Exercices d’associations de fontes
• Créer un rythme, une hiérarchie typographique
* niveaux de titres
* taille, graisse, hauteur de ligne et couleur
* mise en forme d’une page d’article
* adapter la taille du texte au format d’écran
• Licences pour le web et les applications
*services de fontes par abonnement
*fontes gratuites
*les fonderies indépendantes
• Tester l’accessibilité de son texte
• Prévoir des alternatives à la fonte choisie (font stack)
Couleur
• Choisir une couleur pour le web
* conventions et standards
* couleurs web garanties
* convertir une valeur CMJN ou Pantone en RGB
• Psychologie de la couleur, classification des couleurs
• Créer une palette de couleurs avec Adobe Color
• Attribuer les couleurs d’accent, de survol, de bordure, de fond, etc
* contraste fond/forme
* bordures
* motifs
* tester l’accessibilité de ses couleurs
Transmettre le mouvement
• Créer des schémas explicatifs transmettant le mouvement
* transitions
* animations
* micro-interactions
Production de la charte graphique
• Création d’un document exploitable par les Designers
• Récapituler les règles décidées aux étapes précédentes
• Valeurs et ton de l’entreprise et du produit
• Création d’un document de référence exploitable pour le design de pages web
Le style guide
• Création d’un document exploitable par l’intégrateur
• Synthèse des couleurs et des styles typographiques
• Représenter les marges et les grilles
• Déclinaisons bureau, mobile, tablette, etc
• Collection de composants
Du 03 août au 05 août 2026
Du 11 décembre au 15 décembre 2026
Du 16 avril au 20 avril 2027
Du 30 juillet au 03 août 2027
Du 16 décembre au 20 décembre 2027
