Formation Concepteur designer d'UI, en ligne

Compétences développées lors de ce projet :
– Prendre en main les principales fonctionnalités du logiciel Figma
– Partir d’un existant pour le modifier et l’améliorer
– Réaliser des illustrations, des graphismes et des visuels
– Concevoir une interface basique
– Adapter la réalisation à une charte graphique existante

Démonstration de création de logo avec Figma :
– Chercher des références
– Utiliser les outils de formes et de plume pour créer une base
– Utilisation des pathfinders et masques d’écrêtage
– Reproduction de pictogramme de fruit et de logo de réseaux sociaux
– Rebrand d’un logo de marque existant

Connaissances complémentaires :
– Découverte du métier et de ses environnements de travail
– Les différents logiciels de traitement graphique
– Découverte de notions liées à la typographie
– Utilisation de webfonts
– Réalisation d’une veille graphique

Livrable / Projet :
Designer un logo à partir d’un cahier des charges.

Compétences développées lors de ce projet :
– Comprendre le parcours utilisateur pour y adapter l’interface
– Concevoir l’interface d’une application dans le but de répondre à un cahier des charges
– Réaliser des schémas d’interface
– Créer une charte graphique et l’adapter à l’application
– Initiation à l’UX

Démonstration de création d’interface mobile :
– Chercher des références
– Utiliser les outils de mise en page, d’auto layout, de component
– Utilisation des pathfinders et masques d’écrêtage
– Découverte des outils de prototypages et de micro-animation
– Création d’un wireframe et d’un zoning
– Création d’une maquette HD
– Déclinaison de page d’un site mobile

Connaissances complémentaires :
– Accessibilité et ergonomie de l’interface d’une application
– Expérience utilisateur (UX)
– Empathie, recherche utilisateur, test utilisateur
– Spécificités des interfaces mobiles
– Hierachie de l’information
– Utilisation des couleurs
– Régle de mise en page (colonnage, marge, habillage…)
– Création d’un Design Systeme
– Exporter son projet pour un client ou pour un developpeur
– Travailler en équipe

Livrable / Projet :
Designer l’interface d’une application mobile à partir d’un cahier des charges.

Compétences développées lors de ce projet :
– Réaliser une maquette dynamique d’un site (page d’accueil, page statique type, page d’article type, page contact) en responsive
– Réaliser un parcours de navigation de l’utilisateur
– Concevoir le storyboard d’une animation à intégrer sur le site
– Créer une charte graphique, l’adapter au site
– Intégration grâce à un CMS (WordPress)
– Créer une animation pour une site web

Démonstration de création d’interface mobile :
– Chercher des références et faire de la veille
– Répondre à un brief client
– Utiliser les outils d’animation et de transition
– Approfondissement des outils de prototypages
– Création d’un wireframe et d’un zoning
– Création d’une maquette HD
– Déclinaison de page d’un site web

Connaissances complémentaires :
– spécificités des sites internet
– accessibilité et ergonomie de l’interface d’un site internet
– Notion d’accessibilité et d’ergonomie
– Mise en place d’un projet à partir d’un Design System

Livrable / Projet :
Designer l’interface d’un site web à partir d’un cahier des charges.

Compétences développées lors de ce projet :
– Designer l’interface d’un écran fixe (exemple de l’écran d’accueil)
– Designer une interface « in Game »
– Adapter l’interface au type de jeu

Connaissances complémentaires :
– le rôle des interfaces dans le jeu vidéo
– les principes de l’expérience utilisateur dans le jeu vidéo
– la typologie des interfaces utilisateur dans le jeu vidéo : diégétique, extra-diégétique, méta et spaciale
– les liens entre l’interface utilisateur et l’expérience utilisateur

Livrable / Projet :
Designer l’interface d’un jeu vidéo à partir d’un cahier des charges.

Présentation de votre projet qui doit contenir :

– la maquette d’un site internet
– une animation vidéo
– une affiche publicitaire