Formation Créer une maquette digitale responsive avec Photoshop

Contenu

• Identifier les contraintes liées aux différents devices (smartphones, tablettes, PC)
• Identifier et décrire les règles fondamentales de design visuel sur écran (pixel, définition, dimensionnement et adaptativité)
• Identifier les principaux types de navigateurs et leurs versions
• Décrire les principes du Web responsive design
• Savoir nommer les zones et éléments d’interface et identifier les parties statiques et dynamiques
• Énumérer les règles typographiques des différents devices (PC, tablette, smartphone)

• Les formats d’images : Jpg, png, gif
• Compression des images avec Photoshop
• Gestion des couleurs

• Les grilles du Print vers le Web
• Anatomie d’une grille
• Les grilles verticales et horizontales
• Comment choisir sa grille ?
• Où trouver des grilles ?
• Gestion des grilles dans Photoshop

• Créer un zoning
• Passer d’un zoning à un wireframe
• Intégrer de l’interactivité pour finaliser sa maquette
• Les outils utiles à la création de maquette

• Création et utilisation de scripts
• Traitement par lot
• Création de flux de reformatage d’images

• Optimisation des images pour le Web (taille, définition, GIF, JPEG, PNG)
• Paramètres d’exportation (HTML, XHTML, CSS, DIV)

Méthodes pédagogiques

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Modalités de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.