contact@mandyben.com04 42 31 43 55
146 Rue Paradis, 13006 Marseille
Formation Charte graphique pour le Web
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
tribe_events

Formation Charte graphique pour le Web

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
tribe_events

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

Demande de devis
Télécharger le programme
Programme
Demander un devis (dates…)
Demander devis (dates…)

Types de formation

Formation disponible
présentiel, classe à distance, individuel

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)

Un événement le 16 décembre 2024 à 9h00

Un événement le 15 avril 2025 à 9h00

Un événement le 4 août 2025 à 9h00

Un événement le 12 décembre 2025 à 9h00

Un événement le 2 août 2024 à 9h00

Formation comptabilité

Détails

Début :
6 juillet 2023 - 9h00
Fin :
10 juillet 2023 - 17h00
Catégorie d’Formation:
IMPORTANT138
laaaArray
eventid5959

6 juillet 2023 - 10 juillet 2023

|Formation récurrent (Voir toutes les dates)

Un événement le 16 décembre 2024 à 9h00

Un événement le 15 avril 2025 à 9h00

Un événement le 4 août 2025 à 9h00

Un événement le 12 décembre 2025 à 9h00

Un événement le 2 août 2024 à 9h00

ici : 53598

15 avril 2025 - 19 avril 2025

|Formation récurrent (Voir toutes les dates)

Un événement le 16 décembre 2024 à 9h00

Un événement le 15 avril 2025 à 9h00

Un événement le 4 août 2025 à 9h00

Un événement le 12 décembre 2025 à 9h00

Un événement le 2 août 2024 à 9h00

ici : 53599

4 août 2025 - 8 août 2025

|Formation récurrent (Voir toutes les dates)

Un événement le 16 décembre 2024 à 9h00

Un événement le 15 avril 2025 à 9h00

Un événement le 4 août 2025 à 9h00

Un événement le 12 décembre 2025 à 9h00

Un événement le 2 août 2024 à 9h00

« Tous les Formations

Formation Charte graphique pour le Web

6 juillet 2023 - 10 juillet 2023

|Formation récurrent (Voir toutes les dates)

Un événement le 16 décembre 2024 à 9h00

Un événement le 15 avril 2025 à 9h00

Un événement le 4 août 2025 à 9h00

Un événement le 12 décembre 2025 à 9h00

Un événement le 2 août 2024 à 9h00

Formation comptabilité

Détails

Début :
6 juillet 2023 - 9h00
Fin :
10 juillet 2023 - 17h00
Catégorie d’Formation:
Chargement Formations

« 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)

Un événement le 16 décembre 2024 à 9h00

Un événement le 15 avril 2025 à 9h00

Un événement le 4 août 2025 à 9h00

Un événement le 12 décembre 2025 à 9h00

Un événement le 2 août 2024 à 9h00

Formation comptabilité

Détails

Début :
6 juillet 2023 - 9h00
Fin :
10 juillet 2023 - 17h00
Catégorie d’Formation:
get_the_ID 5959
date 2023-07-06categoty name events Array

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

contactez-nous











    Merci de nous transmettre votre numéro d’identifiant pôle emploi (7 chiffres et une lettre)


     


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

    Note moyenne 5 / 5. Nombre de vote 1

    Aucun vote pour l'instant ! Soyez le premier à noter ce post.

    Formation

    certifiée par

    Dates

    Des formations à venir  en présentiel

    Dates

    Des formations à venir  à distance

    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

     

    2 adresses :
    146 rue Paradis, 13006 Marseille
    6 rue Berthelot, 13014 Marseille

    Code APE : 8559A
    N° déclaration : 93 1312405 13
    Ce numéro ne vaut pas agrément de l'état
    Siret : 491 820 270 00057
    Nous contacter
    Dates des formations
    Demande de devis
    Nous contacter
    heartenvelopegraduation-hatlicensephone-handsetmap-markercalendar-fullrocketbriefcaseselect
    linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram