Pencil Project – Transformez Firefox en un outil de création de diagrammes et de prototypage
Au début, je dois à tous ceux qui lisent ceci une explication de ce qu’est exactement un outil de prototypage.Une sorte de « prototype’ est un modèle. Vous pouvez le considérer comme une image ou un modèle de la chose finale. Les outils de prototype sont des outils de dessin et d’esquisse qui aident à concevoir le contour de l’objet final. Les prototypes peuvent être créés sur n’importe quoi, du simple papier à Photoshop. Mais en tant que fonctionnalité spécialisée, il est préférable de le faire via un outil de prototypage.
Cela semble-t-il technique et ne convient-il pas à un usage courant ? Je suis peut-être en train de créer une image d’un logiciel complexe avec une personne particulièrement qualifiée assise devant un grand écran, dessinant des diagrammes extrêmement complexes. Dans certains cas, cela peut être vrai. Mais pour nous, les amateurs, une nouvelle génération d’outils GUI, dont beaucoup sont basés sur le Web, est arrivée.
Du dessin de formes régulières aux maquettes du blog que vous planifiez, les outils de prototypage peuvent être utilisés aux fins les plus simples. Vous n’avez même pas besoin de télécharger un logiciel lourd pour cela. Il est disponible depuis Firefox lui-même.
crayon (ver.1.1) est un plugin de prototypage Firefox pour le prototypage d’interface graphique et l’esquisse simple. Le projet Pencil est une tentative open source de création d’un outil permettant au grand public de créer facilement des prototypes de diagrammes et d’interfaces graphiques.
Bien qu’il soit également disponible en tant que programme autonome, en tant que module complémentaire Firefox, vous pouvez l’exécuter sur n’importe quelle plate-forme prenant en charge Firefox 3 (ce qui le rend multiplateforme).
l’apparition du crayon
Dans la barre d’outils du navigateur, sélectionnez Outils – Esquisse au crayonL’outil de prototypage de Firefox Pencil s’ouvre dans une nouvelle fenêtre. Voici à quoi ça ressemble (l’apparence est affectée par mon thème Firefox) »¦
Faire une vidéo du jour
L’arrangement des outils est intuitif, et un regard sur les différentes formes vous dira ce qui est possible avec ce petit programme. Vous avez des formes courantes (rectangles, ovales, lignes, texte, etc.), des formes de notes, des notes et des descriptions (bulles, puces, flèches, etc.), des éléments de page Web (hyperliens, HTML, titres, tableaux, etc.) et certaines collections de widgets (GTK+, widgets Windows, widgets UI natifs).
Le prototypage rapide consiste simplement à prendre une idée de conception à l’esprit et à la créer dans Pencil avec une simple opération de glisser-déposer. Une gamme de poignées de contrôle vous donne la flexibilité d’organiser les formes dans votre conception finale. Personnalisez-les davantage avec du texte et des couleurs de remplissage complètes.
Les prototypes finaux peuvent être exportés sous forme d’images PNG, de pages Web, de fichiers OpenOffice, de fichiers PDF ou DOC.
Des outils à connaître
Le prototypage a beaucoup à voir avec la création de lignes et de formes et leur manipulation dans des conceptions. Pencil comprend deux outils de prototypage Firefox qui facilitent la création de bibliothèques de formes.
générateur de modèles
Les modèles sont des modèles de forme qui peuvent être utilisés pour générer plus de formes. À l’aide du générateur de modèles, vous pouvez créer votre propre collection de formes de modèles en pointant le générateur vers un dossier de fichiers image.
Chaque modèle possède des propriétés telles que la couleur, la couleur d’arrière-plan et de bordure, et l’opacité, qui peuvent être ajustées pour définir la forme finale.
navigateur d’images clipart
Cliquez sur OpenClipArt.org et sa galerie de clips gratuits. Avec la prise en charge par Pencil des fichiers SVG, créer votre propre bibliothèque de formes n’est pas un gros problème. Vous pouvez utiliser le navigateur OpenClipArt intégré et faire glisser et déposer l’image correcte directement dans votre document Pencil.
En plus de ces deux outils de prototypage Firefox, Pencil prend également en charge l’utilisation d’objets externes. Les images raster et vectorielles peuvent être importées dans Pencil par copier-coller ou glisser-déposer. Après avoir créé une page ou un document, vous pouvez exporter l’intégralité du contenu vers un dossier sous forme d’image PNG.
Pencil est un excellent outil si vous souhaitez créer rapidement des modèles directement depuis votre navigateur. L’une de ses utilisations les plus simples est la conception de maquettes Web. De plus, n’importe quelle page Web peut être envoyée à Pencil en un seul clic. À l’aide des formes d’annotation et d’autres formes disponibles, vous pouvez créer des plans pour des pages Web instantanément dans votre navigateur.
La page Pencil Project nous guide également à travers le guide de l’utilisateur et quelques screencasts sur la façon d’utiliser le programme.
Pensez-vous que Pencil mérite une place dans votre navigateur Firefox en tant qu’outil de prototypage rapide et de création de diagrammes rapide et sale ?
Pencil (ver.1.1) est disponible en téléchargement en tant que plug-in de prototypage Firefox et en tant qu’installateur autonome (pour Windows et Linux).
Remarque : Veuillez ne pas confondre Pencil Project avec le programme d’animation du même nom.
A propos de l’auteur
