Formation Design Web avec Photoshop et Illustrator

Public admis

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

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

Comprendre et maîtriser les spécificités de la publication sur le Web (formats, interactivité, etc.). Concevoir et réaliser l'interface des pages d'un site Web. Élaboration de la charte graphique, appropriation des fondamentaux de la présentation sur écran, ergonomie des sites et principes de navigation.

DAWAN


Formez-vous à l’excellence.
Voir la fiche entreprise

Tarif

A partir de 2 245,00 €

Durée 5 jour(s)
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

DAWAN


Formez-vous à l’excellence.
Voir la fiche

Tarif

A partir de 2 245,00 €

Durée 5 jour(s)
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Programme

    Fondamentaux de la publication sur le Web et de l'interactivité

    Introduction

    Historique
    Présentation du Web

    Les formats

    Les tailles d'écran
    Les espaces colorimétriques : RVB et hexadécimal
    Les différents formats de fichiers images
    L'optimisation

    L'interactivité

    Les spécificités (non-linéarité de la publication Web)
    Les liens hypertexte
    Les différentes formes de sites Web : site statiques et site dynamiques

    Présentation des logiciels de la suite Adobe

    Photoshop : présentation

    L'interface et l'espace de travail
    Création de nouveaux documents : le paramétrage
    Les outils et les méthodes de sélection
    L'organisation des calques
    Le photomontage

    Illustrator : présentation

    L'interface et l''espace de travail
    Création de nouveaux documents : le paramétrage
    Le vectoriel
    Les calques et les sous-calques
    Les masques d'écrêtage

    Dreamweaver

    L'interface et l''espace de travail
    Création de nouveaux documents : le paramétrage
    le HTML : structure du dodument
    Les liens hypertextes
    La mise en forme

    Présentation de Bridge

    Présentation d'outils en ligne

    Conception
    Production
    Analyse
    Ressources

    Conception fonctionnelle d'un site Web

    La préparation du projet

    Rédaction du projet sous forme d’une note d'intention
    Rédaction du cahier des charges
    Définition

    Les différents types de sites Web

    Les sites vitrines
    Le Portfolio
    Les sites de e-commerce
    Les sites communautaires
    Les blogs
    Les sites événementiels

    Les différentes formes de sites Web

    Les sites statiques
    Les sites dynamiques
    Les CMS
    Les niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

    L'arborescence du site

    Organisation des rubriques
    Cinématique des pages
    Ergonomie
    Les principes de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

    La conception graphique

    La charte graphique : l'identité visuelle

    Ce qui est autorisé, ce qui est défendu
    Dimension, « zoning »
    Définir les couleurs : titres, sous-titres, texte de lecture, liens hypertexte, boutons des menus, encadrés, etc.
    Les styles des polices de caractères

    Organiser son interface

    Définition du fond d'écran et du fond de page
    Définir les espaces (contenu, menus, bandeaux publicitaires, etc.)
    Définir les différents niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

    Organiser son travail

    Créer des bibliothèques de styles
    Créer des bibliothèques d'objets
    Exporter ses nuanciers
    Exporter ses styles

    Réalisation : la page d'accueil

    La présentation

    Définition du fond d'écran et du fond de page
    Définir les espaces (contenu, menus, bandeaux publicitaires, etc.)
    Définir les différents niveaux de navigation (navigation dans le site, accès aux rubriques et sous-rubriques, navigation horizontale, verticale, liens, etc.)

    Création d'une page d'accueil

    Définir une grille de positionnement des différents éléments
    Définir les emplacements et la mise en forme du contenu (texte, images, vidéos, etc.)
    Prise en compte de l'ergonomie
    Atelier pratique : création de l'interface d'une page d'accueil

    Réalisation : les rubriques

    Création des pages de rubriques

    Déclinaison de la charte graphique dans les pages intérieures
    Organisation du contenu texte-images
    Positionnement des barres et boutons des menus
    Atelier pratique : création de l'interface de pages intérieures

    Enrichissement graphiques

    Les fonds
    Les dégradés des bords
    En-tête, pieds de pages
    Les vignettes
    Atelier pratique : création de l'interface de pages intérieures

    Exportation des documents graphiques

    Exportation en html

    Les outils tranche de Photoshop et de Illustrator
    Les zones actives d'une image
    Exportation d'un document au format html

    Exportation de l'interface pour l'intégration html

    Création des repères de zones
    Découpage de l'interface

    Optimisation des images

    Les formats d'image : JPG, GIF, PNG
    L'animation : GIF, Flash, CSS 3
    Atelier pratique : création de l'interface d'une page Web dans un document html

    Finalisation de l'interface : l'intégration HTML

    L'éditeur Web

    Insertion des éléments dans une page html
    Gestion des liens hypertexte
    Insertion et gestion des menus et barres des menus (boutons, onglets, etc.)

    L'optimisation des pages

    Optimisation des images
    Les transparences
    Les dégradés
    Atelier pratique : création d'un petit site Web comportant plusieurs rubriques

    Conclusion

    De l'idée initiale à la réalisation finale

    Bilan de la réalisation : contraintes, potentiel et spécificités
    La promotion
    Le référencement
    Faire vivre son site

    Prérequis

    Aisance avec l'outil informatique. Connaître un logiciel de traitement d'images, d'illustration vectorielle serait un plus

    Public

    Graphistes

    Ces formations pourraient vous intéresser

    Objectifs de la formation

    Savoir architecturer et concevoir des projets web JEE performants à  base de Servlets et de JSP - Mettre en place le pattern MVC
    Tarif

    A partir de 1 125,00 €

    Durée

    2j / 14h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    • Effectuer des sélections
    • Effectuer un montage d'images simple, en utilisant les calques
    Tarif

    A partir de 790,00 €

    Durée

    0j / 4h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    • S'approprier le monde du Web
    • Analyser les principes de fonctionnement du Web : HTTP, navigateurs, DNS...
    • Comprendre le développement web et l'architecture des applications
    • Connaître les différents services du Web
    • Comprendre la sécurité sur le Web
    Tarif

    A partir de 1 400,00 €

    Durée

    2 jours

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    Mettre en place une architecture orientée services avec des web services Java - Optimiser et sécuriser des services web
    Tarif

    A partir de 2 125,00 €

    Durée

    3j / 21h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

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

    • Analyser l'évolution des outils de communication du Web 1.0 au Web 2.0
    • Evaluer les changements dans les comportements numériques des générations X et Y
    • Identifier les fonctionnalités clés des "jobboards" pour la recherche de candidats
    • Evaluer l'efficacité de différents réseaux sociaux (comme LinkedIn) pour le recrutement
    • Concevoir une stratégie de marque employeur adaptée aux médias sociaux
    • Planifier une veille technologique pour maintenir une e-réputation positive
    • Définir des objectifs SMART pour une campagne de recrutement sur les réseaux sociaux
    • Sélectionner les outils de communication les plus appropriés pour diffuser des annonces de recrutement
    • Identifier des méthodes efficaces pour rechercher des candidats potentiels
    • Concevoir une approche respectueuse pour solliciter des candidats via les réseaux sociaux.
    Tarif

    A partir de 1 400,00 €

    Durée

    2j / 14h

    Modes
    • Centre
    • Distance

    Objectifs de la formation

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

    • Utiliser de manière approfondie le Web Intelligence au travers des fonctionnalités avancées de l'outil.
    Tarif

    A partir de 1 220,00 €

    Durée

    2j / 14h

    Modes
    • Centre
    • Distance

    Objectifs de la formation

    • Insuffler l'esprit start-up dans votre entreprise
    • Faire émerger des idées disruptives (méthode design thinking...)
    • Proposer des services ou produits de rupture
    • Doper la créativité et l'intelligence collective de vos équipes !
    Tarif

    Contacter l'organisme

    Durée

    2j / 14h

    Modes
    • Centre
    • Distance
    • Entreprise

    Objectifs de la formation

    Cette formation e-learning complète regroupant Photoshop, Illustrator et InDesign est la solution idéale pour les passionnés de design souhaitant atteindre un niveau de compétence avancé. Cette masterclass combine les niveaux initiation et intermédiaire, offrant plus de 50 heures de vidéos instructives et inspirantes. Avec des exercices pratiques dans des ateliers créatifs, vous serez en mesure d'appliquer vos connaissances pour créer des designs professionnels.
    Tarif

    A partir de 690,00 €

    Durée

    7j / 54h

    Modes
    • Entreprise
    • Distance

    Objectifs de la formation

    • Paramétrer l'interface du logiciel AutoCAD
    • Gérer les options et configurer des outils d'aide au dessin du logiciel AutoCAD
    • Gérer l'affichage et la navigation
    • Utiliser les commandes de dessin et modification
    • Organiser le projet avec des calques
    • Utiliser les outils texte et gérer leur style
    • Utiliser les cotations et tolérances et gérer leur style
    • Utiliser, gérer et créer des hachures
    • Mettre en place des présentations
    • Gérer les tracés en présentation avec les mises à l'échelle
    • Créer, insérer et gérer les références de blocs
    • Utiliser le Design Center (insertion référence de bloc, créer un gabarit de dessin...)
    • Insérer et gérer les Références externes
    Tarif

    A partir de 2 190,00 €

    Durée

    4j / 28h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    • Retoucher une image en couleur ou niveaux de gris, avec les outils de base de Photoshop
    • Effectuer un montage d'images simple, en utilisant les calques, les effets et outils artistiques de base du logiciel
    • Maîtriser le travail non destructif dans Photoshop
    • Utiliser les fonctions avancées de Photoshop pour créer des visuels plus élaborés : tracés, masques, couches, et les actions
    • Préparer une image pour le prépresse ou la communication digitale
    Tarif

    A partir de 4 250,00 €

    Durée

    5j / 35h

    Modes
    • Centre
    • Entreprise
    • Distance

    Je cherche à faire...