Objectifs : Créer ou adapter une charte graphique pour le web | Acquérir la culture du design web | Prendre en compte l’expérience utilisateur et le facteur humain | Comprendre l’Influence de l’ergonomie sur le succès d’une application multimédia | Concevoir des wireframes pour applications mobiles et tablettes | Utilisation d’Adobe XD dans la conception de Web design responsive

Types de formation

Formation disponible
présentiel, classe à distance, individuel

« Tous les Formations

Formation Design UI

12 avril 2024 - 25 avril 2024

|Formation récurrent (Voir toutes les dates)

+ Ajouter à Google Agenda + Ajouter à iCalendar

Détails

Début :: 12 avril 2024 - 9h00
Fin :: 25 avril 2024 - 17h00
Catégorie d’Formation:: Les formation en webdesign, webmaster, administrateur CMS

Lieu

Mandyben Formation

IMPORTANT45586
laaaArray
eventid45345

12 avril 2024 - 25 avril 2024

|Formation récurrent (Voir toutes les dates)

ici : 45361

11 décembre 2024 - 24 décembre 2024

|Formation récurrent (Voir toutes les dates)

ici : 53566

10 avril 2025 - 23 avril 2025

|Formation récurrent (Voir toutes les dates)

« Tous les Formations

Formation Design UI

12 avril 2024 - 25 avril 2024

|Formation récurrent (Voir toutes les dates)

+ Ajouter à Google Agenda + Ajouter à iCalendar

Détails

Début :: 12 avril 2024 - 9h00
Fin :: 25 avril 2024 - 17h00
Catégorie d’Formation:: Les formation en webdesign, webmaster, administrateur CMS

Lieu

Mandyben Formation

« Tous les Formations

Cet formation est passé

Formation Design UI

12 avril 2024 - 25 avril 2024

|Formation récurrent (Voir toutes les dates)

+ Ajouter à Google Agenda + Ajouter à iCalendar

Détails

Début :: 12 avril 2024 - 9h00
Fin :: 25 avril 2024 - 17h00
Catégorie d’Formation:: Les formation en webdesign, webmaster, administrateur CMS

Lieu

Mandyben Formation

get_the_ID 45345
date 2024-04-12categoty 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 :

70 heures (10 jours)

Dates des sessions :

11 décembre 2024 - 24 décembre 2024

|Formation récurrent (Voir toutes les dates)

10 avril 2025 - 23 avril 2025

|Formation récurrent (Voir toutes les dates)

30 juillet 2025 - 12 août 2025

|Formation récurrent (Voir toutes les dates)

9 décembre 2025 - 22 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

Durée de la session :

70 heures (10 jours)

Dates des sessions :

30 juillet 2024 - 12 août 2024

11 décembre 2024 - 20 décembre 2024

10 avril - 24 avril 2025

31 juillet - 12 août 2025

09 décembre - 22 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 : 70 heures (10 jours)

Distancielle : 70 heures (10 jours)

Pour qui ?

Maquettistes, infographistes, webmasters, responsables communication, chefs de projet...

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

Formation en Design UI

Lieu :

146 rue Paradis, 13006 Marseille

à distance

en entreprise

Accès handicapés PMR

Durée Présentiel : 70 heures (10 jours)

Durée distanciel : 70 heures (10 jours)

Pour qui ? : Maquettistes, infographistes, webmasters, responsables communication, chefs de projet...

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 : 70 heures (10 jours)

Distanciel : 70 heures (10 jours)

Pour qui ?

Maquettistes, infographistes, webmasters, responsables communication, chefs de projet...

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

Histoire du Webdesign
• Historique du Web
• Évolution des outils et des langages
• Tendance du web actuel
• Processus

Ergonomie, UI design, UX design, IHM
• UX wording
• Améliorer l’expérience utilisateur

L’humain
• Personas
• Parcours utilisateurs

Itération
• Compréhension
• Exploration
• Matérialisation
• Implémentation
• Maquette graphique Interface web

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)

Introduction
• Qu'est-ce que Adobe XD ?
• Les atouts et les enjeux du logiciel

Le prototypage
• Les étapes de conception
• Le design d'interface
• L'architecture de l'information
• Les tendances du design

Découvrir l'interface d'Adobe XD
• L'écran d'accueil
• Barre de menus et barre d'outils
• Les panneaux de propriétés
• Moodboard

Les plans de travail et repères
• Ajouter et gérer les plans de travail
• Manipuler les grilles et les repères

Les formes
• Créer des formes simples
• Créer des éléments vectoriels avec l'outil Plume
• Créer une icône

Les textes
• Saisir du texte
• Importer des fichiers textes
• Gérer les styles de texte

Les images
• Importer des images
• Créer des masques

Les couleurs
• Utiliser et gérer les couleurs
• Créer des dégradés de couleurs
• Générer des couleurs

La grille de répétition
• Utiliser et gérer une grille de répétition

Réaliser un écran d'accueil d'application mobile
• Conception d'une version papier ou maquette filaire détaillée
• Réalisation de l'interface sous Adobe XD

Symboles et kit UI
• Créer et manipuler les symboles
• Sélectionner et utiliser des kits UI
• Créer deux écrans d'application mobile (connexion/inscription)

Prototyper
• Créer des interfaces responsives
• Définir un parcours utilisateur
• Créer les liens d'interactions
• Prévisualiser l'interface
• Définition de positions fixes
• Créer des Overlays
• Animation Automatique
• Utilisation des gestes tactiles

Partager
• Créer des liens de partage
• Déposer des commentaires
• Partage d’un prototype sur le web

Tester
• Enregistrer une vidéo des interactions
• Installer l'application Adobe XD
• Tester le prototype en direct
• Les couleurs (1 h) • Visualisation sur tablette et smartphone

Les Plug-Ins
• Téléchargements et installations de plug-Ins

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