CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre Adobe XD - Les fondamentaux Comment utiliser les grilles dans Adobe XD pour concevoir des interfaces utilisateur

Comment utiliser les grilles dans Adobe XD pour concevoir des interfaces utilisateur

Exploiter les grilles de mise en page
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Adobe XD - Les fondamentaux
Revoir le teaser Je m'abonne
5,0
Transcription

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :
1. Comprendre l'importance des grilles dans le design.
2. Apprendre à configurer et utiliser les deux types de grilles dans Adobe XD.
3. Concevoir des interfaces cohérentes et structurées.

Apprenez à mettre en place des grilles dans Adobe XD pour créer des expériences utilisateurs cohérentes.

Avant de vous lancer dans le design de tout type d'interfaces utilisateurs, il est indispensable d'implémenter un système de grilles. Adobe XD, en tant que logiciel de prototypage interactif, dispose de deux fonctionnalités essentielles pour cela : les grilles de disposition et les grilles carrées.

Pour commencer, sélectionnez un plan de travail. Dans les propriétés à droite, activez la grille disposition. Par défaut, Adobe XD configure une grille de 12 colonnes adaptée aux sites internet. Vous pouvez ajuster la couleur, le nombre de colonnes, la largeur des gouttières et des colonnes. Il est aussi possible de régler les marges extérieures.

Le deuxième type de grille est la grille carrée, avec des carrés de 8 pixels de côté, une valeur recommandée par Google. Ces grilles facilitent l'alignement des objets. Utiliser les deux grilles simultanément aide à structurer vos interfaces de façon homogène.

Voir plus
Questions réponses
Pourquoi utiliser des grilles dans le design d'interfaces ?
Les grilles aident à maintenir la cohérence et l'alignement dans les interfaces, facilitant ainsi la navigation et l'expérience utilisateur.
Quel est le nombre de colonnes par défaut d'Adobe XD pour les sites internet ?
Adobe XD utilise par défaut 12 colonnes car c'est le standard le plus souvent utilisé pour les sites visibles sur des écrans.
Quels sont les deux types de grilles disponibles dans Adobe XD ?
Adobe XD propose des grilles de disposition pour les mises en page et des grilles carrées pour un alignement précis basé sur des multiples de 8 pixels.

Programme détaillé

14 commentaires
5,0
14 votes
5
4
3
2
1
camille.art
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
sykah
Il y a 1 an
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.
jc.mosca
Il y a 2 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_96
Il y a 3 ans
Excellent
rcormont77
Il y a 3 ans
Très bonne formation, mais je reste un peu sur ma faim.
hicham.elmbarki
Il y a 3 ans
Tuto trés claire. Merci
maevg
Il y a 3 ans
Super tuto! Bien expliqué et bien présenté. Il n'y a plus qu'à s'y mettre!
brice.athimond
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
morganlachery
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.
ChrisD
Il y a 4 ans
Très bonne formation, à la fois claire, complète et concise ... nickel !
p.germain
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 !!
marq.sab
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.lepiney
Il y a 4 ans
Progression limpide - Merci
vincentpeterlongo_1
Il y a 4 ans
Excellente pédagogie, très clair, concis. Merci pour ce cours qui sera très utile aux débutants.