Photoshop et Illustrator pour le Design d'interface

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Créer des maquettes de pages Web exploitables par des développeurs
  • Intégrer les contraintes de l'HTML et du CSS dans le design
  • Préparer et décliner les images pour les écrans : ordinateurs, tablettes et smartphones
  • Exporter les maquettes Web en images avec le code HTML et CSS
  • Exporter le code CSS de calques Photoshop
  • Exporter le design d'une icône d'application mobile dans toutes les tailles et formats nécessaires
  • Créer des animations pour le Web.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 1 380,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 1 380,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Les tendances graphiques

  • Evolution des tendances de design Web et mobile
  • Du skeuomorphism au neomorphism
  • Le flat design
  • Notions de la qualité Web : VPTCS (Visibilité - Perception - Technique - Contenus - Services)
  • Les designers inspirants
  • Les plateformes de kit de design
  • Notion de Design System
  • Les logiciels dédiés au UI

UX, IxD et UI

  • La méthode UX en 4 étapes
  • L'importance du designer d'interaction
  • L'interface utilisateur
  • Eléments d'interface
    • De site Web
    • D'application mobile
    • D'application pour tablette

Notions d'ergonomie

  • Généralités
  • Loi de Fitts
  • Loi de Hick
  • Approche Gestalt
  • Exemples sur les formulaires

Design d'interface avec Photoshop

  • Menus, outils et palettes
  • Espaces de travail
  • Fenêtres et onglets
  • Bridge

Importation

  • Importer et incorporer
  • Importer et lier
  • Bloc d'image
  • Objets dynamiques (PSB)

L'image numérique

  • Taille, définition et résolution d'image
  • Rapport longueur / largeur
  • Déclinaisons d'images pour le Web, les smartphones et les tablettes
  • Le recadrage libre et le recadrage basé sur un format
  • L'ajustement des tailles et des résolutions
  • Profils ICC

Les ajustements de contrastes et couleurs

  • Réglages dynamiques
  • Niveaux et courbes
  • Correction et transformation des couleurs

Les sélections

  • Les outils de sélection de base
    • Rectangle
    • Cercle
    • Lasso
  • Les outils de sélection pour le détourage
    • Baguette magique
    • Sélection rapide
  • L'amélioration du contour
  • Sélectionner et masquer
  • La mémorisation des sélections
  • Création de calques à partir de sélection
  • Les tracés à la plume

Les calques et les masques

  • Utilisation des calques
    • Ordre et organisation en groupe
  • Les options de superpositions
    • Opacité et modes de fusions
  • Les transformations
    • Transformation manuelle
  • Outil règle
    • Transformations géométriques
    • Déformation
    • Fluidité
  • Le photomontage
  • Les masques
    • Masque de fusion et masque vectoriel
    • Masquage multiple
  • Copier le SVG
  • Copier le CSS

La création de maquette pour les pages Web

  • L'outil texte et les palettes texte, les feuilles de style
  • Utilisation des polices
  • Panneau Glyphes
  • Les outils de création graphique
    • Plumes et formes vectorielles
    • Calques de forme
  • Les styles de calques : effets d'ombre portée, de relief...
  • Les plans de travail
    • Préférences pour les plans de travail
    • Création d'un document de plan de travail
    • Ajout de plans de travail au document actif
    • Utilisation des plans de travail
    • Exportation de plans de travail
  • Les compositions de calques
    • Visibilité
    • Position
    • Style

Export d'images

  • Tableau comparatif des formats Web
  • Choix entre JPEG, PNG, GIF, WEBP et SVG
  • Rapport poids / qualité
  • Outils intégrés de comparaison
  • Enregistrer pour le Web
    • Exporter les images
    • Exporter l'HTML
    • Exporter les images et l'HTML
  • Exportation rapide au format (...)
  • Exporter sous
  • Enregistrer sous
  • Export CSS

La découpe pour le Web

  • Notion de tranches
  • Manuelles
  • D'après les calques
  • D'après les repères
  • L'exportation des tranches
    • Conservation et réglage de la transparence
    • Exportation en image seule ou avec l'HTML
    • Réglages des paramètres d'exportation
    • L'exportation des images à partir des calques

Tester sur le Web

  • En local
    • Ouverture dans un navigateur
    • Créer un serveur Web local
  • A distance chez un hébergeur
    • Outils de transferts FTP

Edition du code HTML et CSS

  • Remplacement des éléments images par du texte
  • Utilisation des images comme image de fond de cellule ou comme arrière-plan d'une règle CSS
  • Création d'un fichier des styles CSS séparé

Design d'interface avec Illustrator

  • Menus, outils et palettes
  • Travailler sur plusieurs plans de travail
  • Exporter
    • La sélection
    • Les écrans (iOS et Android)
    • Le Web
  • Trancher et exporter pour le Web
  • Exportation d'icones d'applications

