Télécharger le programme Photoshop : maquette digitale responsive au format PDF

Formation Photoshop : maquette digitale responsive

Code CPF : 237359

Ziggourat 4.65 sur 5 basé sur 13
(13)

Objectifs de la formation

Cette formation vous permet d'identifier les spécificités et les contraintes du Digital afin de réaliser des maquettes graphiques adaptées et adaptatives.

Certifications associées

TOSA DIGITAL

Public

Graphistes, directeurs artistiques, maquettistes

Durée

14 heures en présentiel sur 2 jours

Pré-requis

Une bonne maîtrise d'un logiciel de graphisme (Photoshop, Illustrator, Fireworks ou équivalent) est indispensable pour suivre cette formation.

Formateur

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

Méthode pédagogique

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.

Modalité de validation des acquis

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


Programme Photoshop : maquette digitale responsive

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)
Solène P.
La formation individuelle est beaucoup plus performante.
Suivie le 09/07/2019
Yvonne G.
Excellente formation
Suivie le 19/02/2019
Christophe M.
Disponibilité du formateur, écoute et explications toutes détaillées. Digression sur d'autres sujets techniques pour compléter la formation.personnalisée et adaptée à nos besoins, nos questions
Suivie le 19/02/2019
Corinne F.
exercices pratiques, bien clairs et précis
Suivie le 09/10/2018
Julie D.
exercices pratiquesFormateur / pédagogie
Suivie le 09/10/2018
Violaine P.
ça donne très envie d'utiliser le logiciel, la formation donne de très bonne base. Bonne ambiance et accueil très agréable
Suivie le 23/05/2018
Cécilia D.
Très clair, très pédagogique!
Suivie le 23/05/2018
Alexis R.
Logiciel très intéressant et super écoute du formateur, on voit plein de choses !!
Suivie le 24/04/2018
Laurent D.
Très bonne pédagogie
Suivie le 24/04/2018
Anaïs B.
clarté
Suivie le 14/11/2017
Natacha G.
densité des explications,
Suivie le 14/11/2017
Céline D.
Ecoute, aide et patience du formateur.
Suivie le 14/11/2017
Audrey C.
Se sentir un peu moins nul en graphisme, même si le stage ne fournit pas le talent en prime. Acquisition et compréhension de nombreux outils du logiciel
Suivie le 14/11/2017