Créer un diagramme filaire pour les interfaces utilisateur

Créer un diagramme filaire pour les interfaces utilisateur

Important :  Cet article a été traduit automatiquement, voir l’avertissement. Vous pouvez consulter la version en anglais de cet article ici.

Le modèle filaire est conçu pour créer des modèles de fidélité moyenne des applications logicielles. Le modèle peut être utilisé pour un large éventail de types de logiciel, tels que des applications pour Windows, Internet et les appareils mobiles.

  1. Commencez par cliquer sur le gabarit Boîtes de dialogue et faites glisser un formulaire Application ou Boîte de dialogue sur la page. Ajoutez d’autres formes du gabarit de manière à définir la structure de base de l’interface utilisateur.

  2. Cliquez sur le gabarit Barre d’outils pour ajouter des menus et les icônes d’autres applications.

  3. Utilisez les formes des quatre autres gabarits par défaut (Contrôles, Curseurs, Icônes courantes et Icônes web et multimédia) pour définir l’interface utilisateur et montrer les fonctionnalités de l’application.

Certaines formes filaires ont des propriétés personnalisables. Voici quelques conseils sur l’utilisation de ces formes.

Que souhaitez-vous faire ?

Créer des boîtes de dialogue

Créer des barres d’outils

Ajouter des contrôles de formulaires

Créer des boîtes de dialogue

Forme

Conseils

Formulaire Application

Conteneur donnant les limites de l’application entière. Un point de connexion dans le coin supérieur droit maintient les formes du bouton Windows.

Formulaire Boîte de dialogue

Conteneur regroupant les icônes, contrôles et textes des boîtes de dialogue. Un point de connexion dans l’angle supérieur droit permet de maintenir en place les formes de bouton Windows.

Bouton Windows

Sélectionnez le bouton que vous souhaitez représenter à l’aide de cette forme : Fermer, Agrandir, Réduire ou Restaurer (les boutons qui se trouvent généralement dans l’angle supérieur droit des applications et des formulaires de boîtes de dialogue). Vous sélectionnez le bouton de votre choix lorsque vous déposez la forme sur le formulaire. Vous pouvez cliquer avec le bouton droit sur la forme et cliquer sur Type de bouton pour le modifier ultérieurement.

Modifiez l’ombrage du bouton en cliquant avec le bouton droit sur la forme, puis en cliquant sur Afficher l’élément actif.

Barre d’état

Conteneur des éléments, icônes et séparateurs de barre d’état. Les éléments de barre d’état sont des barres de longueur moyenne auxquelles vous pouvez ajouter du texte en double-cliquant dessus. Ils sont également dotés d’un point de connexion central permettant d’ajouter une icône, une barre de progression, un curseur ou une autre forme. Les icônes de barre d’état sont des barres courtes avec un point de connexion central dans lequel vous pouvez déposer des icônes depuis Icônes courantes ou Icônes web et multimédia. Vous pouvez déposer des séparateurs de barre d’état entre des formes pour créer des divisions visibles.

Barre de défilement

Cliquez avec le bouton droit sur la barre de défilement pour la désigner comme horizontale ou verticale et définir la longueur du curseur (la longueur de la barre de défilement). Utilisez la poignée de contrôle jaune pour déplacer le curseur sur la longueur de la barre de défilement.

Poignée de redimensionnement

Ne peut être utilisée que sur une barre de défilement et une barre d’état. Une boîte de dialogue apparaît lorsque vous la déposez sur la page afin de pouvoir définir son type.

Barre d’onglets

Conteneur des éléments d’onglet. Après avoir ajouté un élément d’onglet supérieur ou un élément d’onglet inférieur, vous pouvez en ajouter d’autres en cliquant avec le bouton droit sur l’élément d’onglet ou en cliquant sur la flèche d’insertion bleue qui s’affiche avec une mise en surbrillance orange lorsque vous placez le pointeur sur un angle de l’onglet.

Modifiez l’ombrage d’un onglet en cliquant sur la forme avec le bouton droit, puis en cliquant sur Actif.

