Linux

Une excellente alternative Microsoft Visio pour Linux

Lorsqu’il s’agit de produire des prototypes d’interface graphique, des organigrammes et d’autres diagrammes commerciaux, Visio de Microsoft est souvent l’outil de prédilection sur la plate-forme Windows. Le Mac dispose également d’applications comme les excellents Axure et OmniGraffle. En ce qui concerne Linux, Evolus Pencil est l’un des meilleurs pour créer des images de qualité rapidement et facilement.

Noter: Pencil est pris en charge sous Windows, OSX et Linux. Dans cet article, nous allons nous concentrer sur la version Linux de Pencil.

Installation

Pencil n’est plus disponible dans les référentiels Ubuntu (à partir de Raring, au moins), mais il s’agit d’une installation facile via le package DEB à partir du site Web du projet. Installez en double-cliquant sur le package téléchargé, ou avec la commande de terminal suivante :

La seule dépendance est Firefox, donc si vous êtes sur un système qui ne l’inclut pas par défaut, vous devrez l’installer (ou utiliser un gestionnaire de packages GUI, qui gérera la dépendance pour vous).

Usage

Alors qu’avec un programme comme GIMP ou Krita, vous devez généralement créer vos propres pièces graphiques. Pencil vous offre un large éventail de formes que vous pouvez rapidement faire glisser sur une page et modifier à votre guise. Le volet de gauche répertorie les formes disponibles, en groupes tels que « Formes communes » (carrés et cercles de base), « Desktop – GTK Widgets » (si vous souhaitez prototyper une application Unity ou GNOME) et « Sketchy » (l’un des mon préféré pour les maquettes Web, qui ressemble à un croquis au crayon). Les éléments de ces groupes peuvent être mélangés et appariés.

Psssssst :  Réponse rapide : Comment remplacer complètement Windows 10 par Ubuntu ?

Pour en ajouter une au dessin, il suffit de la faire glisser sur une page (de nouvelles pages peuvent être ajoutées via le bouton « Nouvelle page » en haut à droite).

Une fois sur la page, la taille peut être modifiée en faisant glisser l’un des coins ou des bordures de la forme, ou via les champs de la barre d’outils « Emplacement et taille » (utile si vous avez besoin que le dessin, comme une maquette Web, s’adapte une certaine résolution).

crayon-forme-redimensionner

Double-cliquer sur la plupart des formes permet d’ajouter du texte, qui peut être personnalisé avec l’alignement, la police, les caractères gras/italique et la taille en points à l’aide des boutons de la barre d’outils « Format du texte ».

texte en forme de crayon

Bases de la maquette

Je dessine des wireframes et d’autres diagrammes tout le temps, et le processus de base que j’utilise est le suivant (en utilisant l’exemple d’une maquette de page d’accueil pour un site Web).

Fond

Pour une page Web, cela commence par la fenêtre du navigateur – L’élément « Fenêtre de la fenêtre » de la collection Sketchy est utilisé ici par souci de simplicité. Pour le placer à 0px x 0px (c’est-à-dire en haut à gauche de l’écran), les commandes « Emplacement et taille » sont utilisées. Les bords inférieur et gauche sont glissés de manière à remplir tout l’écran.

Psssssst :  Le système d'exploitation Raspberry Pi est-il Linux ?

fond-dessin-au-crayon1

Une forme « Boîte » est ajoutée tout en haut pour indiquer la barre d’URL… il est parfois difficile de placer les choses exactement avec la souris, mais les touches fléchées peuvent également être utilisées pour déplacer une forme une fois sélectionnée :

crayon-dessin-background2

Éléments de page

Un grand curseur peut être ajouté à la page en haut. La forme « Image » est utilisée pour indiquer la diapositive et deux « Triangles sommaires » pour servir de commandes avant et arrière. En cliquant deux fois sur un objet, les poignées de bord/coin deviennent roses, ce qui permet de les faire pivoter :

crayon-page d'accueil-curseur

Enfin, trois régions sont ajoutées en bas pour contenir des nouvelles, une vidéo et un formulaire de contact (la forme « Boîte » est utilisée pour décrire chaque région). Les nouvelles seront juste un titre et du texte (en utilisant la forme Sketchy « Étiquette » avec des tailles de texte différentes), la région vidéo est créée en déposant un « triangle sommaire » à l’intérieur d’un « cercle sommaire » dans une « boîte » (c’est-à-dire un bouton « Play »), et le dernier sera un « Label » accompagné de trois « Champs de texte » et d’un « Bouton » :

crayon-homepage-régions

En utilisant les formes prédéfinies, les programmes de dessin vous permettent d’illustrer très rapidement (ce qui précède a pris environ dix minutes) des idées d’une manière que les autres peuvent comprendre. Cette alternative à Microsoft Visio vous permet de créer des diagrammes de manière intuitive et portable (Evolus Pencil lui-même est multiplateforme et les dessins peuvent être exportés au format PDF ou PNG) à partager avec des collègues.

Cet article est-il utile ? Oui Non

Bouton retour en haut de la page

Adblock détecté

Veuillez désactiver votre bloqueur de publicités pour pouvoir visualiser le contenu de la page. Pour un site indépendant avec du contenu gratuit, c’est une question de vie ou de mort d’avoir de la publicité. Merci de votre compréhension! Merci