Création d'animation (GIF animés)

  • La palette animation
  • Ajout d'image
  • Création de trajectoire
  • Réglage du GIF animé
  • Mouvement en 3D pour la création de vidéo
  • Introduction aux animations Lottie (Airbnb + After Effects)

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des productions
  • Et, en fin de formation, par un questionnaire d'auto-évaluation

Prérequis

Avoir une bonne connaissance de l'environnement informatique (pratique courante d'OS X ou de Windows).

Public

Webmasters, créateurs de sites Internet, chefs de projets tablettes et smartphones, responsables de campagne multicanal, développeurs d'applications pour tablettes (iPad / Android) et smartphones.

Ces formations pourraient vous intéresser

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Optimiser le fonctionnement de manière générale
  • Améliorer les performances du traitement des données
  • Simplifier et améliorer le look et l'ergonomie de l'interface utilisateur
  • Créer des scripts avancés et instaurer des routines de maintenance
  • Sélectionner, installer et paramétrer des plug-ins pour augmenter les fonctionnalités
  • Connecter votre solution à des bases de données externes non-FileMaker
  • Gérer les erreurs courantes et optimiser la maintenance des bases de données
  • Exporter votre solution pour qu'elle tourne de manière autonome avec le runtime FileMaker.
Tarif

Contacter l'organisme

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

Maîtriser les principales fonctionnalités de Photoshop Lightroom - savoir créer et manipuler des catalogues pour réaliser des travaux de retouches photo et les imprimer ou les exporter pour le web ou en vidéo.
Tarif

A partir de 1 625,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Décrire les raisons de la création d'IPV6
  • Décrire les nouveautés d'IPV6
  • Décrire l'adressage IPv6
  • Attribuer des configurations IP en automatique avec DHCP v6
  • Utiliser des applications en IPv6 (DNS, Telnet, SSH, ...)
  • Faire cohabiter IPv4 et IPv6 à l'aide de tunnels
  • Implémenter du routage sur un réseau IPv6
  • Sécuriser la communication IPv6 en utilisant IPsec
Tarif

Contacter l'organisme

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Obtenir la certification COBIT 2019 Design & Implementation
  • Comprendre les avantages de la mise en œuvre de COBIT au sein de votre organisation
  • Être en mesure d'implémenter COBIT
  • Connaître les 4 domaines d'un Système d'Information
Tarif

A partir de 1 500,00 €

Durée

2 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Décrire la stratégie de SAP
  • Décrire l'architecture du WAS (Web Application Server) qui est le composant central de SAP NetWeaver
  • Naviguer avec l'interface utilisateur SAP GUI
  • Décrire les différentes interfaces utilisateurs disponibles
  • Décrire l'architecture et les différents processus de travail d'un système SAP ABAP
  • Utiliser les transactions d'administration système de base
  • Ecrire avec l'environnement de développement un programme ABAP simple et le transporter dans un paysage système SAP
  • Décrire les différentes technologies de communication et d'intégration de données
  • Décrire le cycle de vie d'une application
  • Décrire la stratégie de SAP pour la maintenance et la gestion des versions.
Tarif

A partir de 3 280,00 €

Durée

4j / 28h

Modes
  • Centre
  • Distance

Objet Design Patterns

Proposé par M2I

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Expliquer la philosophie des Design Patterns
  • Catégoriser les patterns
  • Reconnaître les principaux patterns
  • Transformer les patterns en code
  • Mettre en oeuvre les Design Patterns dans une architecture Web
  • Utiliser les outils d'IA pour intégrer des Design Patterns dans un projet.
Tarif

A partir de 1 680,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Maîtriser InDesign afin de créer des présentations et des documents de qualité
  • Travailler sur des images avec Photoshop en vue de leur insertion dans un document mis en page ou publié sur le web
  • Créer avec Illustrator des illustrations vectorielles précises (dessins, schémas, images…) et de qualité. Devenir un pro de la mise en page et la présentation visuelle
Tarif

A partir de 4 590,00 €

Durée

11j / 77h

Modes

Objectifs de la formation

  • Cette formation fait l'objet d'une évaluation formative.
Tarif

Contacter l'organisme

Durée

4 jours (28 heures)

Modes
  • Distance
  • Centre

Objectifs de la formation

  • Maitriser les différentes techniques de retouche pour améliorer la qualité d'un portrait
  • Traiter les différentes parties du visage : peau, teint, yeux, bouche, dents, cheveux..
  • Maquiller le sujet
Tarif

A partir de 1 700,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Identifier ses missions et sa valeur ajoutée pour optimiser sa position d'interface en entreprise
  • Exploiter les outils et techniques du marketing opérationnel pour mieux analyser son environnement et améliorer ses performances
  • Concevoir un plan marketing efficace et opérationnel
Tarif

A partir de 1 490,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance
  • Entreprise

Je cherche à faire...