Adobe XD - pour le design d'interface (UX/UI) - 01 initiation

Rechercher une formation

Source : Carif Ile-de-France

Fiche originale

Partager sur :

Objectifs, programme, validation de la formation

Objectifs

Créer des interfaces et des objets vectoriels pour concevoir des sites Web, des applications, des sites responsives avec un outil de la suite Adobe.

Description, programmation

Découvrir Adobe XD

- Décrire le logiciel Adobe XD et ses principaux usages : wireframe, UI Design
- Identifier ses fonctionnalités phares
- Découvrir les dernières actualités Adobe XD

Prendre en main Adobe XD

- Nommer et explorer les différentes zones de l’interface
- Connaître les conventions d’usage dans les outils de design
- Mémoriser les raccourcis principaux
- Ajuster les préférences

Designer formes et interfaces

- Créer des espaces de travail (artboards) et des calques
- Insérer des formes prédéfinies
- Sélectionner, positionner, transformer, supprimer des éléments : taille, couleurs fond et contour, dégradés, motifs, transformation, rotation...
- Ajouter des effets : ombre, flou
- Maîtriser et modifier les courbes de Bézier
- Utiliser les opérations booléennes
- Utiliser les masques
- Ajouter et agencer des titres, des paragraphes
- Vectoriser du texte
- Importer et éditer des éléments vectoriels (logo, icône, illustration...)
- Importer des éléments bitmap

Optimiser son workflow

- Organiser son projet de l’UX à l’UI : web design vs app mobile
- Acquérir une bonne convention de nommage (fichiers, calques, symboles...)
- Organiser l’architecture de son fichier pour les différents devices
- Mettre en place des grilles
- Mettre en place des actifs (styles de texte, couleurs)
- Construire les composants et gérer leur transformation en fonction du device
- Exploiter les fonctionnalités de redimensionnement
- Créer des symboles
- Ajouter et gérer des librairies partagées par plusieurs documents
- Prendre en compte les problématiques des différentes densités d’écran
- Générer les assets (.jpg, .png, .svg, ...)
- Appréhender le fonctionnement des Web fonts
- Partager son projet avec les différentes parties-prenantes (client, développeur...)
- Profiter des ressources et modèles externes
- Profiter d’une sélection des meilleurs plugins et services.

Validation et sanction

Attestation d’acquis ou de compétences ;Attestation de suivi de présence

Type de formation

Perfectionnement, élargissement des compétences

Niveau de sortie sans niveau spécifique