Quand il vient à produire des prototypes GUI, et d'autres schémas ordinogrammes d'affaires, Microsoft Visio est souvent l'outil de référence sur la plate-forme Windows. Le Mac a également des applications comme l'excellent Axure et OmniGraffle. Quand il vient à Linux, Evolus Crayon est l'un des meilleurs pour créer des images rapidement et facilement la qualité.
Note : Crayon est compatible avec Windows, Mac OS X et Linux. Dans cet article, nous allons nous concentrer sur la version Linux du crayon.
Installation
Le stylo est plus disponible dans les dépôts d'Ubuntu (au moins de Raring), mais il est facile à installer à travers le paquet DEB à partir du site Web du projet site web . Pour installer, double-cliquez sur le fichier téléchargé ou utilisant la commande suivante:
Sudo dpkg -i evoluspencil_2.0.3_all.deb
La seule dépendance est Firefox, donc si vous êtes sur un système qui ne comprend pas par défaut, vous devrez installer (ou utiliser un gestionnaire de package GUI qui va gérer la dépendance pour vous).
utiliser
Même si un programme comme GIMP ou Krita, vous devez généralement créer vos propres parties graphiques. Crayon propose une large gamme de façons dont vous pouvez rapidement faire glisser une page et modifier à votre goût. Le volet gauche répertorie les formulaires disponibles dans des groupes comme « Formes communs » (cercles et carrés de base), « Bureau & # 8211; widgets GTK « (si vous voulez faire un prototype d'une unité ou d'une application GNOME), et » Sketchy « (l'un de mes modèles préférés web, qui ressemble à un dessin au crayon). Les articles de ces groupes peuvent être mélangés et combinés.
À & gt; & gt; pour
Une fois sur la page, la taille peut être changée en faisant glisser l'un des coins ou des bords de la forme, ou à travers les champs de la barre d'outils « Emplacement et taille » (utile si vous avez besoin du dessin, comme un modèle de web, pour s'adapter à une certaine résolution).
Double-cliquez sur
Mockup & gt; Moodelo
Dessin cadres de fil et d'autres diagrammes tout le temps, et j'utiliser le processus de base est la suivante (en utilisant l'exemple d'un modèle d'une page d'accueil d'un site Web).
fond
Pour une page Web, cela commence par la fenêtre du navigateur & # 8211; L'élément de collection « Frame fenêtre » Sketchy est utilisé ici pour la simplicité. Pour mettre à 0px 0px x (par exemple dans le coin supérieur gauche de l'écran), les commandes « utilisé Location & amp; Taille. Le fond et les bords de fuite gauche pour remplir l'écran.
A & gt;
Page & gt;
Vous pouvez ajouter un curseur à la page sur le dessus. Comment « image » est utilisé pour indiquer la diapositive, et deux « Triangles incomplets » pour agir en tant que contrôles avant et en arrière. En cliquant deux fois sur un objet, gère les bords et les coins deviennent roses, ce qui lui permet de tourner:
Enfin, trois régions du bas pour contenir nouvelles, une vidéo et une forme de contact (forme « de la table » est utilisé pour définir chaque région) sont ajoutés. Les nouvelles sont seulement un titre et un texte (en utilisant la forme de « tag » avec des tailles différentes du texte), la région vidéo laisse tomber un « incomplète Triangle » dans un « cercle incomplet » dans un « boîte » (c.-à-un bouton « Play »), et le dernier sera un « label », accompagné de trois « champs de texte » et un « bouton »:
par
Laisser un commentaire