CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux Gestion des Styles de Caractères dans le Design d'Interface

Gestion des Styles de Caractères dans le Design d'Interface

Ajout et utilisation de styles de caractères

Vidéo non disponible ! Réessayez plus tard

3h 33min

56 leçons

5,0

Transcription

Cette leçon fait partie de la formation

Apprendre Adobe XD - Les fondamentaux

89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

3h 33min

56 leçons

5,0

Cette leçon fait partie de la formation

Apprendre Adobe XD - Les fondamentaux

89,00€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Introduction et Fonctionnalités du Panneau des Actifs

Objectifs

Présenter et expliquer comment gérer efficacement les styles de caractères dans le panneau des actifs d’un logiciel de design d'interface.

Résumé

Apprenez à enregistrer et modifier les différents styles de caractères pour maintenir la cohérence visuelle dans vos projets de design d'interface.

Description

Le panneau les actifs facilite l’enregistrement et la modification des styles de caractères dans un projet de design d’interface. Cela permet de modifier les attributs des caractères à travers tous les plans de travail. Par exemple, pour ajouter un style de caractère, il suffit de sélectionner un ou plusieurs éléments, puis de cliquer sur plus. La nomenclature initiale prend le nom de la police et sa taille, mais il est conseillé de la personnaliser pour mieux s’y retrouver et faciliter le travail des développeurs. En renommant, par exemple, un titre en H1, vous assurez une bonne organisation des styles.

Vous pouvez également sélectionner l’ensemble des plans de travail pour intégrer tous les styles de caractères utilisés dans la sélection. En cliquant avec le bouton droit sur un style et en choisissant mettre en évidence, il sera facile de le renommer correctement, comme en H2. Cela garantit que tout changement de style se reflète en temps réel sur tous les éléments concernés, assurant la cohérence du design.

Modifier un style, que ce soit la couleur, la police, ou les attributs comme la taille, l’approche et l’interlignage, est essentiel pour adapter le design à différentes exigences visuelles. Utiliser les styles de caractères de cette manière est non seulement pratique et malléable, mais aussi indispensable pour la gestion visuelle de vos projets.

Questions fréquentes

Comment ajouter un style de caractère?

Il suffit de sélectionner un ou plusieurs éléments et de cliquer sur plus dans le panneau des actifs.

Pourquoi est-il important de renommer les styles de caractères?

Renommer les styles de caractères permet une meilleure organisation et facilite le travail des développeurs.

Quels attributs de texte peut-on modifier à partir d'un style de caractère?

On peut modifier la couleur, la police, la taille, l’approche et l’interlignage.

Programme détaillé

Accueil de la formation

Module 1 - Gestion des Documents

Création d’un document 02:37

Gérer les plans de travail 04:53

Exploiter les grilles de mise en page 04:38

Présentation et utilisation des calques 04:48

Module 2 - Les outils de dessin vectoriel

Dessiner des rectangles et des carrés 04:55

Dessiner des cercles et des ellipses 02:10

Dessiner des étoiles et des polygones 03:00

Dessiner des lignes 02:40

Créer des tracés avec la plume 04:27

Gérer les tracés vectoriels 04:26

Assimiler les opération booléennes 03:51

Utilisation des couleurs unies 04:38

Utilisation des dégradés de couleurs 05:14

Module 3 - Les Textes

Les textes de point 03:44

Les textes de zones 04:26

Module 4 - Importation de fichiers et d'images

Importation d'un fichier Illustrator 04:16

Importation d'un fichier Photoshop 03:10

Importation d'images 02:35

Module 5 - Les différents effets graphiques

Les ombres portées 03:34

Les flous d'objets 02:24

Les flous d'arrière plan 03:11

Les modes de fusion 04:45

Glisser-déposer d’une ressource dans une forme 03:02

Masquer à l’aide d’une forme 03:55

Module 6 - Création d’éléments répétés

Utilisation d'une grille de répétition 04:43

Modifier le contenu d'une grille de répétition 03:19

