Bleistiftprojekt - Verwandeln Sie Firefox in ein Diagramm- und Prototyping-Tool

Werbung

Ganz am Anfang schulde ich jedem, der dies liest, eine Erklärung, was ein Prototyping-Tool wirklich ist. EIN "Prototyp' ist ein Modell. Sie können sich das als Bild oder Modell der letzten Sache vorstellen. Prototyping-Werkzeuge sind Zeichen- und Skizzierwerkzeuge, die beim Entwerfen der Umrisse des endgültigen Objekts helfen. Ein Prototyp kann auf allem erstellt werden, von einfachem Papier bis zu Photoshop. Da es sich jedoch um eine spezialisierte Funktion handelt, ist es besser, wenn Sie dies über ein Prototyping-Tool tun.

Klingt es sehr technisch und nicht für den allgemeinen Gebrauch? Wahrscheinlich erstelle ich ein Bild einer komplexen Software und eines besonders erfahrenen Mannes, der vor einem großen Monitor sitzt und unglaublich komplexe Diagramme zeichnet. In einigen Fällen kann dies zutreffen. Aber für uns Amateure ist eine neue Generation von GUI-Tools eingetroffen, von denen viele webbasiert sind.

Vom Zeichnen normaler Formen bis hin zu einem Modell des von Ihnen geplanten Blogs kann ein Prototyping-Tool auf einfachste Weise verwendet werden. Sie müssen nicht einmal eine Hochleistungssoftware dafür herunterladen. Es ist in Firefox selbst verfügbar.

Bleistift (Version 1.1) ist ein Firefox-Prototyping-Add-On für GUI-Prototyping und einfaches Skizzieren. Das Bleistiftprojekt ist ein Open Source-Versuch, ein Tool zu erstellen, mit dem Diagramme und GUI-Prototyping für die Massen einfach gemacht werden können.

Obwohl es auch als eigenständiges Programm als Firefox-Add-On verfügbar ist, können Sie es auf jeder Plattform ausführen, die Firefox 3 unterstützt (und das es plattformübergreifend macht).

Das Aussehen des Bleistifts

Wählen Sie in der Browser-Symbolleiste aus Werkzeuge - Bleistiftskizze. Das Prototyping-Tool Pencil Firefox wird in einem neuen Fenster geöffnet. So sieht es aus (das Aussehen wird von meinem Firefox-Thema beeinflusst) “¦

Die Anordnung der Werkzeuge ist intuitiv und ein Blick auf die verschiedenen Formen zeigt etwas über die Möglichkeiten dieses kleinen Programms. Sie haben gemeinsame Formen (Rechteck, Oval, Gerade, Text usw.), Formen für Anmerkungen, Kommentare und Anweisungen (Ballon, Kugel, Pfeile usw.), Webseitenelemente (Hyperlink, HTML, Überschriften, Tabellen usw.) und einige Widget-Sammlungen (GTK +, Windows-Widgets, native Benutzeroberfläche) Widgets).

Beim Rapid Prototyping geht es nur darum, die Idee des Designs im Kopf zu haben und es dann durch einfaches Ziehen und Ablegen in Bleistift zu erstellen. Eine Reihe von Steuergriffen bietet Ihnen die Flexibilität, die Formen in einem endgültigen Design anzuordnen. Passen Sie sie mit Text und der vollständigen Ergänzung der Füllfarben weiter an.

Der endgültige Prototyp kann als PNG-Bilder, Webseite, OpenOffice-Datei, PDF oder als DOC-Datei exportiert werden.

Die Werkzeuge, auf die Sie achten müssen

Prototyping hat viel damit zu tun, Linien und Formen zu erstellen und sie in Designs umzuwandeln. Pencil enthält zwei Firefox-Prototyping-Tools, mit denen das Erstellen einer Galerie von Formen so einfach wie ein Kinderspiel ist.

Schablonengenerator
Schablonen sind Vorlagen für Formen, mit denen weitere Formen generiert werden können. Mit dem Schablonengenerator können Sie Ihre eigene Sammlung von Schablonenformen erstellen, indem Sie den Generator auf einen Ordner mit Bilddateien richten.

Jede Schablone verfügt über Attribute wie Farbe, Hintergrund- und Rahmenfarbe sowie Deckkraft usw., die zur Definition der endgültigen Form angepasst werden können.

Clipart Browser
Tippen Sie auf OpenClipArt.org und seine Galerie mit kostenlosen Clipart-Bildern. Mit der Unterstützung von Pencil für SVG-Dateien ist das Erstellen einer eigenen Formengalerie kein großes Problem. Sie können den integrierten OpenClipArt-Browser verwenden und die richtigen Bilder direkt in ein Bleistiftdokument ablegen.

Neben diesen beiden Firefox-Prototyping-Tools unterstützt Pencil auch die Verwendung externer Objekte. Sowohl Raster- als auch Vektorgrafiken können per Copy-Paste oder Drag & Drop in Pencil eingefügt werden. Nach dem Erstellen einer Seite oder eines Dokuments kann das gesamte Objekt als PNG-Bilder in einen Ordner exportiert werden.

Pencil ist ein großartiges Werkzeug, wenn Sie in Eile einige Modelle direkt über den Browser erstellen möchten. Eine der einfachsten Anwendungen kann das Entwerfen eines Modells einer Webseite sein. Außerdem kann jede Webseite mit einem einzigen Klick an Pencil gesendet werden. Mithilfe der Anmerkungsformen und der anderen verfügbaren Formen kann im Handumdrehen direkt im Browser ein Plan für eine Webseite erstellt werden.

Die Seite Bleistiftprojekt leitet uns auch zu Benutzerhandbuch und ein paar Screencasts, wie man mit dem Programm umgeht.

Denken Sie, dass Pencil als schnelles und schmutziges Tool für Rapid Prototyping und Diagramme einen Platz in Ihrem Firefox-Browser verdient?

Bleistift (Version 1.1) steht als Firefox-Prototyping-Add-On und als eigenständiges Installationsprogramm (für Windows und Linux) zum Download zur Verfügung.

Hinweis: Das Bleistiftprojekt darf nicht mit dem gleichnamigen Animationsprogramm verwechselt werden.