Aller au contenu principal

Création de maquette multi - plateformes avec Figma

Date de mise à jour :
Identifiant Offre Info : 24_250795
Organisme responsable : Mandyben (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Processus de design web de la lecture du cahier des charges à la livraison de la maquette.

Programme de la formation

LES PRINCIPES CLES DE L'ERGONOMIE ET DE L'UX - Définition UX/UI et principes de base - Identifier les éléments saillants de l'UI (sur des sites exemples LES ETAPES DU DESIGN D'UNE APPLICATION - Cahier des charges - Arborescence et maillage interne - Zoning - Wireframe - Introduction à Figma avec bibliothèque Wireframe, comparaison de différents outils spécialisés - Mockup - Maquette - Prototype PRISE EN MAIN DE FIGMA - Pourquoi Figma (et présentation des…

LES PRINCIPES CLES DE L'ERGONOMIE ET DE L'UX
- Définition UX/UI et principes de base
- Identifier les éléments saillants de l'UI (sur des sites exemples

LES ETAPES DU DESIGN D'UNE APPLICATION
- Cahier des charges
- Arborescence et maillage interne
- Zoning
- Wireframe
- Introduction à Figma avec bibliothèque Wireframe, comparaison de différents outils spécialisés
- Mockup
- Maquette
- Prototype

PRISE EN MAIN DE FIGMA
- Pourquoi Figma (et présentation des alternatives)
- Création d'écrans (Frames)
- Les outils de base (Formes, texte, images, etc.)
- Bibliothèques, symboles, styles
- Réalisation du wireframe d'une application et du mockup

PROCESSUS DE CONCEPTION TECHNIQUE
- Zoning
- Wireframing
- Prototype parcours utilisateurs
- Le tout en responsive

LA METHODE SCRUM
- Les trois piliers de SCRUM/Transparence/Inspection/Adaptation
- Rôles de la méthode SCRUM

ERGONOMIE ET UX
- Recommandations générales en termes d'ergonomie et d'accessibilité (taille et échelle des textes, taille et position des boutons, choix des couleurs, contraste...)
- Organisation de l'information
- Résolution des images
- Cohérence visuelle
- Création de la maquette en tenant compte de ces recommandations

Validation et sanction

Attestation

Type de formation

Non certifiante

Niveau de sortie

Information non communiquée

Durée, rythme, financement

Durée

En centre

7 h

Financement

Conventionnement
Oui

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Information non communiquée

Conditions spécifiques et prérequis

Bonnes notions en HTML/CSS et connaître les principes de bases de la conception d'un site web

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

146 rue Paradis
13006 Marseille 6e

Responsable : MARAVAL

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