CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux Utilisation des liens d'ancrage dans Adobe XD pour les sites OnePage

Utilisation des liens d'ancrage dans Adobe XD pour les sites OnePage

Créer des liens d'ancrage

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

Création de liens d'ancrage

Objectifs

À la fin de cette vidéo, vous serez capable de :
- Créer et configurer des liens d'ancrage dans Adobe XD.
- Organiser efficacement vos calques pour un prototypage fluide.
- Ajuster les paramètres de défilement et de décalage pour une navigation optimale.

Résumé

Apprenez à créer des liens d'ancrage dans Adobe XD pour améliorer l'expérience utilisateur de vos sites OnePage.

Description

Cette leçon détaille l'utilisation de la fonctionnalité de lien d'ancrage dans Adobe XD pour créer des expériences utilisateurs optimisées sur des sites OnePage. Vous apprendrez à organiser vos calques, à utiliser le mode prototype et à paramétrer les liens d'ancrage pour naviguer facilement entre les sections de votre page. La vidéo couvre les étapes suivantes :

1. Création et nomenclature des calques et des groupes.
2. Activation et utilisation du mode prototype.
3. Configuration des liens d'ancrage avec ajustement des paramètres de défilement et du décalage en Y.
4. Tests et ajustements pour peaufiner le prototypage.

En utilisant ces techniques, vous pouvez offrir une navigation intuitive et réactive à vos utilisateurs, améliorant ainsi l'efficacité et la satisfaction de vos designs OnePage.

Questions fréquentes

Qu'est-ce qu'un lien d'ancrage dans Adobe XD ?

Un lien d'ancrage dans Adobe XD permet de créer des liens directs vers des sections spécifiques d'une page, facilitant la navigation pour les utilisateurs.

Comment activer le mode prototype dans Adobe XD ?

Pour activer le mode prototype dans Adobe XD, il suffit de cliquer sur l'onglet 'Prototype' en haut de l'interface.

Quels paramètres pouvez-vous ajuster pour un lien d'ancrage ?

Vous pouvez ajuster des paramètres tels que le défilement pour, le rythme de défilement, le magnétisme et le décalage en Y pour personnaliser le comportement du lien d'ancrage.

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.