Objectifs : Créer ou adapter une charte graphique pour le web

Types de formation

Formation disponible
présentiel, classe à distance, individuel

« Tous les Formations

Formation Charte graphique pour le Web

6 juillet 2023 - 10 juillet 2023

|Formation récurrent (Voir toutes les dates)

+ Ajouter à Google Agenda + Ajouter à iCalendar

Détails

Début :: 6 juillet 2023 - 9h00
Fin :: 10 juillet 2023 - 17h00
Catégorie d’Formation:: Les formation en webdesign, webmaster, administrateur CMS

Lieu

Mandyben Formation

IMPORTANT45586
laaaArray
eventid5959

6 juillet 2023 - 10 juillet 2023

|Formation récurrent (Voir toutes les dates)

ici : 53597

16 décembre 2024 - 20 décembre 2024

|Formation récurrent (Voir toutes les dates)

ici : 53598

15 avril 2025 - 19 avril 2025

|Formation récurrent (Voir toutes les dates)

« Tous les Formations

Formation Charte graphique pour le Web

6 juillet 2023 - 10 juillet 2023

|Formation récurrent (Voir toutes les dates)

+ Ajouter à Google Agenda + Ajouter à iCalendar

Détails

Début :: 6 juillet 2023 - 9h00
Fin :: 10 juillet 2023 - 17h00
Catégorie d’Formation:: Les formation en webdesign, webmaster, administrateur CMS

Lieu

Mandyben Formation

« Tous les Formations

Cet formation est passé

Formation Charte graphique pour le Web

6 juillet 2023 - 10 juillet 2023

|Formation récurrent (Voir toutes les dates)

+ Ajouter à Google Agenda + Ajouter à iCalendar

Détails

Début :: 6 juillet 2023 - 9h00
Fin :: 10 juillet 2023 - 17h00
Catégorie d’Formation:: Les formation en webdesign, webmaster, administrateur CMS

Lieu

Mandyben Formation

get_the_ID 5959
date 2023-07-06categoty name events Array

Demande de devis

Télécharger le programme

Programme

Demander un devis (dates…)

Demander devis (dates…)

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

Sessions en présentiel

(dans nos locaux)

Sessions à distance

(visio conférence)

Cours à la carte

(individuel ou petit groupe)

Sessions en présentiel

Demande de devis

Durée de la session :

Session de 21heures (3 jours)

Dates des sessions :

16 décembre 2024 - 20 décembre 2024

|Formation récurrent (Voir toutes les dates)

15 avril 2025 - 19 avril 2025

|Formation récurrent (Voir toutes les dates)

4 août 2025 - 8 août 2025

|Formation récurrent (Voir toutes les dates)

12 décembre 2025 - 16 décembre 2025

|Formation récurrent (Voir toutes les dates)

< Retour aux dates

Nom prénom *

Adresse E-mail *

Téléphone *

Code postal

Statut

Dispositif de financement

Société (si salarié ou employeur)

Intitulé de la formation

Date de la formation

Si vous êtes demandeur d'emploi,
Merci de nous transmettre votre numéro d’identifiant pôle emploi (7 chiffres et une lettre)

Comment nous avez-vous connu ?

Votre message

J'ai lu et j'accepte les Mentions Légales et la Politique de protection des données personnelles.

Veuillez laisser ce champ vide.

< Retour aux dates

Sessions à distance

Demande de devis

Dates des sessions :

02 août - 06 août 2024

16 décembre - 18 décembre 2024

15 avril - 17 avril 2025

04 août - 06 août 2025

12 décembre - 16 décembre 2025

< Retour aux dates

Nom prénom *

Adresse E-mail *

Téléphone *

Code postal

Statut

Dispositif de financement

Société (si salarié ou employeur)

Intitulé de la formation

Date de la formation

Si vous êtes demandeur d'emploi,
Merci de nous transmettre votre numéro d’identifiant pôle emploi (7 chiffres et une lettre)

Comment nous avez-vous connu ?

Votre message

J'ai lu et j'accepte les Mentions Légales et la Politique de protection des données personnelles.

Veuillez laisser ce champ vide.

< Retour aux dates

Cours à la carte

Demande de devis

Le programme et les dates des cours individuels sont flexibles et à la carte. Ces formations peuvent se dérouler à distance en visioconférence, dans notre centre de formation ou dans vos locaux.

Nom prénom *

Adresse E-mail *

Téléphone *

Code postal

Statut

Dispositif de financement

Société (si salarié ou employeur)

Intitulé de la formation

Date de la formation

Si vous êtes demandeur d'emploi,
Merci de nous transmettre votre numéro d’identifiant pôle emploi (7 chiffres et une lettre)

Comment nous avez-vous connu ?

Votre message

J'ai lu et j'accepte les Mentions Légales et la Politique de protection des données personnelles.

Veuillez laisser ce champ vide.

Lieu de la formation

146 rue Paradis, 13006 Marseille, en entreprise ou à distance

Durée de la formation

Présentielle : Session de 21heures (3 jours)

Pour qui ?

Infographistes, webdesigners, responsables de communication...

Pré-requis

Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)

Prix

30€/heure. Pour les demandeurs d'emploi ou pour une session individualisée, merci de nous consulter pour recevoir un devis

Télécharger le programme

Lieu :

146 rue Paradis, 13006 Marseille

à distance

en entreprise

Accès handicapés PMR

Durée Présentiel : Session de 21heures (3 jours)

Pour qui ? : Infographistes, webdesigners, responsables de communication...

Pré-requis : Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)

Prix : 30€/heure. Pour les demandeurs d'emploi ou pour une session individualisée, merci de nous consulter pour recevoir un devis

Lieu de la formation

146 rue Paradis, 13006 Marseille

à distance

en entreprise

Durée de la formation

Présentiel : Session de 21heures (3 jours)

Pour qui ?

Infographistes, webdesigners, responsables de communication...

Pré-requis

Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)

Prix

30€/heure. Pour les demandeurs d'emploi ou pour une session individualisée, merci de nous consulter pour recevoir un devis

Accès handicapés PMR

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

Date de mise à jour : Juin 2023
Délais d’accès : Environ 2 semaines à compter de l’accord de prise en charge

Pour plus d'informations
ou demande de devis hors cadre CPF

Demande de devis