Création de maquette pour le web + Certification DiGiTT

Source : Carif Provence-Alpes-Côte d’Azur

Partager sur :

Objectifs, programme, validation de la formation

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é

Description, programmation

Le Design
•Identifier les contraintes liées aux différents périphériques
•Identifier et décrire les règles de design visuel sur écran
•Décrire les principes du responsive design
• Savoir nommer les zones et éléments d’interface et identifier les parties statiques et dynamiques
•Les règles typographiques des différents périphériques
• Utilisation des calques, symboles, comportements responsives des symboles, styles, masques, tranches, grilles, repères
•Préparation du découpage de la maquette
•Préparation et optimisation des images et symboles
• Rangement, gestion des symboles, classement, dénommination et exportation des éléments

Les grilles
•Les grilles du Print vers le Web
•Les grilles verticales et horizontales
•Comment choisir sa grille ? | Où trouver des grilles ?
•Gestion des grilles dans Photoshop

Réaliser des Wireframes et des maquettes
•Créer un zoning
•Passer d’un zoning à un wireframe
•Intégrer de l’interactivité pour finaliser sa maquette
•Les outils utiles à la création de maquette

Automatisation
•Traitement par lot
•Création de flux de reformatage d’images

Exportation
•Optimisation des images pour le Web (taille, définition...)
•Paramètres d’exportation

Maquettez la version « aperçu mobile » de votre site
•Les outils de création de formes vectorielles
•La grille fluide
•Le design d’éléments d’interfaces
•Activité : Concevez la maquette « aperçu mobile »

Maquettez la version « aperçu desktop » de votre site
•Savoir reconnaître les tendances et les styles.
•Utiliser un mood board pour définir ses choix graphiques.
•Mettre en place des pistes de recherche.
–Enrichissez votre version « aperçu desktop »
–Activité : Concevez la maquette « aperçu desktop »
•Activité : Créez un prototype fonctionnel

Utilisation Adobe XD
Introduction
•Qu’est-ce que Adobe XD ?
•Les atouts et les enjeux du logiciel

Le prototypage
•Les étapes de conception
•Le design d’interface
•L’architecture de l’information
•Les tendances du design

Découvrir l’interface d’Adobe XD
•L’écran d’accueil
•Barre de menus et barre d’outils
•Les panneaux de propriétés
•Moodboard

Les plans de travail et repères
•Ajouter et gérer les plans de travail
•Manipuler les grilles et les repères

Les formes
•Créer des formes simples
•Créer des éléments vectoriels avec l’outil Plume
•Créer une icône

Les textes
•Saisir du texte
•Importer des fichiers textes
•Gérer les styles de texte

Les images
•Importer des imag

Validation et sanction

Certification

Type de formation

Perfectionnement, élargissement des compétences

Métiers visés

K2111 :

Durée, rythme, financement

Durée 28 heures en centre
Durée indicative : 4 jours

Modalités de l'alternance -

Conventionnement Non

Conditions d'accès

Modalités de recrutement et d'admission Entretien individuel (téléphonique ou sur place) sur le projet professionnel et l'objectif de la formation du candidat. Évaluation de son niveau et conseil d'orientation.

Niveau d'entrée information non communiquée

Conditions spécifiques et prérequis Connaître les principes de bases de la conception du site web et intégration en html css