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

Formation Design UI

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

Un événement le 30 juillet 2024 à 9h00

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

Formation after effects

Détails

Début :
12 avril 2024 - 9h00
Fin :
25 avril 2024 - 17h00
Catégorie d’Formation:
IMPORTANT41793
laaaArray
eventid45345

12 avril 2024 - 25 avril 2024

|Formation récurrent (Voir toutes les dates)

Un événement le 30 juillet 2024 à 9h00

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

ici : 45360

30 juillet 2024 - 12 août 2024

|Formation récurrent (Voir toutes les dates)

Un événement le 30 juillet 2024 à 9h00

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

ici : 45361

11 décembre 2024 - 24 décembre 2024

|Formation récurrent (Voir toutes les dates)

Un événement le 30 juillet 2024 à 9h00

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

« Tous les Formations

Formation Design UI

12 avril 2024 - 25 avril 2024

|Formation récurrent (Voir toutes les dates)

Un événement le 30 juillet 2024 à 9h00

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

Formation after effects

Détails

Début :
12 avril 2024 - 9h00
Fin :
25 avril 2024 - 17h00
Catégorie d’Formation:
Chargement Formations

« Tous les Formations

Formation Design UI

12 avril 2024 - 25 avril 2024

|Formation récurrent (Voir toutes les dates)

Un événement le 30 juillet 2024 à 9h00

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

Formation after effects

Détails

Début :
12 avril 2024 - 9h00
Fin :
25 avril 2024 - 17h00
Catégorie d’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…)

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

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 0 / 5. Nombre de vote 0

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

    Dates

    Des formations à venir  en présentiel

    Dates

    Des formations à venir  à distance

    12 avril 2024 - 25 avril 2024
    30 juillet 2024 - 12 août 2024
    11 décembre 2024 - 20 décembre 2024
    146 rue Paradis, 13006 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