Adobe XD vs. Sketch - Welches UX-Tool passt zu Ihnen?

Ein UX-Designer benötigt viele Tools, um die vielen Phasen des UX-Workflows von der Recherche über das Design bis hin zum Prototyp und zur Übergabe abzuschließen. Wenn Sie Ihre Arbeit am PC erledigen, werden Sie wahrscheinlich von der ständigen Erwähnung von Sketch heimgesucht, einem beliebten, optimierten Vektorgrafiken-Editor mit unzähligen nützlichen Plug-ins, der sich schnell zum Industriestandard entwickelt - aber nur unter Mac OS erhältlich. Dies bedeutet, dass Sie ausgeschlossen sind, es sei denn, Sie haben einen Apple-Computer. Aber jetzt arbeitet Adobe nach Jahren der Abwesenheit aktiv an einem geeigneten plattformübergreifenden Sketch-Konkurrenten (und ähnlich?): Adobe XD.

Die Adobe XD-BenutzeroberflächeDie Benutzeroberfläche von Sketch ist eindeutig die Hauptinspiration für Adobe in XD, da sie versucht, den gleichen Benutzertyp anzusprechen

Stellen Sie die weltbesten Designer bei Toptal ein

Testversion ohne Risiko, zahlen Sie nur, wenn Sie zufrieden sind

Was ist Adobe XD?

Adobe Experience Design CC, oder Adobe XD, ist ein leichtes Werkzeug zur Bearbeitung von Vektorgrafiken und zum Erstellen von Prototypen, das auf der Adobe MAX 2015 als Project Comet vorgestellt wurde. Die Software wurde im März 2016 als Teil der Creative Cloud in der Vorschau gestartet und befindet sich derzeit in der Beta-Phase. Sie wird fast jeden Monat aktualisiert.

Zuvor arbeitete Adobe daran, Funktionen für UX-Designer für ihre etablierten Tools wie Photoshop und Illustrator hinzuzufügen. Obwohl sie beide großartige Software sind, sind sie für diese Art von Arbeit weder leichtgewichtig noch optimiert. Im Laufe der Jahre - und insbesondere nach der Abschaffung von Adobe Fireworks (dem klassischen weborientierten Prototyping-Tool von Macromedia) im Jahr 2013 - waren immer mehr UX-Designer der Ansicht, dass die Creative Cloud nicht den Markterwartungen entsprach. Also sprangen sie zu Sketch (wenn sie einen Mac hatten). Die Antwort von Adobe auf diesen Massenexodus war zwar etwas verspätet (Bohemian Coding hat Sketch vor sechs Jahren veröffentlicht), aber das Warten lohnt sich, vor allem, wenn Sie nur weniger geeignete Tools auf Ihrem PC verwenden. Vergleichen wir Adobe XD mit Sketch

Benutzeroberfläche und exklusive Funktionen

Wenn Sie Adobe XD öffnen, werden Sie zunächst den Eindruck haben, dass die Benutzeroberfläche sowohl für Sketch-Benutzer als auch für langjährige Adobe-Fans sehr vertraut ist. Adobe hat sich von den erwarteten dunkleren Creative Cloud-Schaltflächen und -Menüs verabschiedet und sich dafür entschieden, das Beste aus zwei Welten anzubieten. Im Gegensatz zu Sketch sehen Sie auf der linken Seite des Bildschirms eine Reihe von Werkzeugen, aber auch das Bedienfeld mit den höheren Ebenen und die dynamischen Eigenschaften auf der rechten Seite, wie in Sketch dargestellt. Es ist kinderleicht zu bedienen und leicht zu erlernen, unabhängig davon, welches Tool Sie zuvor verwendet haben.

Raster wiederholen

Adobe XD verfügt auch über eine Reihe einzigartiger Funktionen wie das Wiederholungsraster, mit dem Sie eine Gruppe von Objekten wie eine Materialdesignkarte mit variablen Daten und konfigurierbaren Abständen zwischen den Kopien replizieren können.

Erstellen von Gruppen ähnlicher Objekte mit der Funktion

Stellen Sie die weltbesten Designer bei Toptal ein

Testversion ohne Risiko, zahlen Sie nur, wenn Sie zufrieden sind

Prototyping

In XD können Sie einen interaktiven Prototyp erstellen, ohne Plugins von Drittanbietern wie in Sketch zu benötigen. Mit dem Adobe-Editor für Prototypen können Designer interaktive Bereiche mithilfe von Kabeln visuell mit anderen Bildschirmen verbinden und Übergänge einrichten. Mit dem interaktiven Prototyp können Sie den Prototyp veröffentlichen und freigeben, der im Web oder mit der mobilen Adobe XD-App angezeigt werden kann. XD-Prototypen unterstützen jedoch noch keine Gesten oder festen Abschnitte wie Überschriften. Dies ist in InVision und anderen Tools nur für Prototypen möglich, die mit Sketch verbunden sind.

Schaltflächen mit Bildschirmen in der Prototype-Funktion in Adobe XD verbinden

Lesen Sie mehr im Toptal Design Blog unter www.toptal.com >>

Stellen Sie die weltbesten Designer bei Toptal ein

Testversion ohne Risiko, zahlen Sie nur, wenn Sie zufrieden sind