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!