Design UX UI charte graphique WEB
Date de mise à jour :
Identifiant Offre Info : 24_244266
Organisme responsable :
Mandyben
(ouvre dans un nouvel onglet)
Présentation de la formation
Objectifs
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 Créer ou adapter une charte graphique pour le web Utilisation d'Adobe XD dans la conception de Web design responsive. Concevoir des wireframes pour applications mobiles et tablettes. Identifier les spécificités et les contraintes du Digital en vue de réaliser des maquettes graphiques…
Programme de la formation
CULTURE WEB ET ERGONOMIE UX/UI DESIGN • 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 CREER UNE CHARTE GRAPHIQUE POUR LE WEB • La charte graphique •…
• 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
CREER UNE CHARTE GRAPHIQUE POUR LE WEB
• La charte graphique
• L'identité graphique
• Le contenu
• La grille
• Les éléments interactifs
• Typographie
• Couleur
• Transmettre le mouvement
• Production de la charte graphique
• Le style guide
MAQUETTE GRAPHIQUE WEB ET XD
• LE DESIGN
• LES GRILLES
• RÉALISER DES WIREFRAMES ET DES MAQUETTES
• AUTOMATISATION
• EXPORTATION
• MAQUETTER LA VERSION
• « APERÇU MOBILE » DE VOTRE SITE
ADOBE XD UX / UI | DESIGN D'EXPERIENCE UTILISATEUR
• Introduction
• Le prototypage
• Découvrir l'interface d'Adobe XD
• Les plans de travail et repères
• Les formes
• Les textes
• Les images
• Les couleurs
• La grille de répétition
• Réaliser un écran d'accueil d'application mobile
• Symboles et kit UI
• Prototyper
• Partager
• Tester
• Les Plug-Ins
Validation et sanction
Type de formation
Non certifiante
Niveau de sortie
Information non communiquée
Durée, rythme, financement
Modalités pédagogiques
La formation se déroule en salle de formation. Chaque stagiaire est équipé d'un PC ou d'un MAC et le cours se passe en présentiel avec un formateur professionnel du secteur, vidéo projecte
Durée
En centre
70 h
Financement
- Conventionnement
- Oui
- Conditions de prise en charge
- Financement possible en AIF, CSP, CRP, POEI, POEC, CPF-PTP de Transition (CDD, CDI) Plan de formation avec pôle emploi ou OPCO, Région PASS SUD, Conseil départemental et financement personnel
Conditions d'accès
Public visé
- Tout public
Modalités de recrutement et d'admission
Entretien individuel (téléphonique ou sur place) sur le projet professionnel et l'objectif de la formation du candidat. Évaluation de son niveau et conseil d'orientation.
Niveau d'entrée
Information non communiquée
Conditions spécifiques et prérequis
Bonne connaissance de l'environnement informatique (pratique courante d'OS X ou de Windows)
Lieu de réalisation de l'action
Modalités d'enseignement
Formation entièrement en présentielle
Adresse
146 rue Paradis13006 Marseille 6e
Périodes prévisibles de déroulement des sessions
Début
Fin
- Adresse d'inscription
-
146 rue Paradis
13006 Marseille 6e - Modalités
- Entrées / Sorties à dates fixes