App -Prototyping: Erste Schritte mit Facebook Origami

Facebook Origami: Ein leistungsstarkes Tool zum Erstellen interaktiver Anwendungsprototypen ohne Codierung

Kernpunkte:

Das Original -Tool von Facebook ermöglicht die Erstellung interaktiver Anwendungsprototypen ohne Codierungswissen. Es wurde von Facebook verwendet, um zahlreiche Flaggschiff -Anwendungen aufzubauen, wodurch die Zuverlässigkeit und Funktionalität unter Beweis gestellt wird.
Origami integriert nahtlos in die Skizze, und der Prototyp wird automatisch aktualisiert, wenn Änderungen im Design -Tool vorgenommen werden. Es verfügt außerdem über Codexportfunktionen, mit denen Ingenieure Code exportieren können, die für iOS-, Android- und Webanimationen benötigt werden.
Während Origami ein relativ neues Tool ist, dem möglicherweise umfangreiche Unterstützungsressourcen fehlen, ist es einfach zu bedienen und ermöglicht schnelle Prototypen. Es bietet dem Betrachter Echtzeit-Updates, wenn Änderungen vorgenommen werden, und Patch-Eigenschaften können reibungslos integriert werden, um das Verständnis und die Verwendung zu erleichtern.

im Bereich der Softwareentwicklung sind Prototypen Arbeitsprototypen von Anwendungen (oder Websites), die häufig zum Testen und Sammeln von Feedback verwendet werden.

Ein gut erstellter Prototyp präsentiert immer die Art und Weise, wie die endgültige Anwendung zuverlässig funktioniert als Dutzende statischer Modellseiten.

sind jedoch nicht alle Designer und Teams in der Lage, solche Prototypen aufzubauen. Das Schreiben von Code von Grund auf erfordert Zeit und Know -how, während viele Online -Tools eine Art Abonnement erfordern.

glücklich, vor einem Jahr veröffentlichte Facebook Origami, ein kostenloses Tool zum Entwerfen moderner UI- und interaktiver Prototypen, ohne Code zu schreiben.

Es muss in der Praxis getestet worden sein - Facebook hat einige seiner Flaggschiff -Apps mit Origami wie Instagram, Messenger, Slingshot und Facebook Paper erstellt.

Einführung:

Facebook Origami selbst ist ein großer Quarz -Komponist "Patch" -Stapel, der es einfach macht, Arbeitsmodelle zu entwickeln, die Demonstrationsanimationen und andere komplexe Interaktionen enthalten.

Patches sind bereits bestehende Animationen, Grafiken oder interaktive Module. Sie können sich Patches als Bausteine ​​zum Aufbau von Prototypen vorstellen.

Der beste Weg, um den Quartz -Komponist zu verstehen, besteht darin, dies als ein visuelles Programmierwerkzeug zu betrachten, das Eingabeparameter und Ausgabeergebnisse aufnehmen kann. Sie können Skizzen- oder Photoshop -Ebenen als Patches importieren und sie dann mit Animationen und Ereignissen verbinden, bis Sie etwas erstellen, das die endgültige Anwendungserfahrung simuliert.

Sobald Sie den Quarzkomponisten gemeistert haben, sollten Sie in der Lage sein, Prototypen sofort und einfach zu kombinieren. Hier finden Sie eine detailliertere Beschreibung der Geschichte des Quarzkomponisten. Befolgen Sie die Schritte im Abschnitt Downloads der offiziellen Website, um Origami herunterzuladen.

Schnittstelle und grundlegende Tools:

Wenn Sie den Quarzkomponisten starten, sehen Sie zunächst das Fenster für Vorlagenauswahl. Um ein neues Origami -Projekt zu starten, gehen Sie zu: Datei & gt; neue Origami -Datei "oder ⌥⌘n.

Nach dem Erstellen des Origami -Projekts werden Sie aufgefordert, drei überlappende Fenster zu verwenden. Um Ihren Arbeitsbereich besser und sauberer aussehen zu lassen, gehen Sie zu: Fenster & GT;

1

