DESIGN WEB : UX - UI par CONNEXION GRAPHIQUE
par CONNEXION GRAPHIQUE
Lieu(x)
À distance
En centre (34)
Durée
Total : 35 heures
En centre : 35 heures
À distance : 35 heures
Financement
AGEFICE
FIF PL
AGEFIPH
OPCO
Association
Collectivité
Demandeur d’emploi
Individuel payant
Par l'entreprise
Salarié
Éligible CPF
Publics admis
Salarié, Salarié du privé, Salarié du public, Étudiant, Demandeur d’emploi, Entreprise, Particulier, à partir de 16 ans
Pré-requis
Maîtriser les fonctions de base de la bureautique
Diplômes délivrés
Attestation de fin de formation
Temps
En entrée et sortie permanente, En présentiel
Types
Formation continue
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
INTRODUCTION
• Définition : site Internet, Ergonomie, Navigation
• Présentation des standards et contraintes : HTML/CSS
• Contraintes, formats, couleurs et logiciels
• Périphériques de capture et d’affichage : modes colorimétrique / résolutions et exceptions
• Le cercle chromatique et les différentes représentations de la couleur.
• Les types d’images : Bitmap et Vectoriel
• Photoshop, Illustrator, Bridge et les objets dynamiques
• Présentation des principaux formats graphiques : PSD, EPS, PDF, JPEG, PNG et GIF.
• Compression et optimisation.
• Tendance du web actuel
L’UX DESIGN
• Qu’est-ce que l’UX Design ?
• Qu’est-ce qu’une expérience ?
• Fondements de l’UX Design
• Enjeux et valeur ajoutée de l’UX Design dans le monde digital
• La gestion de projet intégrant de l’UX Design (vs gestion de projet classique) : acteurs, plannings, budgets, livrables
PARAMÉTRAGE ET CRÉATION DU DOCUMENT DE BASE
• Définition de la grille
• Mise en place d’un fond
• Création de la colonne de contenu
• Création de l’entête
• Création de la barre de menu
• Création du pied de page
• Mise en place du contenu & partenaires
• Choix des couleurs de la charte graphique en fonction d’éléments existants
ERGONOMIE - LES FONDAMENTAUX
• Fondements de l’ergonomie
• Définitions : utilité, utilisabilité, affordance, efficacité, efficience, etc.
• Bases du fonctionnement cognitif de l’être humain (vision, mémoire, cognition)
• Conception centrée utilisateur : bonnes pratiques et recommandations ergonomiques
• Critères ergonomiques pour la conception et l’évaluation de la qualité ergonomique
CRÉATION DE DESIGN D’APPLICATIONS (WIREFRAMES) ET PROTOTYPAGE AVEC ADOBE XD
• Comprendre l’interface du logiciel
• Comprendre la notion de calques
• Créer des formes (rectangles, ellipses, ...)
• Utiliser l’outil Texte
• Exporter vos designs
• Utiliser la grille de répétition et le Pathfinder
• Rendre vos design Dynamiques
APPLICATION
Exercices pratiques
• Définition : site Internet, Ergonomie, Navigation
• Présentation des standards et contraintes : HTML/CSS
• Contraintes, formats, couleurs et logiciels
• Périphériques de capture et d’affichage : modes colorimétrique / résolutions et exceptions
• Le cercle chromatique et les différentes représentations de la couleur.
• Les types d’images : Bitmap et Vectoriel
• Photoshop, Illustrator, Bridge et les objets dynamiques
• Présentation des principaux formats graphiques : PSD, EPS, PDF, JPEG, PNG et GIF.
• Compression et optimisation.
• Tendance du web actuel
L’UX DESIGN
• Qu’est-ce que l’UX Design ?
• Qu’est-ce qu’une expérience ?
• Fondements de l’UX Design
• Enjeux et valeur ajoutée de l’UX Design dans le monde digital
• La gestion de projet intégrant de l’UX Design (vs gestion de projet classique) : acteurs, plannings, budgets, livrables
PARAMÉTRAGE ET CRÉATION DU DOCUMENT DE BASE
• Définition de la grille
• Mise en place d’un fond
• Création de la colonne de contenu
• Création de l’entête
• Création de la barre de menu
• Création du pied de page
• Mise en place du contenu & partenaires
• Choix des couleurs de la charte graphique en fonction d’éléments existants
ERGONOMIE - LES FONDAMENTAUX
• Fondements de l’ergonomie
• Définitions : utilité, utilisabilité, affordance, efficacité, efficience, etc.
• Bases du fonctionnement cognitif de l’être humain (vision, mémoire, cognition)
• Conception centrée utilisateur : bonnes pratiques et recommandations ergonomiques
• Critères ergonomiques pour la conception et l’évaluation de la qualité ergonomique
CRÉATION DE DESIGN D’APPLICATIONS (WIREFRAMES) ET PROTOTYPAGE AVEC ADOBE XD
• Comprendre l’interface du logiciel
• Comprendre la notion de calques
• Créer des formes (rectangles, ellipses, ...)
• Utiliser l’outil Texte
• Exporter vos designs
• Utiliser la grille de répétition et le Pathfinder
• Rendre vos design Dynamiques
APPLICATION
Exercices pratiques
Objectifs
› Identifier les particularités de l’UX design et de l’UI design
› Acquérir les notions essentielles d’ergonomie et de prototypage
› Acquérir les notions essentielles d’ergonomie et de prototypage
Centre(s)
- Montpellier (34)
Secteur(s)
Métier(s)
Formation proposée par : CONNEXION GRAPHIQUE
Organisme d’insertion et de formation professionnelle, Connexion Graphique accompagne depuis plus de 15 ans les personnes se destinant aux métiers de la Communication, du Digital, du Multimédia, de l’Audiovisuel et de la 3D.
Située sur Montpellier, Connexion Graphique facilite l’insertion professionnelle des étudiants, des professionnels en reconversion, des demandeurs d’emploi, ainsi que des salariés par l’intermédiaire d’ateliers et d’un accompagnement à l’élaboration du projet professionnel. Cette aide passe autant par un suivi personnalisé à la recherche d’un emploi, d’un stage ou d’une formation que par un accompagnement à la création d’activité.
L’association propose également un ensemble de formations professionnelles dans les domaines de la Bureautique, de la Communication, de la PAO, du Multimédia, du Digital, de la Vidéo et de l’Animation 3D.
Située sur Montpellier, Connexion Graphique facilite l’insertion professionnelle des étudiants, des professionnels en reconversion, des demandeurs d’emploi, ainsi que des salariés par l’intermédiaire d’ateliers et d’un accompagnement à l’élaboration du projet professionnel. Cette aide passe autant par un suivi personnalisé à la recherche d’un emploi, d’un stage ou d’une formation que par un accompagnement à la création d’activité.
L’association propose également un ensemble de formations professionnelles dans les domaines de la Bureautique, de la Communication, de la PAO, du Multimédia, du Digital, de la Vidéo et de l’Animation 3D.
À découvrir