Was ist Adobe XD?

Das UX-Designtool von Adobe scheint die perfekte Ergänzung zur Software-Suite des Unternehmens zu sein. In diesem Artikel wird näher darauf eingegangen, was Adobe XD ist. Dann werden wir sehen, wie Sie es nutzen können.

Wenn Sie ein langjähriger Benutzer der Adobe-Benutzeroberfläche sind, sollten Sie erwägen, bis zum Ende zu lesen.

Weil?

Im Gegensatz zu anderen Tools wie Sketch und Figma ist AdobeXD einfacher für Benutzer zu verwenden, die dies bereits tun mit dem Adobe-Ökosystem vertraut.

Und selbst wenn Sie gerade erst dabei sind, führe ich Sie durch die Grundlagen der Verwendung von Adobe XD und verkürze die Lernkurve.

Interessiert? Aufleuchten.

Was ist Adobe XD??

Es ist vektorbasiert digitales Designtool für Websites und Apps.

In der Vergangenheit gab es für UI- und UX-Designer mehrere Möglichkeiten, kreativ zu werden. Wir hatten Sketch, die traditionelle Desktop-App, und natürlich Figma, das einen kollaborativeren Ansatz bot.

Aber nach der Adobe MAX-Konferenz im Oktober 2015 wussten wir alle, dass etwas Neues auf den Markt kommen würde.

Fünf Jahre nach dem Start von Sketch wurde das „Comet Project“ der Welt vorgestellt. Dies war der Vorname des Webdesign-Tools von Adobe.

Adobe XD war Erstellt von Adobe Inc. und für macOS veröffentlicht als „Adobe Experience Design CC“ an alle mit einem Adobe-Konto am 14. März 2016. Später in diesem Jahr wurde das Tool für Windows 10 verfügbar und unterstützt nun auch iOS und Android für mobile Funktionen.

Adobe XD ist Teil der Creative Cloud. Das Tool ist die einzige UX-Lösung, die Designern das Importieren, Anzeigen und Bearbeiten ermöglicht Adobe Photoshop- und Illustrator-Inhalte. Es scheint, dass das fehlende Puzzleteil in vollständiger Zusammenarbeit mit dem Rest von Creative Cloud entstanden ist.

Wenn man darüber nachdenkt, hat AdobeXD viele Ähnlichkeiten mit dem ersten iPhone.

Ich weiß, es ist ein seltsamer Vergleich, aber hören Sie mir zu.

Das Design-Tool verfügt über ein großer Vorteil – wurde von Grund auf unter Berücksichtigung der Best Practices für Benutzeroberfläche und UX entwickelt.

Was bedeutet das für den Endbenutzer?

Wenn Entwickler schon früh im Prozess die richtigen Entscheidungen treffen, entsteht ein hochwertiges, benutzerfreundliches Tool. Wie das erste iPhone verfügt Adobe XD möglicherweise nicht über alle Funktionen seiner Konkurrenten. Aber diejenigen, die Sie haben, arbeiten.

Wofür wird Adobe XD verwendet?

Webseitendesign

Adobe macht das Website-Design zu einem einfacheren und verständlicheren Konzept.

Wenn Sie ein beginnender UI/UX-Designer sind und die Möglichkeit haben möchten Teilen Sie den Fortschritt Ihrer Arbeit mitAdobe XD ist das perfekte Tool für Sie.

Dadurch bleibt Ihr Werkzeugkasten nicht nur mit allen wichtigen Werkzeugen gut gefüllt, es erleichtert auch die Zusammenarbeit.

Ein Adobe XD-Layout zu erstellen ist nicht schwer. Sie müssen kein Experte für die Entwicklung von Website-Wireframes sein, um es nutzen zu können.

Apropos Anfänger: Ich bin für Sie da, wenn Sie nicht wissen, was. Drahtmodell Ist. Die kürzeste Beschreibung lautet: das Grundgerüst der Benutzeroberfläche. Es handelt sich um eine Skizze der Merkmale, des Designs und der Funktionalität des Endprodukts.

Anwendungsdesign

Ein weiteres Beispiel dafür, was Sie mit Adobe XD tun können, ist a Anwendungsdesign.

Sie können eine vollständige mobile Anwendung in J entwerfennur ein Dokument XD.

Als?

