Ferme la recherche

Concevoir une maquette graphique pour le Web

Descriptif

Durée de la formation

Durée 21 heures
En centre 21 heures

Session

du 25 nov. 2019 au 27 nov. 2019  - Paris - 2ème (75)
+ autres sessions
du 25 nov. 2019 au 27 nov. 2019  - Paris - 2ème (75)
du 25 nov. 2019 au 27 nov. 2019  - Paris - 2ème (75)

Objectif de la formation

Créer des livrables adaptés aux exigences des intégrateurs Web
- Appréhender les spécificités du Web
- Maîtriser les outils et techniques de Photoshop pour la création d'une maquette Web
- Identifier les spécificités de la typographie pour le Web
- Utiliser les grilles pour produire une maquette fonctionnelle et harmonieuse
- Concevoir pour l'utilisateur: UX et ergonomie
- Préparer les livrables et les exports

Description de la formation

Appréhender les spécificités du Web
- Identifier les styles graphiques du Web et les utiliser à bon escient
- Distinguer les différentes méthodes de mise en pages : fixe, fluide, responsive
- Comprendre l'impact des supports de consultation sur la création graphique d'un site
-> Étude de cas: exemples décryptés et revue de sites
Maîtriser les outils et techniques de Photoshop pour la création d'une maquette Web
- Organiser son travail dans Photoshop (fichiers, plans de travail multiples)
- Distinguer les différentes phases de prototypage
- Utiliser les bons outils : objets dynamiques, compositions de calques, exports CSS, extensions
- Différencier rough, wireframe, mock
- up
- Découvrir des outils utiles (InVision, UXPin...)
-> Exercice: réaliser différents prototypes d'un site Web
Identifier les spécificités de la typographie pour le Web
- Connaître les différents types de polices Web
- Utiliser les Web Fonts et les unités typographiques Web
- Identifier les spécificités de la composition de textes sur le Web (corps, interligne, habillage...)
-> Exercice: réaliser un spécimen typographique à partir de Web Fonts
Utiliser les grilles pour produire une maquette fonctionnelle et harmonieuse
- Définir les différents types de grilles
- Mettre en oeuvre une grille avec Photoshop
-> Exercice : réaliser une grille en fonction d'un projet défini
Concevoir pour l'utilisateur : UX et ergonomie
- Comprendre la notion d'expérience utilisateur (UX)
- Définir des parcours utilisateur
- Préparer les éléments à partir de la maquette
-> Exercice : concevoir et réaliser un wireframe et un prototype avec Adobe XD et un UI kit
Préparer les livrables et les exports
- Identifier le flux de production d'un site Web
- Déterminer le rôle de chaque intervenant
- Préparer les fichiers pour l'intégrateur
- Maîtriser les formats de compression
- Gérer les images pour les écrans Retina ou HD
-> Exercice : produire les exports de sa maquette

Conditions d'accès

Il est indispensable de connaître les manipulations de base de Photoshop et d'avoir suivi le stage "Les fondamentaux de la production Web" (page 91) pour accéder à cette formation.
Graphistes print, directeurs artistiques, maquettistes...

Validation

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Donne accès au(x) métier(s) suivant(s)

Animation de site multimedia (voir la fiche métier)

Et après la formation ?

Retour à l'emploi des anciens stagiaires

FAIBLE

Conseils
Les questions à poser avant de choisir un centre de formation
  • Quels sont les profils des anciens stagiaires (niveau de formation, expérience professionnelle) ?
  • Est-il possible de visiter le centre ?
  • Quel type de public accueillez-vous en formation (salariés, demandeurs d’emploi, particuliers) ?
  • Peut-on obtenir une liste de ces anciens stagiaires pour les interroger sur cette formation ?
  • Comment aidez-vous les stagiaires à trouver un emploi ?

Pyramyd NTCV

Lieu de formation

Pyramyd NTCV
15 Rue de Turbigo
Paris - 2ème

Calculez votre itinéraire

Centre de formation

Pyramyd NTCV
15 Rue de Turbigo
75002, Paris 2e

Toutes les formations et avis pour Pyramyd NTCV