Création de maquette pour le web + Certification DiGiTT par Mandyben
Lieu(x)
En centre (13)
Durée
Total : 28 heures
En centre : 28 heures
Financement
Demandeur d’emploi
Salarié
Éligible CPF
Types
Professionnalisation
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
Le Design
oIdentifier les contraintes liées aux différents périphériques
oIdentifier et décrire les règles de design visuel sur écran
oDécrire les principes du responsive design
o Savoir nommer les zones et éléments d'interface et identifier les parties statiques et dynamiques
oLes règles typographiques des différents périphériques
o Utilisation des calques, symboles, comportements responsives des symboles, styles, masques, tranches, grilles, repères
oPréparation du découpage de la maquette
oPréparation et optimisation des images et symboles
o Rangement, gestion des symboles, classement, dénommination et exportation des éléments
Les grilles
oLes grilles du Print vers le Web
oLes grilles verticales et horizontales
oComment choisir sa grille ? | Où trouver des grilles ?
oGestion des grilles dans Photoshop
Réaliser des Wireframes et des maquettes
oCréer un zoning
oPasser d'un zoning à un wireframe
oIntégrer de l'interactivité pour finaliser sa maquette
oLes outils utiles à la création de maquette
Automatisation
oTraitement par lot
oCréation de flux de reformatage d'images
Exportation
oOptimisation des images pour le Web (taille, définition...)
oParamètres d'exportation
Maquettez la version aperçu mobile de votre site
oLes outils de création de formes vectorielles
oLa grille fluide
oLe design d'éléments d'interfaces
oActivité : Concevez la maquette aperçu mobile
Maquettez la version aperçu desktop de votre site
oSavoir reconnaître les tendances et les styles.
oUtiliser un mood board pour définir ses choix graphiques.
oMettre en place des pistes de recherche.
-Enrichissez votre version aperçu desktop
-Activité : Concevez la maquette aperçu desktop
oActivité : Créez un prototype fonctionnel
Utilisation Adobe XD
Introduction
oQu'est
- ce que Adobe XD ?
oLes atouts et les enjeux du logiciel
Le prototypage
oLes étapes de conception
oLe design d'interface
oL'architecture de l'information
oLes tendances du design
Découvrir l'interface d'Adobe XD
oL'écran d'accueil
oBarre de menus et barre d'outils
oLes panneaux de propriétés
oMoodboard
Les plans de travail et repères
oAjouter et gérer les plans de travail
oManipuler les grilles et les repères
Les formes
oCréer des formes simples
oCréer des éléments vectoriels avec l'outil Plume
oCréer une icône
Les textes
oSaisir du texte
oImporter des fichiers textes
oGérer les styles de texte
Les images
oImporter des imag
oIdentifier les contraintes liées aux différents périphériques
oIdentifier et décrire les règles de design visuel sur écran
oDécrire les principes du responsive design
o Savoir nommer les zones et éléments d'interface et identifier les parties statiques et dynamiques
oLes règles typographiques des différents périphériques
o Utilisation des calques, symboles, comportements responsives des symboles, styles, masques, tranches, grilles, repères
oPréparation du découpage de la maquette
oPréparation et optimisation des images et symboles
o Rangement, gestion des symboles, classement, dénommination et exportation des éléments
Les grilles
oLes grilles du Print vers le Web
oLes grilles verticales et horizontales
oComment choisir sa grille ? | Où trouver des grilles ?
oGestion des grilles dans Photoshop
Réaliser des Wireframes et des maquettes
oCréer un zoning
oPasser d'un zoning à un wireframe
oIntégrer de l'interactivité pour finaliser sa maquette
oLes outils utiles à la création de maquette
Automatisation
oTraitement par lot
oCréation de flux de reformatage d'images
Exportation
oOptimisation des images pour le Web (taille, définition...)
oParamètres d'exportation
Maquettez la version aperçu mobile de votre site
oLes outils de création de formes vectorielles
oLa grille fluide
oLe design d'éléments d'interfaces
oActivité : Concevez la maquette aperçu mobile
Maquettez la version aperçu desktop de votre site
oSavoir reconnaître les tendances et les styles.
oUtiliser un mood board pour définir ses choix graphiques.
oMettre en place des pistes de recherche.
-Enrichissez votre version aperçu desktop
-Activité : Concevez la maquette aperçu desktop
oActivité : Créez un prototype fonctionnel
Utilisation Adobe XD
Introduction
oQu'est
- ce que Adobe XD ?
oLes atouts et les enjeux du logiciel
Le prototypage
oLes étapes de conception
oLe design d'interface
oL'architecture de l'information
oLes tendances du design
Découvrir l'interface d'Adobe XD
oL'écran d'accueil
oBarre de menus et barre d'outils
oLes panneaux de propriétés
oMoodboard
Les plans de travail et repères
oAjouter et gérer les plans de travail
oManipuler les grilles et les repères
Les formes
oCréer des formes simples
oCréer des éléments vectoriels avec l'outil Plume
oCréer une icône
Les textes
oSaisir du texte
oImporter des fichiers textes
oGérer les styles de texte
Les images
oImporter des imag
Objectifs
Le certificat permet d'évaluer les 9 grandes compétences des actifs liées à la transformation numérique des organisations.
- Les bases de la transformation numérique
- Comprendre en quoi le digital impacte son métier et son secteur d'activité au quotidien, dans un proche avenir et sur le long terme
- Communication et Collaboration
- Communiquer et travailler avec les autres grâce aux outils digitaux
- Contenus numériques
- Créer, développer et partager les contenus numériques
- Sécurité & Technologie
- Se protéger des menaces liées à l'utilisation d'outils numériques
- Résolution de problèmes
- Trouver et résoudre les problèmes liés à l'utilisation des outils numériques, rester à la pointe en faisant évoluer ses compétences
- Mobilité - Utiliser les moyens de communication en situation de mobilité
- Webmarketing
- Appliquer les techniques du marketing sur les supports numériques pour toucher les prospects et les clients
- Data & innovation
- Gérer de grandes quantités de données générées par les usages du numérique et intégrer les innovations
- E
- commerce
- Acheter ou vendre sur Internet grâce aux différents sites et plateformes, en toute sécurité
- Les bases de la transformation numérique
- Comprendre en quoi le digital impacte son métier et son secteur d'activité au quotidien, dans un proche avenir et sur le long terme
- Communication et Collaboration
- Communiquer et travailler avec les autres grâce aux outils digitaux
- Contenus numériques
- Créer, développer et partager les contenus numériques
- Sécurité & Technologie
- Se protéger des menaces liées à l'utilisation d'outils numériques
- Résolution de problèmes
- Trouver et résoudre les problèmes liés à l'utilisation des outils numériques, rester à la pointe en faisant évoluer ses compétences
- Mobilité - Utiliser les moyens de communication en situation de mobilité
- Webmarketing
- Appliquer les techniques du marketing sur les supports numériques pour toucher les prospects et les clients
- Data & innovation
- Gérer de grandes quantités de données générées par les usages du numérique et intégrer les innovations
- E
- commerce
- Acheter ou vendre sur Internet grâce aux différents sites et plateformes, en toute sécurité
Centre(s)
- Marseille - 6ème (13)
Secteur(s)
Métier(s)
- Animateur / Animatrice de formateurs
- Animateur / Animatrice de formation
- Animateur-coordinateur / Animatrice-coordinatrice de formation
- Chargé / Chargée de formation en organisme de formation
- Chef de projet e-formation
- Concepteur organisateur / Conceptrice organisatrice en formation
- Concepteur-animateur / Conceptrice-animatrice de formation
- Concepteur-formateur / Conceptrice-formatrice
- Didacticien / Didacticienne
- Directeur / Directrice
- E-formateur / E-formatrice
- Formateur / Formatrice
- Formateur / Formatrice action sociale
- Formateur / Formatrice bureautique
- Formateur / Formatrice bâtiment
- Formateur / Formatrice commerce vente
- Formateur / Formatrice comptabilité et gestion financière
- Formateur / Formatrice d'adultes
- Formateur / Formatrice d'allemand
- Formateur / Formatrice d'anglais
- Formateur / Formatrice d'animateurs de formation
- Formateur / Formatrice d'arabe
- Formateur / Formatrice d'espagnol
- Formateur / Formatrice d'italien
- Formateur / Formatrice de Français Langue Étrangère (FLE)
- Formateur / Formatrice de chinois
- Formateur / Formatrice de formateurs
- Formateur / Formatrice de formation paramédicale
- Formateur / Formatrice de formation professionnelle
- Formateur / Formatrice de japonais
- Formateur / Formatrice de la formation continue
- Formateur / Formatrice de langue vivante
- Formateur / Formatrice de néerlandais
- Formateur / Formatrice de portugais
- Formateur / Formatrice de russe
- Formateur / Formatrice e-learning
- Formateur / Formatrice enseignement à distance
- Formateur / Formatrice entretien espaces verts
- Formateur / Formatrice hôtellerie restauration
- Formateur / Formatrice informatique
- Formateur / Formatrice multimédia
- Formateur / Formatrice propreté nettoyage de locaux
- Formateur / Formatrice remise à niveau
- Formateur / Formatrice ressources humaines
- Formateur / Formatrice secourisme
- Formateur / Formatrice secrétariat assistanat
- Formateur / Formatrice technique
- Formateur animateur / Formatrice animatrice de formation
- Formateur consultant / Formatrice consultante
- Formateur coordinateur / Formatrice coordinatrice de formation
- Formateur-conseil / Formatrice-conseil
- Moniteur / Monitrice de formation professionnelle
- Professeur / Professeure en centre de formation pour adultes
- Responsable d’entreprise
- Responsable ingénierie de la formation professionnelle
Compétence(s)
- Braille
- Caractéristiques et propriétés des bois et dérivés du bois
- Chimie
- Confection de produits
- Droit de la formation
- Electricité
- Français Langue Étrangère (FLE)
- Gestion comptable
- Gestion de production
- Génie civil
- Hôtellerie, restauration
- Informatique
- Ingénierie de la formation
- Ingénierie pédagogique
- Langue des signes
- Langues régionales
- Logistique globale
- Management
- Marché de l'emploi
- Mécanique
- Mécanique automobile
- Métallurgie
- Méthodes d'investigation
- Outils bureautiques
- Pathologies psychiatriques
- Principes de fonctionnement d'un système de climatisation
- Productique
- Produits alimentaires
- Réglementation des diplômes et certifications
- Réglementation du tourisme
- Sciences paramédicales
- Second oeuvre
- Sociologie
- Sociologie des organisations
- Soins esthétiques
- Sécurité du travail
- Techniques associées au BTP
- Techniques commerciales
- Techniques d'animation d'atelier
- Techniques d'animation de groupe
- Techniques de e-learning
- Techniques de formation collective
- Techniques de formation en présentiel
- Techniques de formation individuelle
- Techniques de formation à distance
- Techniques de vente
- Techniques pédagogiques
- Utilisation d'équipement de protection et de sécurité
- Électromécanique
- Équipements audiovisuels
- Équipements de télécommunication
Formation proposée par : Mandyben
À découvrir