Sketch: Wie synchronisiere ich Designelemente am besten zwischen iOS und Android Wireframe?

Ich suche nach Anregungen zu Ihren Best Practices/Arbeitsabläufen zum Erstellen von App-Wireframes für iOS und Android.

Ich arbeite gerade an einem Projekt, das Drahtmodelle mit ziemlich hoher Wiedergabetreue für eine App benötigt, die wir erstellen, sowohl für Android als auch für iOS. Das Problem ist, wie teile ich Stile am besten zwischen den beiden Dateien? Wenn ich beispielsweise Symbole für eine Tabelle erstelle, stimmt die Breite der Tabelle nicht überein, da iOS und Android unterschiedlich sind. Also muss ich das Element vom Symbol lösen. Das Problem ist jetzt, wenn ich zum Beispiel eine Farbe ändern möchte, muss ich daran denken, sie in beiden Versionen zu aktualisieren. Auch die Schriftart-/Typografieeinstellungen unterscheiden sich zwischen diesen beiden.

Wie kann ich meinen Workflow bei der Entwicklung für beide Plattformen strukturieren, um Doppelarbeit zu vermeiden?

Da ich die Google Drive-Synchronisierung für Invision verwende, müssen sich die Android/iOS-Drahtgitter ebenfalls in separaten Dateien befinden. :/

In Bezug auf Best Practice ist "High Fidelity Wireframe" keine Sache.

Antworten (1)

Stile vor Symbolen

Am besten verwenden Sie Stile anstelle von Symbolen für die meisten Layouteinheiten. Wenn es einen guten Grund gibt, ein Symbol zu verwenden (z. B. globales Navi), sollten die Komponentenelemente dieses Symbols einen Stil verwenden, der dateiübergreifend synchronisiert ist.

Plug-Ins füllen die Lücken

Für die Synchronisierung muss ich etwas recherchieren und mich bei Ihnen melden. Es gibt ein Plug-in, mit dem Sie bestimmte Stileigenschaften in einem Google Sheet verwalten können. Sie könnten jede Datei auf dasselbe Blatt verweisen. Wie bei den meisten Anforderungen in Sketch gibt es einige Plug-Ins, die Sie vielleicht ausprobieren möchten. Führen Sie GitHub-Ermittlungen durch und experimentieren Sie.

Endeffekt

Du musst nur diszipliniert sein. Sketch hat sich noch nicht mit der dateiübergreifenden Synchronisierung befasst.