Utilisation avancée de la grille de répétition 04:13

Module 7 - Redimensionnement réactif

Redimensionnement réactif de groupes 06:15

Redimensionnement réactif de plans de travail 03:22

Module 8 - Utilisation des composants

Créer et manipuler les composants 05:02

Utilisation de composants imbriqués 05:03

Utilisation de composants liés 02:52

Etat de Survol 05:25

Nouvel état 04:11

Module 9 - Utilisation et gestion des Actifs

Ajout et utilisation de couleurs 03:24

Ajout et utilisation de styles de caractères 02:58

Gestion des composants 03:01

Lier des actifs 02:40

Module 10 - Le mode Prototype

Scroll et position fixe lors du scroll 02:31

Lier des élément intéractifs 05:04

Créer des liens d'ancrage 04:22

Créer des Overlays 03:16

Mise en place d’animations intéractives 04:57

Créer des animations complexes 05:41

Simuler les états d'un champ de formulaire 05:20

Utiliser les gestes tactiles 04:33

Utiliser les commandes vocales 03:03

Module 11 - Plug-ins

Présentation des Plug-ins 04:44

Gestion des Plug-ins 02:45

Les Plug-Ins incontournables 05:36

Utiliser le Plug-in Google Sheets 03:07

Module 12 - Partage de designs et de prototypes

Partage pour l'examen de la conception 03:42

Partage pour le développement 05:52

Gestion des liens de partage 01:41

Module 13 - Les différents types d'export

Exporter une sélection et des plans de travail 02:26

Enregistrer une vidéo des interactions 01:30

14 commentaires

5,0

14 votes

camille a.

Il y a 1 an

Bonne formation claire, simple, éfficasse,
vous pouvez monter le niveau est nous préparer une autre plus avancée , avec des prototype PINSKY cela manque en français.
Bonne continuation

Yasmina K.

Il y a 2 ans

Très bonne formation ! Parfaite pour élaborer des projets simples.
Format à 4 minutes digeste.
Hiérarchisation harmonieuse des thématiques abordées.
Voix limpide, claire, a tempo parfait.
Écran net.

Jean-Claude M.

Il y a 3 ans

Comme toujours chez Elephorm très bonne formation mais je reste un peu sur ma faim quand à l'utilisation des plug-ins, surtout à ceux qui concernent l'exportation web comme Anima par exemple et à la fonction responsive.

Olivier R.

Il y a 4 ans

Excellent

Rémi C.

Il y a 4 ans

Très bonne formation, mais je reste un peu sur ma faim.

Hicham E.

Il y a 4 ans

Tuto trés claire. Merci

Maëva G.

Il y a 4 ans

Super tuto! Bien expliqué et bien présenté. Il n'y a plus qu'à s'y mettre!

Brice A.

Il y a 4 ans

Un tutoriel très complet qui présente bien AdobeXD et tout ce qui est possible de faire avec. Merci

Morgan L.

Il y a 4 ans

Très agréable, cette formation explique bien les notions importantes du logiciel.
Pour la habitués de la suite Adobe, les spécificités du logiciel commencent au module 5 - 6.

Christophe D.

Il y a 4 ans

Très bonne formation, à la fois claire, complète et concise ... nickel !

Pierre G.

Il y a 4 ans

Formation extrêmement claire !!! Débutante, je vais pouvoir me lancer concrètement dans mes créations ! Merci !!
Je la recommande vivement !!

Sabine M.

Il y a 4 ans

Merci pour cette formation structurée et efficace. Les exemples sont concrets, les conseils pour améliorer son efficacité sont convaincants. Les fonctionnalités de partage permettent d'organiser un développement collectif où chacun se sent responsable. Cela donne très envie d'utiliser ce produit Adobe. Excellent!

christian l.

Il y a 4 ans

Progression limpide - Merci

Vincent P.

Il y a 4 ans

Excellente pédagogie, très clair, concis. Merci pour ce cours qui sera très utile aux débutants.