Concepteur designer UI bac+3

DUT

A distance

4 200 € TTC

Appeler le centre

Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Description

  • Typologie

    DUT

  • Méthodologie

    A distance

  • Heures de classe

    500h

  • Durée

    4 Mois

  • Dates de début

    Dates au choix

  • Classes virtuelles

    Oui

Éligible CPF CODES CPF : 192304

La formation Webdesigner que vous propose Formation 31 est une initiation aux bases du métier d'infographiste multimédia, cette formation permet de connaître les bases et les logiciels les plus intéressants à connaître et à maîtriser.

Précisions importantes

Modalité VAE

CIF: Formation éligible au CIF (Congé individuel de Formation)

DIF: Formation éligible au DIF (Droit individiuel à la Formation)

Pôle Emploi: Formation éligible au financement Pôle Emploi

Les sites et dates disponibles

Lieu

Date de début

A distance

Date de début

Dates au choixInscriptions ouvertes

À propos de cette formation

L'objectif principal est de vous donner les bases essentielles et les outils afin de vous permettre de réaliser vos créations.

Toute personne désireuse d'en connaître un peu plus sur les métiers du Webdesign.

Vous devez avoir un ordinateur de qualité une bonne connexion Internet et maîtriser votre outil informatique.

Obtenir le titre professionnel RNCP de Niv III (bac+2) remis par le ministère du travail.

Les cours à distance vous permettent à travers un site dédié, de consulter les vidéos streaming, donnés dans des conditions réelles.
Le site dédié vous permet de consulter les devoirs et de les remettre à votre formateur, le formateur vous accorde 1 heures d'entretiens individuels par mois.

Vous serez contactés le plus rapidement possible, merci de renseigner toute vos coordonnées.

Cette formation correspond à une initiation des métiers du Webdesign.

Questions / Réponses

Ajoutez votre question

Nos conseillers et autres utilisateurs pourront vous répondre

À qui souhaitez-vous addresser votre question?

Saisissez vos coordonnées pour recevoir une réponse

Nous ne publierons que votre nom et votre question

Les Avis

Les matières

  • Webmaster
  • Webdesigner
  • Graphiste
  • Photoshop initiation
  • Photoshop CC
  • InDesign
  • Wordpress
  • MySQL
  • PHP
  • Webmarketing

Professeurs

Patrick domingues

Patrick domingues

formateur

Le programme

Formation webmaster infographiste sanctionnée par un diplôme de Niv III (bac+2) certifié par le ministère du travail.

Obtenir le titre professionnel RNCP de Niv III (bac+2) remis par le ministère du travail.

  1. Être en mesure de réaliser tout type d'infographie et des supports numériques multimédias
  2. Élaboration de séquences d'animations interactives

Module 1 - Préparer la production et les médias (texte, images fixes ou animées...).
Réaliser des graphismes et illustrations fixes élaborés.
Réaliser des photomontages complexes.
Concevoir et mettre en page des documents imprimés simples.
Assurer une veille technique et technologique.

Module 2 - Réaliser des sites web destinés à la chaîne d'édition multimédia en ligne
Concevoir la mise en page de sites web en tenant compte des critères ergonomiques, du référencement et de l'accessibilité.
Réaliser un site web dynamique.

Module 3 - Elaborer des séquences d'animations interactives
Concevoir une animation pour le web ou pour l'affichage dynamique.
Réaliser une animation en deux dimensions (2D).
Réaliser des séquences d'animation vectorielles interactives en deux dimensions (2D).

PROGRAMME :

Formation infographiste multimédia de quatre mois 344 H

Site web : les fondamentaux - 40 heures
Créer un site web dynamique - 40 heures
Préparer son design - 7 heures
Design web - 60 heures
Intégration charte graphique - 20 heures
Webmarketing- 18 heures
Les CMS - 50 heures
Animations 2D - 70 heures
Infographie destinée à l'impression - 30 heures

Site web les fondamentaux :

- Les outils du web-design
- Les navigateurs
- Xhtml / Css
- Html5 - Css3
- Le Responsive Design
- Bootstrap 3
- Le droit numérique pour les webmasters


Créer un site web dynamique :

- Configurer un serveur local
- Nom de domaine, hébergement, serveur
- Validation du code, émulateur, compatibilité
- Les bases de Php - MySQL
- Les bases d'Ajax - JQuery
- Apprendre à utiliser Dreamweaver CC


Préparer son design :

- L'ux design
- Les tendances
- La typographie
- La couleur
- Ombres et lumières
- Images et icones


Design web :

- Design avec Photoshop
- Design avec Illustrator
- Intégration charte graphique


