Techniques Graphiques pour le Web Design

Tarifs

940 € Frais de participation
630 € dans le cadre du diplôme suivi en Pass'Compétence

Durée

24 heures dont 12 heures de réunions synchrones et 12 de travail asynchrone

Dates

Référence DAE21-0661A :
du 17/01/2022 au 15/04/2022

Lieu de la formation

A distance

Renseignements & inscriptions

Diane ABELÉ 03 68 85 49 30

Sauf le vendredi après-midi

Accueil des personnes en situation de handicap

Le Service de la vie universitaire – Mission handicap propose un dispositif d’accueil et d’accompagnement spécifique pour permettre aux personnes en situation de handicap de se former dans les meilleures conditions possibles. Pour en savoir plus

Toute demande d’adaptation peut être étudiée en amont de la formation, en fonction du besoin.

Merci de vous adresser au correspondant handicap du SFC
M. Dominique Schlaefli (dominique.schlaefli@unistra.fr)

Financer la formation

S’inscrire à un diplôme

Ce stage constitue un module du diplôme d'université Développeur Web Full Stack. Chaque module de ce diplôme peut être suivi et validé séparément, permettant ainsi d’obtenir le diplôme en 2 à 5 ans. Un Pass’Compétences Universitaire sera remis à l’issue de chaque module et permettra de suivre l’évolution du parcours personnalisé.

Compétences à l'issue de la formation

  • Utiliser Photoshop et Illustrator pour créer et modifier des éléments visuels (photo, logo, illustration, icônes, photomontage…)
  • Créer un design de site web sous Photoshop (maquette), en améliorant son ergonomie et son utilisabilité.
  • Adapter les pages web à tout type de terminaux et de circonstances (design responsive),
  • Améliorer son référencement naturel, et par campagne payante Adwords,
  • Exprimer un besoin au nom d’un commanditaire et le formuler sous forme de cahier des charges.
Personnes concernées
expand_more

Toute personne souhaitant acquérir des compétences de création et de conception graphique des interfaces d’applications web interactives.

Programme
expand_more

Partie Théorique

  • Outils de traitement des images : découverte des outils – correction des densités par les histogrammes – optimisation chromatique – retouche – photomontage par les calques – les filtres essentiels à assemblage d’éléments graphiques.
  • Design de sites web : Comprendre le processus de conception et de création d’interfaces web – Comprendre la notion et les enjeux du “responsive design” – Savoir utiliser les couleurs et la typographie pour le web
  • Partie Pratique

  • Photoshop : contrôle des lumières et du contraste – rectification de la balance des couleurs – construction de l’image par les calques – détourage – retouche – dompter le texte dans photoshop – filtres et effets de style – automatisation des tâches – importation et traitement d’images vectorielles – export d’image par le web.
  • Illustrator : création d’objets vectoriels – outil plume – interactions entre formes – couleurs et dégradés – calques et masques – gestion du texte.
  • Design de sites web : Création de zoning et de wireframe – Création de moodboards et style tiles – Apprendre à créer des éléments d’interface utilisateur pour le web – Créer ses maquettes avec Photoshop – Optimiser l’enregistrement de ses maquettes pour le web.
  • pré-requis
    expand_more

    La participation à cette formation ne nécessite pas de pré-requis complémentaires.

    Méthodes pédagogiques
    expand_more

    Même si des supports de cours ou vidéo-cours sont disponibles, l’apprentissage repose pour beaucoup sur une co-construction des savoirs, de façon collaborative, en petit groupe, encadré par l’enseignant. Des situations problèmes (ou études de cas) permettent la mise en pratique des concepts abordés.

    Responsable scientifique
    expand_more

    M. Eric Christoffel, Maître de Conférences, Faculté de Physique et IngénierieM. Eric Christoffel, Maître de Conférences, Faculté de Physique et Ingénierie

    Courriel : christof@unistra.frCourriel : christof@unistra.fr

    Organisation de l'enseignement à distance
    expand_more

    Les sessions de formation à distance se déroulent sur la plateforme digitalUni développée spécifiquement pour la formation continue. Elle privilégie l’accompagnement et l’assistance pédagogique et technique.

    Les sessions impliqueront de la part du stagiaire :

    • la participation à des réunions en classe virtuelle : cours en direct avec micro et webcam pour favoriser le tutorat à distance
    • la réalisation de travaux à partir de ressources numériques, d’audiocours, de quizz, de travail collaboratif selon un planning défini (disponible sur simple demande. Un protocole individuel de formation est remis avant le démarrage de la formation)

    Il convient de disposer d’une bonne connexion internet et de prévoir un temps d’appropriation des outils dédiés à l’enseignement à distance (module de formation à l’utilisation de la plateforme classe virtuelle de test et liste des pré-requis techniques mise à disposition avant le démarrage de la formation).

    Animation
    expand_more

    M. Benoît Ferry, Création et Production Graphique, Octoprint

    M. Boris Epp, Graphiste indépendant

    Matériel nécesssaire
    expand_more

    Vous devez disposer d’un matériel informatique récent, sous Windows, Mac ou Linux. Un environnement de développement web local (gratuit) sera installé (Wamp, Mamp, …). Une bonne connexion internet, de type ADSL (>1Mb) est requise pour suivre les réunions synchrones dans de bonnes conditions.

    Nature et sanction de la formation
    expand_more

    Cette formation constitue une action d’adaptation et de développement des compétences.Elle donne lieu à la délivrance d’une attestation de participation.Une évaluation en fin de formation permet de mesurer la satisfaction des stagiaires ainsi que l’atteinte des objectifs de formation (connaissances, compétences, adhésion, confiance) selon les niveaux 1 et 2 du modèle d’évaluation de l’efficacité des formations Kirkpatrick.

    Vous êtes une organisation et souhaitez une proposition intra pour cette formation ?

    Vous êtes une organisation et souhaitez un accompagnement dans la construction de votre projet sur-mesure.