Objectifs
- Comprendre les spécificités graphiques et techniques du Web.
- Adapter une méthodologie Print à la conception d’interfaces digitales.
- Concevoir des maquettes adaptées aux ordinateurs, tablettes et smartphones.
- Structurer un fichier Photoshop destiné à l’intégration Web.
- Optimiser et exporter les ressources graphiques nécessaires au développement.
Compétences visées
- Concevoir une maquette Web responsive avec Photoshop.
- Décliner une direction artistique sur différents formats d’écran.
- Utiliser des grilles et des repères adaptés au design d’interface.
- Organiser un fichier graphique pour faciliter le travail de l’intégrateur.
- Préparer et optimiser les images destinées à une diffusion numérique.
Pré-requis
Maîtriser les principales fonctionnalités de Photoshop ou d’un logiciel de création graphique équivalent. Posséder des notions générales sur le fonctionnement d’un site Web et les bases du HTML et du CSS constitue un plus.
Quel profil ?
Cette formation s’adresse aux graphistes, maquettistes, directeurs artistiques et professionnels issus du Print souhaitant adapter leurs compétences à la conception d’interfaces Web responsives.
Formations associées
Au programme de la formation
Photoshop : créer une maquette digitale responsive
Le design web aujourd'hui
- Identifier les contraintes des différents terminaux (ordinateur, tablette, smartphone)
- Comprendre les notions de résolution, densité de pixels et dimensions d'affichage
- Découvrir les principes du Responsive Web Design
- Identifier les éléments d'une interface web moderne
- Adapter la typographie et les visuels aux différents écrans
Préparer les images pour le Web
- Choisir le bon format d'image (JPEG, PNG, SVG, WebP)
- Optimiser le poids des images
- Gérer les profils colorimétriques
- Préparer des images adaptées aux écrans haute définition
Les grilles dans le design web
- Passer des grilles Print aux grilles Web
- Comprendre la notion de grille responsive
- Créer et utiliser des repères dans Photoshop
- Structurer efficacement une interface
Concevoir une maquette responsive
- Créer un zoning fonctionnel
- Construire un wireframe
- Décliner une interface Desktop, Tablette et Mobile
- Créer les principaux composants graphiques
- Préparer une maquette destinée à l'intégration
Automatiser sa production
- Créer et utiliser des actions Photoshop
- Automatiser les traitements par lot
- Créer des workflows de redimensionnement et d'export
Exporter les ressources
- Optimiser les images pour le Web
- Exporter les éléments graphiques individuellement
- Organiser les ressources destinées à l'intégrateur
- Contrôler la qualité des exports
Comment se déroule la formation ?
Chaque notion est abordée de manière concrète, puis appliquée à travers des exercices et des cas pratiques. Les groupes sont limités à 8 participants pour favoriser les échanges et permettre un accompagnement adapté à chacun.
Un support pédagogique est remis à l'issue de la formation pour retrouver facilement les notions abordées.
Comment les acquis sont-ils évalués ?
En fin de parcours, une évaluation permet de mesurer l'atteinte des objectifs pédagogiques. Selon la formation, elle peut prendre la forme d'un questionnaire, d'un exercice pratique ou d'une certification.
Le suivi est formalisé par une feuille d'émargement et une évaluation des compétences.
Autres formations de la même catégorie
Apprenez à maîtriser les fondamentaux de Photoshop pour créer, retoucher et préparer des images destinées au Web et à l’impression en exploitant les outils modernes du logiciel et l’intelligence artificielle.
Découvrez les bases du montage vidéo avec Adobe Premiere Pro et réalisez vos premiers projets destinés au Web, aux réseaux sociaux et à la diffusion professionnelle.
Apprenez à créer des animations interactives en HTML5 Canvas avec Adobe Animate et réalisez des contenus destinés au Web, à la publicité, aux bornes interactives et aux applications.
Développez des animations HTML5 interactives en exploitant JavaScript et CreateJS afin de créer des contenus riches, ergonomiques et réutilisables.
Apprenez à concevoir des newsletters professionnelles, compatibles avec les principaux logiciels de messagerie et adaptées aux différents formats d’écran.
Développez une stratégie d’e-mail marketing performante, automatisez vos campagnes et analysez leurs résultats afin d’améliorer durablement votre taux de conversion et votre retour sur investissement.
Apprenez à créer une chaîne YouTube professionnelle, produire des contenus adaptés à votre audience et développer votre visibilité grâce aux bonnes pratiques de référencement, de publication et d’analyse.
Construisez une stratégie social media cohérente, développez votre présence sur les principaux réseaux sociaux et créez des contenus capables de renforcer votre visibilité, votre engagement et votre image de marque.
Apprenez à rédiger des contenus clairs, engageants et optimisés pour le Web afin d’améliorer leur visibilité, leur lisibilité et leur efficacité auprès des internautes comme des moteurs de recherche.
Apprenez à animer une communauté, produire des contenus adaptés aux réseaux sociaux, gérer les interactions et mesurer les performances de vos actions.