Lorsque vous avez sélectionné la barre d’onglet, vous pouvez utiliser l’onglet Format sous Outils du conteneur pour modifier son style.

Haut de la Page

Créer des barres d’outils

Forme

Conseils

Barre de menus

Conteneur des éléments de barre de menus. Après avoir ajouté un élément de barre de menus, cliquez dessus avec le bouton droit pour définir son état (comme activé ou sélectionné), son type (normal ou déroulant) et si vous souhaitez ajouter de l’espace pour une icône. Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de barre de menus, ou cliquer sur la flèche d’insertion bleue.

Menu déroulant

Conteneur des éléments de menu. Après avoir ajouté un élément de menu, cliquez dessus avec le bouton droit pour définir son état (comme activé ou sélectionné), son type (normal ou case d’option) et si vous souhaitez ajouter de l’espace pour une icône. Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de menu, ou cliquer sur la flèche d’insertion bleue.

Vous pouvez connecter un menu déroulant à un élément de barre de menus de manière à afficher un menu ouvert. Les éléments de barre de menus sont dotés de points de connexion dans l’angle inférieur qui peuvent être connectés à l’angle supérieur d’un menu déroulant.

Haut de la Page

Ajouter des contrôles de formulaires

Forme

Conseils

Lien hypertexte

Lorsque vous déposez un lien hypertexte sur la page, la boîte de dialogue Liens hypertexte s’affiche afin que vous puissiez définir la cible du lien.

Bouton

Cliquez avec le bouton droit sur la forme Bouton pour définir l’état, ou apparence, du bouton (par exemple, activé ou sélectionné).

Zone de liste

Conteneur des éléments de zone de liste. Cliquez avec le bouton droit sur la zone de liste pour définir le sens de la liste (par exemple, de haut en bas ou de gauche à droite). Après avoir ajouté un élément de zone de liste, cliquez dessus avec le bouton droit pour définir son état (comme activé ou sélectionné) et définir des espaces réservés si vous souhaitez ajouter de l’espace supplémentaire à l’élément, par exemple pour ajouter une icône. Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de zone de liste ou cliquer sur la flèche d’insertion bleue.

Lorsque la zone de liste est sélectionnée, vous pouvez utiliser l’onglet Format sous Outils du conteneur pour modifier le style de la zone de liste.

Case à cocher

Cliquez avec le bouton droit sur la case à cocher pour définir le Choix (par exemple, Sélectionné ou Non sélectionné) et l’État (comme Activé ou Sur pointage).

Contrôle d’arborescence

Conteneur des éléments de contrôle d’arborescence. Après avoir ajouté un élément de contrôle d’arborescence, cliquez dessus avec le bouton droit pour contrôler la mise en retrait de l’arborescence et définir ses propriétés telles que l’état développé ou réduit et les espaces réservés.

Vous pouvez également utiliser le menu contextuel pour ajouter d’autres éléments de contrôle d’arborescence ou cliquer sur la flèche d’insertion bleue.

Lorsque vous sélectionnez le Contrôle d’arborescence, vous pouvez sélectionner l’onglet Format sous Outils du conteneur pour modifier son style.

Curseur

Cliquez avec le bouton droit sur le curseur pour définir les propriétés telles que le nombre et la position des marques de graduation. Utilisez la poignée de contrôle jaune pour déplacer le curseur.

Barre d’avancement

Utilisez la poignée de contrôle jaune pour déplacer l’indicateur d’avancement.

Calendrier

Lorsque vous déposez un calendrier sur la page, une boîte de dialogue dans laquelle vous pouvez définir le mois et l’année s’affiche. Pour modifier ces paramètres ultérieurement, cliquez avec le bouton droit sur la forme, puis cliquez sur Configurer.

Haut de la Page

Remarque : Avertissement traduction automatique : cet article a été traduit par un ordinateur, sans intervention humaine. Microsoft propose cette traduction automatique pour offrir aux personnes ne maîtrisant pas l’anglais l’accès au contenu relatif aux produits, services et technologies Microsoft. Comme cet article a été traduit automatiquement, il risque de contenir des erreurs de grammaire, de syntaxe ou de terminologie.

Développez vos compétences
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×