- Cet formation est passé
Formation Charte graphique pour le Web
6 juillet 2023 - 10 juillet 2023
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Objectifs : Créer ou adapter une charte graphique pour le web
Formation disponible
présentiel, classe à distance, individuel
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
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
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
03 avril - 05 avril 2024
11 juillet - 15 juillet 2024
24 octobre - 28 octobre 2024
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
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
Un événement le 3 avril 2024 à 9h00
Un événement le 11 juillet 2024 à 9h00
Un événement le 24 octobre 2024 à 9h00
03 avril - 05 avril 2024
11 juillet - 15 juillet 2024
24 octobre - 28 octobre 2024
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
03 avril - 05 avril 2024
11 juillet - 15 juillet 2024
24 octobre - 28 octobre 2024