TiroirDrawer
Un tiroir coulisse depuis le bord de l'écran. Une partie de la page derrière lui reste visible.
Trouve le bon mot.
Donne vie à l’idée.
Décris l’interface ou le parcours que tu imagines sans savoir comment l’appeler. Vibulary trouve le bon terme, montre un exemple visuel et le transforme en demande claire à construire.
Utilisez vos propres mots. Nous examinons ce que c'est, ce que cela fait et quand vous en avez besoin.Pas sûr de comment demander ? Essayez
MCP · Connect to your AI559guides10sujets10langues128démonstrations en direct
Voir. Nommer.Essayez l’interface
Drawer.
Un panneau qui apparaît sur le côté.
D’une impression à une idée concrète.Atlas
Apprenez les mots dont vous avez besoin pour construire une idée.
Nous montrons d'où provient chaque terme. Les normes, les guides officiels et les mots courants de l'industrie ont des étiquettes différentes.
BoutonButton
Un bouton est une commande sur laquelle tu appuies pour faire quelque chose sur l'écran actuel.
Boîte de dialogue modaleModal Dialog
Une boîte de dialogue modale est une fenêtre ciblée. Elle bloque l'écran actuel jusqu'à ce que quelqu'un la ferme ou la termine.
Feuille inférieureBottom Sheet
Une feuille inférieure est un panneau facile à utiliser au toucher. Elle monte depuis le bas et peut s'arrêter à des hauteurs précises.
Palette de commandesCommand Palette
Un menu de commandes est un panneau de recherche conçu pour le clavier. Il ouvre des actions, des pages et des éléments récents.
GlassmorphismeGlassmorphism
Le Glassmorphisme est un style visuel avec des surfaces claires et superposées. Il utilise le flou, les bordures lumineuses et une petite sensation de profondeur.
Animation de printempsSpring Animation
L'animation de printemps suit un modèle physique. La rigidité, l'amortissement, la masse et la vitesse initiale contrôlent son mouvement.
Jeton de conceptionDesign Token
Un Design Token donne un nom à un seul choix de design. Par exemple : une couleur, un espace, une police ou une vitesse d'animation.
AccessibilitéAccessibility
L'accessibilité aide les personnes avec des capacités différentes à comprendre et utiliser un produit.
Objectif produitProduct Goal
Un Product Goal indique le résultat utile qu'un produit doit créer pour les utilisateurs ou l'entreprise.
Génération Augmentée par RécupérationRetrieval-Augmented Generation
La Génération Augmentée par Récupération, ou RAG, trouve des preuves externes au moment de l'exécution. Elle fournit ces preuves à un modèle avant la rédaction.
API & EndpointAPI & Endpoint
Une API est un ensemble de règles pour permettre à des logiciels de communiquer. Un endpoint est une adresse et une opération dans cette API.
Grille CSSCSS Grid
La grille CSS est un système de mise en page pour les lignes et les colonnes ensemble. Elle peut définir des zones fixes ou les modifier en fonction de l'espace disponible.
Validation du formulaireForm Validation
La validation du formulaire utilise des règles et des messages pour trouver, prévenir et expliquer les réponses manquantes ou incorrectes.
Notification toastToast
Un toast est un court message d'état. Il ne bloque pas la page et part souvent tout seul.
Git, Dépôt, Branche & Commit — Pack d'apprentissageGit, Repository, Branch & Commit — Learning Bundle
Ce paquet d'apprentissage relie quatre concepts de Git. Git est le système de contrôle de version. Un dépôt stocke ses objets et références. Une branche nomme une ligne de travail. Un commit enregistre l'état d'un projet avec des métadonnées. Le paquet n'est pas un terme Git unique.
Mouvement réduitReduced Motion
Le Mouvement réduit est un paramètre d'accessibilité et un mode de conception. Il supprime ou simplifie les mouvements inutiles.
Énoncé du problèmeProblem Statement
Une définition de problème dit qui a un problème, quand ça arrive, et pourquoi c'est important de le résoudre.
Choisissez le motif qui convient au travail.
Deux modèles peuvent se ressembler mais faire des travaux différents. Ces règles courtes vous aident à choisir.
↯↗
Bouton · Link
Le bouton change quelque chose ici. Le lien vous emmène ailleurs.
□▯▱
Boîte de dialogue modale · Tiroir · Feuille inférieure
Utilisez une boîte de dialogue pour une seule décision, un tiroir pour un travail secondaire, et une feuille inférieure pour quelques actions sur un petit écran.
▤◌
Skeleton · Spinner
Un squelette montre la forme d'un contenu en cours de chargement. Un spinner montre seulement que l'application travaille.
☑◉⊙
Checkbox · Switch · Radio Group
Les cases à cocher peuvent sélectionner plusieurs éléments. Un interrupteur modifie un paramètre maintenant. Les boutons radio sélectionnent un seul élément.
Pouvez-vous nommer le modèle UI ?
Lire la situation, puis choisir le terme le plus clair. Pas de questions pièges.
Note 0 / 2
Situation · 1/2
Lorsque vous appuyez sur « Enregistrer le brouillon », le site enregistre vos modifications et vous indique si cela a fonctionné.
Transformer les mots de l’interface utilisateur en une demande de réalisation claire.
Écrivez ce dont vous avez besoin. Ensuite, choisissez ce que fait l'interface, à quoi elle ressemble et comment elle bouge. Nous le transformons en une demande que vous pouvez copier.
Dites qui a besoin de cela, ce qui se passe et ce qui devrait se passer ensuite.
VIBULARY / DEMANDE● ● ●
Dites qui a besoin de cela, ce qui se passe et ce qui devrait se passer ensuite.Dites qui a besoin de cela, ce qui se passe et ce qui devrait se passer ensuite.
V.✦
Mots clairs, exemples utiles.
Chaque guide commence par une signification simple et un exemple clair. Les noms techniques apparaissent uniquement lorsqu'ils vous aident à le construire.