GUI-Builder auf Konzeptebene

Ich suche nach einer Software, die es mir ermöglicht, generische GUIs für Konzeptzwecke zu erstellen. Sein Zweck wäre es, hauptsächlich Nicht-Programmierern ein Werkzeug zu geben, um schnell ein paar Bildschirme zu kritzeln und zu visualisieren, wie sie verbunden sind.

Beispiel: Angenommen, ich möchte eine Funktion für eine mobile App visualisieren, die noch nicht existiert. Ich würde den GUI-Builder dazu verwenden

  1. Erstellen Sie einen Bildschirm mit einer Liste von Schaltflächen (um zu weiteren Bildschirmen zu navigieren).
  2. Erstellen Sie einen zweiten Bildschirm, der die Situation zeigt, wenn die erste Taste gedrückt wird.
  3. Erstellen Sie einen dritten Bildschirm, der die Situation zeigt, wenn die zweite Taste gedrückt wird
  4. Verbinden Sie die Bildschirme entsprechend mit Linien oder Pfeilen

usw.

Es wäre schön, eine Toolbox mit allen Standardelementen zu haben, die auf echten GUI-Buildern verfügbar sind, wie Kontrollkästchen, Optionsfelder, Textfelder.

Bisher habe ich nur einen Stift und ein Blatt Papier verwendet, um solche Dinge zu kritzeln, aber ich frage mich, ob es eine Software gibt, die bei diesem Thema helfen kann?

Antworten (3)

Wireframing

Begriffe, die für solche Arbeiten verwendet werden, umfassen wireframeund mockupsund prototyping.

Dafür stehen mittlerweile viele Tools zur Verfügung. Einige sind webbasiert, andere sind native Apps. Sehen Sie sich diese Liste an, in der Wireframing-Tools verglichen werden.

Einige Tools versuchen, realistische Bilder zu erstellen, die tatsächliche Bildschirm-Widgets simulieren. Ich bevorzuge die Tools, die grobere handgezeichnete Skizzenbilder verwenden, da dies dem Leser vermittelt, dass es sich eher um Pläne als um fertige Software-Screenshots handelt.

Balsamico

Balsamiq war eines der ersten und besten Werkzeuge dieser Art.

OmniGraffle

Mac- und iOS-Benutzer sollten das allgemeine Zeichenwerkzeug OmniGraffle in Betracht ziehen und eine Schablone für Wireframing hinzufügen.

Dieses Tool verfügt jedoch nicht über alle raffinierten Funktionen eines speziellen Wire-Framing-Tools. Auf der anderen Seite könnte ein Geschäftsmann das Erlernen dieses Tools für andere Aufgaben wie Organigramme, Flussdiagramme und Diagrammerstellung nützlich finden.

Bei Graffletopia finden Sie viele solcher Schablonen .

Ich verwende Bleistift wie hier vorgeschlagen: Was ist ein guter Weg, um schnell eine Schein-GUI zu entwickeln? . Es ist nicht genau das, wonach ich gesucht habe, aber ziemlich nah dran mit ordentlichen Formen und Schablonen für Web-, Android- und iOS-GUI-Elemente und -Formulare

Wie wäre es mit Netbeans plus JavaFX und dem Builder-Tool GUI SceneBuilder? Erinnert SEHR an die schnelle GUI-Entwicklung, die Ihnen VisualBasic 4/5 gab (das einzige, was ich an VB in den 90er Jahren vermisse ...)

Damit könnten Sie sogar das von ihnen erstellte Layout übernehmen, die Objekte richtig benennen und mit dem Schreiben von Code beginnen.

So würde ich es einrichten: Erstellen Sie eine VirtualBox-VM, auf der LinuxMint 18.x ausgeführt wird.

Installieren Sie Java 8 aus dem webupd8-Repository - (Mint basiert auf Ubuntu, diese Anweisungen funktionieren einfach) - .

Installieren Sie Netbeans IDE über einen direkten Download von der netbeans.org-Website , tun Sie dies als Root-Benutzer mit sudo. Laden Sie das Paket „all“ herunter.

Installieren Sie das JavaFX Scene Builder 2.0 .deb-Paket von der Oracle-Website. Der Link ist schwer zu finden, er lautet http://www.oracle.com/technetwork/java/javafxscenebuilder-1x-archive-2199384.html#javafx-scenebuilder-2.0-oth-JPR

Starten Sie Netbeans, erstellen Sie ein neues Projekt, wählen Sie "JavaFX" und dann "JavaFX FXML Application". Sobald das Projekt geladen ist, wählen Sie im .fxmlDateiverwaltungsbereich auf der linken Seite die Projektdatei aus, klicken Sie mit der rechten Maustaste und wählen Sie Öffnen. Sie erhalten den GUI-Builder. Ziehen und ablegen, klopfen Sie sich aus.

danke, aber ich würde es vorziehen, keinen echten GUI-Builder zu verwenden, der in eine IDE integriert ist, da es ein schlankes Tool für Nicht-Programmierer sein sollte, um einige Bildschirme ohne Programmierkenntnisse schnell visuell zu prototypisieren (und vielleicht das Ergebnis zu drucken oder auf Folien einzufügen).