Description

Organiser le contenu dans une page, gérer les niveaux de lecture, anticiper l'interactivité, concevoir une interface graphique en tenant compte des différents formats d'écran, tels sont les enjeux de la création d'une maquette pour le Web. Cette formation vous fournit les outils, développe votre sens esthétique et vous aide à acquérir les compétences professionnelles du maquettiste pour le Web.

À qui s'adresse cette formation ?

Graphiste, webmaster, toute personne chargée de concevoir la maquette d'un site Web.

Les objectifs de la formation

Concevoir des interfaces attractives et fonctionnelles répondant aux normes de production.
Mettre au point une méthodologie de recherche.
Acquérir les méthodes et réflexes professionnels de la conception graphique pour le Web.

Programme de la formation

• Ergonomie : concevoir une maquette fonctionnelle
  • Identifier les étapes de création d'un site web.
  • S'initier au vocabulaire.
  • Définir un scénario utilisateur (UX).
  • Structurer l'espace des pages (UI et zoning).
  • Réaliser une maquette fonctionnelle dans Photoshop (wireframe).
  • Concevoir une maquette multi-écran (ordinateur, tablette, mobile).
• Design : réaliser une maquette graphique avec
  • Photoshop Savoir reconnaître les tendances et les styles.
  • Utiliser un mood board pour définir ses choix graphiques.
  • Mettre en place des pistes de recherche.
  • Paramétrer Photoshop pour le web.
  • Adopter une méthodologie de travail.
  • Utiliser les grilles de mise en page.
  • Équilibrer les rapports texte/image.
  • Améliorer la lisibilité typographique.
  • Utiliser les différents types de polices pour le Web.
  • Choisir des couleurs.
• Adapter sa maquette à l'écran
  • Les formats de maquette (horizontal et vertical, fluide ou fixe, responsive).
  • Travailler vos images pour des écrans Rétina ou HD.
  • Maîtriser les formats d'enregistrement des images pour le Web (JPEG, GIF, PNG, SVG).
• Livrer les bons outils pour les intégrateurs
  • Wireframe, maquette graphique, guide de styles.