Nun, mit der Software können Sie Vektorskalendateien für hochauflösende Anzeigen optimieren. Sie erhalten außerdem alle Tools, die Sie zum Entwerfen von Menüs, Animationen, Übergängen und dem gesamten Erscheinungsbild Ihrer App benötigen.

Design des Sprachassistenten

Eine großartige Funktion von Adobe XD ist Integration von Sprachprototypen.

Sein Zweck besteht darin, Ihnen dabei zu helfen, das Benutzererlebnis zu bereichern, indem Sie das Medium Stimme in Ihre Projekte einbeziehen. Das Tool ist durchaus nützlich, wenn es darum geht, die Sprachsuche in eine App zu integrieren oder Navigationssysteme und Sprachassistenten zu erstellen.

Außerdem wird dadurch die Navigation im Arbeitsablauf erleichtert. statt zu verwenden klicken entweder klopfen Als Auslöser können Sie auch Sprachbefehle verwenden, um mit Ihrem Prototyp zu interagieren.

Spieldesign

Mit dem Spiele-Prototyping in Adobe XD können Sie mühelos Menüs, Charakterauswahlen, HUDs und mehr entwerfen.

Sie können auch Gamecontroller hinzufügen und programmieren, um die Benutzeroberfläche so zu erleben, wie es Gamer erwarten.

Sie sind sich immer noch nicht sicher, ob das Design eingängig ist?

Kann Testen Sie es an echten Benutzern. Mit Adobe XD können Sie Prototypen mit Gamern teilen, um zu beurteilen, wie nützlich Ihre kreativen Ideen sind.

Live Vorschau

Ein wesentlicher Vorteil von Adobe XD ist die Live Vorschau.

Richtig, Sie können einen Blick darauf erhaschen, wie Ihr Design zum Leben erwacht.

Sie benötigen lediglich ein USB-Kabel zur Datenübertragung, nicht zu verwechseln mit dem Kabel, das Sie zum Aufladen verwenden.

Es ist so einfach wie 1,2,3. Lasst uns beginnen:

1. Wählen Sie zunächst aus, welches Ihrer Adobe XD-Projekte Sie in der Vorschau anzeigen möchten. Schließen Sie dann Ihr Mobilgerät an den USB-Anschluss des Computers an, auf dem Adobe XD ausgeführt wird.
2. Öffnen Sie Adobe XD auf Ihrem Mobilgerät.
3. Nun erscheint das Projekt auf Ihrem Desktop auch auf dem mobilen Gerät. Die Vorschau wird aktiviert sein EchtzeitWenn Sie also auf einem der Geräte Änderungen vornehmen, werden diese auch auf dem anderen Gerät übernommen.

Raster wiederholen

Grids für Designer sind wie Frameworks für Entwickler. Auf sie kann man zwar verzichten, aber das Ergebnis ist meist chaotisch.

Adobe XD bietet eine einfache Möglichkeit dazu Inhaltliche Strukturierung. Das Tool erstellt ein Raster basierend auf den vom Designer gewählten Richtlinien und Werten. Dies beschleunigt den kreativen Prozess und sorgt für mehr Sichtbarkeit und Kontrolle.

Wie füge ich mit Adobe XD einem Projekt ein Raster hinzu? 3 ist wieder einmal unsere Glückszahl:

1. Wählen Sie eine Zeichenfläche aus.
2. Schauen Sie sich das Menü auf der linken Seite an und stellen Sie sicher, dass das Kontrollkästchen GRID aktiviert ist.
3. Stellen Sie die Werte Ihrer Wahl ein. Das Tool erstellt dann das benötigte Raster.

Schon beeindruckt?

Wenn Sie sich immer noch fragen, ob Sie dieses Tool ausprobieren sollten, schauen Sie sich unseren ausführlichen Adobe XD-Test an.

Wickeln

Sie verfügen jetzt über ein grundlegendes Verständnis des neuesten Assets von Adobe Creative Cloud: Adobe XD.

Sie wissen auch, warum es geschaffen wurde: Es erfüllte ein großes Bedürfnis nach einem Designplattform im Adobe-Ökosystem.

Designer können die Adobe XD-App während des 7-tägigen Testzeitraums kostenlos nutzen. Es mag etwas zeitaufwändig erscheinen, dies zu meistern, aber wenn Sie mit Adobe-Plattformen vertraut sind, ist es mehr als genug.