Photoshop : maquette digitale responsive
PDF
Paris 
Classe virtuelle 21 heures sur 3 jours
à Paris & à distance
(Zoom, Google Meet, etc.).
Nous nous engageons à vous répondre dans un délai de 48h
1 400 € HT / personne
Etudions ensemble vos options de financement
Contactez-nous pour monter votre dossier !
QUALIOPI
8 stagiaires maximum par session.
Découvrez les autres engagements qualité qui font la marque de Ziggourat Formation
Objectifs de la formation
Photoshop : maquette digitale responsive
Identifier les spécificités et les contraintes du digital
Réaliser des maquettes graphiques adaptées et adaptatives
Optimiser et imprimer les images réalisées
Pré-requis
Une bonne maîtrise d'un logiciel de graphisme (Photoshop, Illustrator, Fireworks ou équivalent) est indispensable pour suivre cette formation. Des bases sur le langage HTML5/CSS3.
Pour qui ?
Graphistes, directeurs artistiques, maquettistes
Avoir suivi
Aucun programme supplémentaire n'est requis pour suivre cette formation.
Au programme
Le Design Web aujourd'hui
- 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)
Enregistrer des images pour le Web
- Les formats d'images : Jpg, png, gif
- Compression des images avec Photoshop
- Gestion des couleurs
Les grilles dans le Design Web
- 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
Réaliser des Wireframes et des maquettes
- 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
Automatisation
- Création et utilisation de scripts
- Traitement par lot
- Création de flux de reformatage d'images
Exportation
- Optimisation des images pour le Web (taille, définition, GIF, JPEG, PNG)
- Paramètres d'exportation (HTML, XHTML, CSS, DIV)
Méthode pédagogique
8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.
Accessibilité
Cette formation est accessible aux personnes en situation de handicap.
Modalité de validation des acquis
Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.
Obtenir des informations
Formations similaires
Ces formations pourraient vous intéresser
-
UX/UIFigma Initiation pour le design d'interface (UX/UI)
-
UX/UIFigma Perfectionnement pour le design d'interface (UX/UI)
-
WebDesignConcevoir des interfaces pour mobile
-
UX/UIUI Design Mobile
-
WebDesignPhotoshop : maquette digitale responsive
- UX/UI
Adobe XD Initiation
-
UX/UILean UX : innover par l'expérience utilisateur
-
UX/UIUX Design : vue d'ensemble et méthodes
-
UX/UIUX Design avancé