Bearbeiten eines Fensters ist Ihr Hauptarbeitsbereich - eine Workbench, in der Sie Patches ziehen und fallen lassen und die beste Kombination von Animationen und Interaktionen zusammenstellen können, indem Sie verschiedene Ebenen Ihres Designs anschließen.

Aus dem Fenster Bearbeiten können Sie auch auf andere Tools und Fenster wie Patch -Bibliothek, Viewer -Fenster, Patch Inspector und grundlegende Werkzeugschaltflächen wie Rück-/Vorwärts- und Zoomen- und Ausgänge zugreifen.

2

Die Patch -Bibliothek enthält alle Komponenten, die zum Erstellen eines Prototyps erforderlich sind. Dies sind die Schrauben und Muttern, die magische Effekte erzielen. Doppelklicken Sie einfach oder ziehen Sie es mit Drag & Drop, um dem Fenster Event und Patch-Bibliothek verschiedene Elemente hinzuzufügen.

3

Das Fenster des Betrachters sieht aus wie ein tatsächlicher Geräte -Emulator. Alle Aktionen, die Sie im Arbeitsbereich (Bearbeitungsfenster) ausführen, werden hier reflektiert. Sie können den Gerätetyp ändern, der angezeigt wird, indem Sie die Patch -Eigenschaft des Viewer -Größe des Typs auf den bevorzugten Wert des Gerätetyps Ihrer Wahl ändern.

Es gibt standardmäßig sogar Windows Phone und Apple Watch-Typen im Dropdown-Menü.

Codexport

Nach der Genehmigung des Prototyps ist es für den Ingenieur Zeit, dies zu tun. Offensichtlich kann dies ein sehr herausfordernder Prozess für Designer und Programmierer sein, die genau arbeiten müssen, um sicherzustellen, dass das Endprodukt dem Prototyp sehr gut entspricht.

Probleme können auftreten, wenn das Endprodukt nicht ähnlich genug ist wie der zugelassene Prototyp.

Dank der Exportfunktionen von Origami können Ingenieure dieses Problem leicht lösen, indem sie den Code exportieren, der für die Implementierung der gleichen Animationen in iOS, Android und im Web benötigt wird.

Sketch -Integration

Mit

Origamis Sketch -Integration können Sie entworfene Ebenen in der Sketch -App direkt mit Ihrem Prototyp verknüpfen. Dies bedeutet, dass jedes Mal, wenn Sie ein Design in der Skizze bearbeiten, Aktualisierungen automatisch in Ihrem Origami -Projekt widerspiegelt.

Demo -Modus

Verwenden Sie den Demo -Modus. Sie können Ihren Prototyp im Publikum im Vollbildmodus mit unterschiedlichen Hintergrundbildern, menschliche Hände, die das Gerät halten, und Zeiger aufmerksam präsentieren.

Wenn Sie ein iPhone oder iPad oder über das Trackpad Ihres Apple -Geräts haben, können Sie den Prototyp direkt steuern.

finden Sie über diesen Link weitere Details zu den verschiedenen Funktionen auf der offiziellen Origami -Website.

Schlussfolgerung:

Facebook Origami funktioniert gut und erledigt die Arbeit. Das Anpassen des Prototyps ist schnell, da Sie beim Bearbeiten eines Patchs oder beim Importieren eines neuen Bildes nicht kompilieren oder auf die Schaltfläche Aktualisieren müssen. Alle Inhalte werden im Betrachter in Echtzeit reflektiert.

Sie müssen nicht große Anstrengungen unternehmen, um zu verstehen, was es bedeutet, wenn Sie einen Prototyp von jemand anderem erhalten. Patcheigenschaften sind normalerweise selbsterklärend und scheinen reibungslos zu integrieren, ohne etwas anderes zu brechen.

Der Nachteil ist, dass Origami relativ neu ist und noch keine große Menge an Unterstützungsressourcen hat. Trotzdem sind die vorhandenen Ressourcen gut hergestellt und organisiert.

Sie finden Beispiele und Tutorials auf der offiziellen Website, die Sie hier finden.

