Kampf dem Versions-Chaos!

Es ist ein wenig stiller geworden hier. Wir schreiben einfach zu viel – in unserem internen Blog. Genau dort erklärten uns Jess und Janni kürzlich, wie sie Versions-Chaos vermeiden und trotzdem an den gleichen Dateien arbeiten. Weil euch das auch interessieren könnte, leaken wir heute unser interes Blog und erzählen, mit welchen Tools und Workflows unsere Designerinnen stressfrei zusammenarbeiten:

OMG! Versions-Chaos!

Für Entwickler ist es ein alter Hut – Versionsverwaltung. Zu vorigen Arbeitsständen zurückkehren und kollaborativ an denselben Dateien arbeiten zu können, ist wichtig für uns als teilweise dezentral arbeitendes Team. Wir alle nutzen diese Funktion ganz selbstverständlich, wenn wir gleichzeitig an Google Docs oder Spreadsheets herumwerkeln.

Wir Designer nutzen andere Tools. Adobe-Programme oder Sketch sind nicht textbasiert, sondern jonglieren teils mit riesigen Datenmengen. Synchron an einer Datei arbeiten? Schwierig. In Google-Drive werden mehrere Versionen abgelegt, wenn verschiedene Personen gleichzeitig an einer Nicht-Google-Datei arbeiten. Einzelne Vorreiter-Tools wollten Kollaborationen möglich machen, scheiterten aber an der Realität und Nutzerfreundlichkeit. Und wir möchten in Konzeption und Screendesign auch nicht mehr auf Sketch verzichten.

Was ist eigentlich dieses Sketch und warum ist es so toll? Ein kurzer Exkurs.

Adobe macht gute Programme, keine Frage. Doch die Stärke der Programme ist gleichzeitig eine Krücke: Sie sind so mächtig und breit aufgestellt, dass sie in einzelnen Spezialgebieten dann doch nicht alle Funktionalitäten abdecken. „Responsive Design” heißt, gestalten für verschiedenste Größen und Formate. Wenn man Buttons oder andere Elemente für jede Bildschirmbreite wieder neu anlegen muss, so wie das in pixelbasierten Adobe-Produkten eben passiert, ist das sehr zeitraubend. Weiterer Knackpunkt: Adobe schafft nicht die Brücke zwischen Pixeln und Vektordaten – wir müssen uns immer für einen Weg entscheiden.

Nicht so bei Sketch. Sketch exportiert und importiert sowohl Pixel als auch Vektoren, spielt verschiedenste Formate mit einem Klick aus und hat eine clevere Funktion: Symbole. Symbole können überall innerhalb der Datei referenziert werden und wenn dann am Symbol etwas verändert wird, wird die Änderung in allen referenzierten Instanzen übernommen. „Naja“, sagt ihr jetzt, „das ist doch das gleiche wie Smart Objects bei Adobe!“ Jaja, Moment! Das beste kommt erst noch. Mit ein paar Klicks bauen wir in Sketch ein responsives Modul nach, das sich in unterschiedlichsten Bildschirmgrößen flexibel anwenden lässt.