Webmarketing :

- Définition
- Optimisation d'un site
- Référencement naturel
- Référencement social
- Outils de suivi et de statistiques
- Veille référencement


Les CMS :

- Définition
- Avantages
- WordPress
- Joomla
- Prestashop
- Optimisation et référencement


Enrichir son site avec une animation 2D :

- Adobe Animate CC
- After effects CC
- JQuery Ui
- Html 5


Créer une infographie destinée à l'impression :

- Adobe indesign
- Créer une brochure
- Configuration pour l'impression


vidéo :

- Acquérir une vidéo
- Compression et qualité de l'image
- Intégration de la vidéo

  • Phase 1 créer des infographies pour supports numériques :

Vous aurez à effectuer la préparation et production, conception de la mise en page, réalisation de graphismes, illustrations, logo, brochures et à élaborer des photomontages complexes.

  • Phase 2 créer un site Web, avec design adaptatif en utilisant tous les outils mis à disposition des webdesigners :

Concevoir tout type de pages Web en HTML, Php, Jquery, qui soit ergonomique dynamique, responsive et optimisé pour le référencement.

  • Phase 3 créer des séquences d'animation 2D interactives : l'objectif est de concevoir des animations dynamiques pour le Web, réaliser ainsi des animations en deux dimensionset animations vectorielles interactives.

  • Phase 4 Concevoir des sites web grâce aux Cms actuels , Wordpress, Prestashop, Joomla. : intégrer un graphisme, respecter un cahier des charges, rendre votre site compatible au référencement.

OBSERVATIONS :

  • Formation diplômante accessible à la VAE.
  • Cette formation s'adresse particulièrement aux personnes handicapées.
    Handicaps pris en charge: Personne a mobilité réduite

Titre : Atelier d'introduction à l'UI/UX Design avec Figma

Introduction à l'UI/UX Design

Qu'est-ce que l'UI/UX Design ?Différences entre l'UI et l'UXImportance de l'UI/UX dans le développement d'un produit numérique

Adobe XD vs Figma

Présentation des deux outils de conception d'interfacesAvantages et inconvénients de chaque outilPourquoi choisir Figma pour cet atelier

Découverte de l'interface de Figma

Navigation dans FigmaPrésentation des différents panneaux et fonctionnalités

Outils de conception

Utilisation des outils de dessin, de forme et de texteCréation de formes personnaliséesUtilisation des raccourcis clavier pour une productivité accrue

Gestion des typos

Importation et gestion des polices dans FigmaUtilisation des styles de texteBonnes pratiques pour la lisibilité du texte

Gestion des couleurs

Création et utilisation de palettes de couleursUtilisation des styles de couleursHarmonie des couleurs et accessibilité

Création d'un design system

Comprendre l'importance d'un design systemCréation de composants réutilisablesGestion des styles globaux

Création d'un wireframe (site ou application)

Planification et structure d'un wireframeUtilisation des outils de mise en page et de navigation
Création d'un wireframe interactif dans Figma

Système de grille ou système multiple de 8

Introduction aux grilles de mise en pageCréation d'une grille personnaliséeUtilisation d'un système de multiples de 8 pour la cohérence visuelle

Pages, frames et composants

Création de pages et de frames pour organiser le projetUtilisation de composants pour la réutilisation d'élémentsCréation de variantes de composants

Utilisation de l'auto layout (frame)

Introduction à l'auto layoutCréation de mises en page flexibles et adaptables
Utilisation de contraintes pour ajuster les éléments automatiquement

Déclinaison pour les formats mobiles

Adaptation du design pour les appareils mobilesUtilisation des contraintes et des variantes pour la conception réactive

Réalisation d'un prototype de site ou d'application

Ajout d'interactions et de transitions entre les écransTest et validation du prototype dans Figma

Préparation des éléments graphiques à l'exportation

Exportation des fichiers dans différents formats (PNG, SVG, etc.)Utilisation des slices pour l'exportation rapide

Présentation dynamique du site avec Figma et After Effects

Importation du design dans After EffectsAnimation des éléments pour une présentation dynamique

Travail collaboratif avec Figma

Partage et collaboration en temps réel avec d'autres designers ou développeursGestion des versions et des commentairesBonnes pratiques pour une collaboration efficace

Conclusion et questionsNote : Ce programme peut être adapté en fonction des besoins spécifiques et du niveau des participants

Informations complémentaires

Si vous désirez en connaître plus sur nos formations à distance pour designer, merci de nous contacter aux 05 65 24 32 23.

Appeler le centre

Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Concepteur designer UI bac+3

4 200 € TTC