Microsoft Visio 2010 est un outil de conception graphique qui peut être utilisé pour créer des diagrammes, des éléments d’interface, des menus de navigation et d’autres objets visuels. Il offre une large gamme d’outils pour créer la conception d’une interface utilisateur graphique (GUI). Le diagramme montrera comment l’application ou l’interface Web apparaîtra dans sa forme finale. Le développement d’une interface graphique dans Visio n’est pas trop difficile, et les dessins peuvent être exportés sous forme de fichiers PDF. Suivez quelques lignes directrices pour apprendre comment construire une maquette d’interface graphique de base pour un site Web.
Ouvrez Microsoft Visio. Créez un nouveau dessin en cliquant sur l’icône de dessin vide. Cliquez sur le bouton « Créer ».
Cliquez sur la fenêtre Formes sur le côté gauche de l’écran. Sélectionnez « Plus de formes ». Sélectionnez « Formes de base US unités ». Cliquez sur « Formes rapides ».
Créez une boîte d’en-tête en cliquant avec le bouton droit de la souris sur la forme de la boîte rectangulaire et en faisant glisser la forme vers la zone de dessin. Redimensionner la boîte pour couvrir environ 15 % de la partie supérieure du dessin.
Créez une boîte de menu de navigation en cliquant avec le bouton droit de la souris sur la forme de la boîte rectangulaire et en faisant glisser la forme sous la boîte d’en-tête. Redimensionner la boîte pour avoir une hauteur d’environ un demi-pouce et la même largeur que la boîte d’en-tête.
Créez une grande boîte principale en cliquant avec le bouton droit de la souris sur la forme de la boîte rectangulaire et en la faisant glisser sous la boîte de menu de navigation. Redimensionner la boîte pour qu’elle ait la même largeur que les boîtes de menu d’en-tête et de navigation et pour couvrir le bas de la zone de dessin.
Créez deux boîtes rectangulaires en cliquant avec le bouton droit de la souris sur la forme de la boîte rectangulaire et en faisant glisser deux fois la forme vers la zone de dessin. Redimensionner chaque boîte pour qu’elle s’adapte à la moitié de la boîte principale. Déplacez chaque boîte pour qu’elle s’emboîte l’une à l’autre à l’intérieur de la boîte principale.
Créez des champs de texte représentant des liens de navigation en cliquant sur le bouton « Un texte » en haut de la barre de navigation. Sélectionnez une zone à l’intérieur de la zone de navigation pour créer un petit champ de texte en cliquant sur le bouton gauche de la souris. Déplacez la souris pour redimensionner le champ à la longueur désirée. Tapez le texte pour dire « Accueil ».
Créez quatre champs de texte supplémentaires en utilisant le bouton gauche de la souris. Tapez « Élément de menu » dans chaque case. Redimensionner chaque boîte en fonction de la taille de la boîte « Home ».
Sélectionnez une zone à l’intérieur de l’en-tête principal et créez un champ de texte avec la description « En-tête principal ».
Créez une boîte de texte à l’intérieur de chaque boîte située à l’intérieur de la zone de contenu principal du dessin. Donnez à chaque zone de texte une description, telle que « Zone de contenu ». Redimensionner chaque zone de texte pour qu’elle ait la même taille. Sélectionnez le bouton « Pointeur » dans le menu de navigation supérieur.
Sauvegardez le dessin en cliquant sur « Fichier » dans le menu de navigation supérieur et en sélectionnant « Enregistrer sous ».
Laisser un commentaire