Concepteur designer UI bac+3
DUT
A distance
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
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
Date de début
À 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.
Les Avis
Les matières
- Webmaster
- Webdesigner
- Graphiste
- Photoshop initiation
- Photoshop CC
- InDesign
- Wordpress
- MySQL
- PHP
- Webmarketing
Professeurs
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.
- Être en mesure de réaliser tout type d'infographie et des supports numériques multimédias
- É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.
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