Wenn Sie diesem Einführungsartikel Inhalte hinzufügen oder nur Fragen haben möchten, können Sie im folgenden Kommentarbereich einen Kommentar hinterlassen.

FAQs zum Prototyping mit Facebook Origami:

Wie unterscheidet sich Facebook Origami von anderen Tools für Anwendungsprototypen?

Facebook Origami ist ein einzigartiges Tool, das eine Vielzahl von Anwendungsprototypfunktionen bietet. Im Gegensatz zu anderen Tools bietet Origami eine Echtzeit-Vorschau des Designs, sodass Sie Änderungen in Echtzeit anzeigen können. Es bietet auch eine Vielzahl von vorgefertigten Komponenten, um komplexe Interaktionen zu erstellen. Darüber hinaus können Sie mit Origami Code -Snippets exportieren, die direkt in Ihrem Projekt verwendet werden können, wodurch Sie Zeit und Mühe sparen können.

Ist Facebook Origami kostenlos zu bedienen?

Ja, Facebook Origami ist völlig kostenlos zu verwenden. Es ist ein Open -Source -Tool, was bedeutet, dass jeder es verwenden kann, um seine eigenen Anwendungsprototypen zu erstellen. Dies macht es zu einer kostengünstigen Lösung für Einzelpersonen und Unternehmen.

Kann ich Facebook Origami für ein Betriebssystem verwenden?

derzeit ist Facebook Origami nur für macOS verfügbar. Das Team hinter Origami arbeitet jedoch ständig an der Aktualisierung und Verbesserung. Daher kann es in Zukunft für andere Betriebssysteme funktionieren.

Wie kann man Prototypen teilen, die mit Facebook Origami erstellt wurden?

Facebook Origami ermöglicht es Ihnen, Ihren Prototyp auf verschiedene Weise zu teilen. Sie können Prototypen als Video, GIF oder interaktive Prototypen exportieren. Sie können auch Prototyp -Links freigeben, damit andere direkt damit interagieren können.

Kann ich Facebook Origami ohne Codierungswissen verwenden?

Ja, Facebook Origami ist so konzipiert, dass sie einfach zu bedienen sind und benötigt keine Codierungskenntnisse. Es verwendet eine visuelle Schnittstelle, mit der Sie komplexe Interaktionen erstellen können, indem Sie einfach Komponenten ziehen und fallen lassen.

Welche Art von Anwendungsprototyp kann ich mit Facebook Origami erstellen?

Facebook Origami ist ein multifunktionales Tool, mit dem verschiedene Anwendungen prototypisieren können. Egal, ob Sie Social -Media -Apps, mobile Spiele oder Produktivitätstools erstellen, Origami hat die Funktionalität und Flexibilität, Ihre Ideen in die Realität umzusetzen.

Wie kann man mit Facebook Origami beginnen?

Um mit Facebook Origami zu beginnen, müssen Sie Origami Studio -Software auf Ihrem Mac herunterladen und installieren. Sobald die Installation abgeschlossen ist, können Sie mithilfe einer Vielzahl verfügbarer Tools und Funktionen einen eigenen Prototyp erstellen.

Kann ich auf Facebook Origami mit anderen zusammenarbeiten?

Während Facebook Origami derzeit keine integrierten Funktionen für die Zusammenarbeit anbietet, können Sie weiterhin mit anderen zusammenarbeiten, indem Sie Prototypen teilen und Feedback sammeln.

Wie kann man mehr über die Verwendung von Facebook Origami erfahren?

Es gibt viele Ressourcen, mit denen Sie mehr über die Verwendung von Facebook Origami erfahren können. Die Origami -Website bietet eine Vielzahl von Tutorials und Leitfäden, und es gibt viele Online -Communities, in denen Sie sich mit anderen Origami -Nutzern in Verbindung setzen und ihre Erfahrungen lernen können.

Was sind die Systemanforderungen für Facebook Origami?

Facebook Origami benötigt macOS 10.13 oder höher. Es erfordert auch einen Mac mit einem 64-Bit-Prozessor.

Das obige ist der detaillierte Inhalt vonApp -Prototyping: Erste Schritte mit Facebook Origami. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!