Ajout d'éléments et de contrôles aux wireframes

Une fois que vous avez créé un plan pour une boîte de dialogue filaire, vous pouvez ajouter des éléments, tels que des zones de texte et des menus déroulants. Nous créons une structure filaire pour une boîte de dialogue d'impression, donc le premier menu déroulant devrait être celui dans lequel l'utilisateur peut sélectionner l'imprimante dans une liste d'imprimantes.

Ajouter un menu déroulant

Faites d'abord glisser la forme Étiquette sur la boîte de dialogue. Vous pouvez utiliser des guides horizontaux et verticaux pour vous aider à positionner la forme. Ensuite, faites glisser la forme déroulante à l'extrême droite de la forme d'étiquette afin qu'elle s'y colle. Double-cliquez sur la forme Étiquette pour saisir le texte. Dans ce cas, le nom de l'imprimante.Note - Ceci est juste un prototype pour visualiser une boîte de dialogue et les menus ne fonctionneront pas réellement.

Ajout d'autres boutons et commandes

Maintenant qu'un menu déroulant est ajouté, vous pouvez continuer à ajouter un autre menu déroulant pour indiquer les préréglages de l'imprimante. Vous pouvez également faire glisser une boîte dans la boîte de dialogue pour désigner une zone d'aperçu du document.

La plupart des boîtes de dialogue d'impression auront également un bouton de configuration de page pour définir divers attributs d'une page et il est logique d'en inclure un ici également. Pour ajouter un bouton, cliquez sur la catégorie Contrôles dans le volet Formes et dans la liste des formes, faites glisser la forme Bouton sur une zone appropriée de la page. Double-cliquez sur la forme pour saisir du texte et nommez-le, Mise en page.

Vous pouvez également ajouter des flèches vers l'arrière et vers l'avant comme guides de navigation sous le volet d'aperçu du document.

Vous pouvez continuer à ajouter autant d'éléments que vous le souhaitez pour avoir une idée du prototype. N'oubliez pas de ne pas encombrer le filaire avec trop de boutons.