Gabriel Brooks
0 
1043
108
Au tout début, je dois à tous ceux qui lisent ceci une explication sur ce qu'est réellement un outil de prototypage. UNE “˜Prototype' est une maquette. Vous pouvez le voir comme une image ou un modèle de la chose finale. Les outils de prototypage sont des outils de dessin et de croquis qui aident à concevoir les contours de l'objet final. Un prototype peut être créé sur n'importe quoi, du simple papier à Photoshop. Mais étant une fonction spécialisée, il est préférable de le faire via un outil de prototypage.
Cela semble-t-il très technique et ne doit pas être utilisé couramment? Je suis probablement en train de créer l'image d'un logiciel complexe et d'un type particulièrement habile assis devant un grand moniteur et en train de dessiner des diagrammes incroyablement complexes. Dans certains cas, cela peut être vrai. Mais pour nous amateurs, une nouvelle génération d’outils graphiques, beaucoup basés sur le Web, sont arrivés.
Du dessin de formes régulières à la maquette du blog que vous envisagez, un outil de prototypage peut être utilisé aux utilisations les plus simples. Vous n'aurez même pas à télécharger un logiciel très lourd pour cela. Il est disponible depuis Firefox même.
Crayon (ver.1.1) est un module complémentaire de prototypage de Firefox permettant de réaliser des prototypes d’interface graphique et des esquisses simples. Le projet Pencil est une tentative Open Source visant à créer un outil permettant de simplifier la création de diagrammes et de prototypes d’interface graphique..
Bien qu’il soit également disponible en tant que programme autonome, en tant que complément de Firefox, vous pouvez l’exécuter sur n’importe quelle plate-forme prenant en charge Firefox 3 (ce qui le rend multi-plateforme)..
Le regard du crayon
Dans la barre d’outils du navigateur, sélectionnez Outils - Croquis au crayon. L'outil de prototypage Pencil Firefox s'ouvre dans une nouvelle fenêtre. Voici à quoi ça ressemble (le look est influencé par mon thème Firefox)”¦
La disposition des outils est intuitive et un seul regard sur les différentes formes vous en dit long sur les possibilités de ce petit programme. Vous avez des formes communes (rectangle, ovale, ligne droite, texte, etc.), des formes pour annotations, commentaires et instructions (ballon, flèche, flèches, etc.), des éléments de page Web (lien hypertexte, HTML, titres, tableau, etc.) et une quelques collections de widgets (GTK +, widgets Windows, widgets UI native).
Le prototypage rapide consiste simplement à avoir l'idée de la conception dans votre tête, puis à la créer au crayon par de simples opérations de glisser-déposer. Une gamme de poignées de contrôle vous donne la flexibilité nécessaire pour organiser les formes dans une conception finale. Personnalisez-les davantage avec du texte et la gamme complète de couleurs de remplissage.
Le prototype final peut être exporté sous forme d'images PNG, de page Web, de fichier OpenOffice, de PDF ou de fichier DOC.
Les outils à surveiller
Le prototypage a beaucoup à faire avec la création de lignes et de formes et leur manipulation dans des conceptions. Pencil comprend deux outils de prototypage de Firefox qui permettent de créer une galerie de formes aussi facilement qu'un instantané..
Générateur de pochoir
Les gabarits sont des modèles de formes qui peuvent être utilisés pour générer d'autres formes. En utilisant le générateur de gabarit, vous pouvez créer votre propre collection de formes de gabarit en pointant le générateur sur un dossier de fichiers image..
Chaque gabarit possède des attributs comme la couleur, la couleur de fond et de bordure, l'opacité, etc., qui peuvent être modifiés pour définir la forme finale..
Navigateur de clipart
Accédez à OpenClipArt.org et à sa galerie d'images clipart gratuites. Avec la prise en charge des fichiers SVG par Pencil, la création de votre propre galerie de formes ne pose pas vraiment de problème. Vous pouvez utiliser le navigateur intégré OpenClipArt et déposer directement les bonnes images dans un document Crayon.
En plus de ces deux outils de prototypage Firefox, Pencil prend également en charge l'utilisation d'objets externes. Les images vectorielles et raster peuvent être importées dans Pencil avec un copier-coller ou un glisser-déposer. Après avoir créé une page ou un document, vous pouvez tout exporter dans un dossier sous forme d'images PNG..
Pencil est un excellent outil à avoir si vous voulez faire des maquettes en toute hâte directement depuis le navigateur. L'une de ses utilisations les plus simples peut être la conception d'une maquette de page Web. De plus, toute page Web peut être envoyée à Pencil en un seul clic. En utilisant les formes d'annotation et les autres formes disponibles, on peut créer un plan pour une page Web en un tournemain dans le navigateur.
La page du projet Pencil nous dirige également vers le guide de l’utilisateur et quelques screencasts sur la façon de s’y prendre avec le programme..
Pensez-vous que Pencil mérite une place dans votre navigateur Firefox en tant qu'outil rapide et sale (biffer sale) pour le prototypage rapide et la création de diagrammes?
Pencil (ver.1.1) est disponible au téléchargement en tant qu’add-on de prototypage Firefox et également en tant qu’installateur autonome (pour Windows et Linux)..
Remarque: le projet Pencil ne doit pas être confondu avec le programme d'animation du même nom..