Verbinden Sie Ihr iOS- oder Android-Gerät mit dem USB-Anschluss des Computers, auf dem Adobe XD für den Desktop ausgeführt wird. Stellen Sie sicher, dass Sie die neueste Version der Desktop-Applikation von XD besitzen, die in Creative Cloud verfügbar ist.
- Adobe XD Benutzerhandbuch
- Einführung
- Neue Funktionen in Adobe XD
- Häufige Fragen
- Erstellen von Designs und Prototypen und Freigeben mit Adobe XD
- Farbmanagement
- Systemanforderungen
- Arbeitsbereich – Grundlagen
- Ändern der in Adobe XD angezeigten Sprache
- Zugriff auf UI-Design-Kits
- Barrierefreiheit in Adobe XD
- Tastaturbefehle
- Tipps und Tricks
- Design erstellen
- Zeichenflächen, Hilfslinien und Ebenen
- Formen, Objekte und Pfade
- Auswählen, Vergrößern, Verkleinern und Drehen von Objekten
- Verschieben, Ausrichten, Verteilen und Anordnen von Objekten
- Gruppieren, Sperren, Duplizieren, Kopieren und Spiegeln von Objekten
- Festlegen von Strichen, Flächen und Schlagschatten für Objekte
- Erstellen sich wiederholender Elemente
- Perspektivisches Design mit 3D-Transformationen
- Bearbeiten von Objekten mithilfe boolescher Operationen
- Text und Schriften
- Komponenten und Zustände
- Maskierung und Effekte
- Layout
- Videos und Lottie-Animationen
- Prototypen erstellen
- Erstellen interaktiver Prototypen
- Animieren von Prototypen
- Für Auto-Animate unterstützte Objekteigenschaften
- Erstellen von Prototypen mit Tastatur- und Gamepad-Nutzung
- Erstellen von Prototypen mit Sprachbefehlen und Audiowiedergabe
- Erstellen zeitgesteuerter Übergänge
- Hinzufügen von Overlays
- Sprachprototypen erstellen
- Erstellen von Ankerlinks
- Erstellen von Hyperlinks
- Testen von Designs und Prototypen
- Freigeben, Exportieren und Review
- Ausgewählte Zeichenflächen freigeben
- Freigeben von Designs und Prototypen
- Zugriffsberechtigungen für Links festlegen
- Arbeiten mit Prototypen
- Prototyp-Review
- Arbeiten mit Design-Spezifikationen
- Freigeben von Design-Spezifikationen
- Auswerten von Design-Spezifikationen
- Navigation in Design-Spezifikationen
- Reviews und Kommentarfunktion zu Design-Spezifikationen
- Exportieren von Design-Assets
- Exportieren und Herunterladen von Assets aus Design-Spezifikationen
- Gruppenfreigabe für Unternehmen
- Sichern oder übertragen von XD Elementen
- Design-Systeme
- Cloud-Dokumente
- Integrationen und Plug-ins
- Arbeiten mit externen Elementen
- Arbeiten mit Design-Elementen aus Photoshop
- Kopieren und Einfügen von Elementen aus Photoshop
- Importieren oder Öffnen von Photoshop-Designs
- Arbeiten mit Illustrator-Elementen in Adobe XD
- Öffnen oder Importieren von Illustrator-Designs
- Vektordateien aus Illustrator nach XD kopieren
- Plug-ins für Adobe XD
- Erstellen und Verwalten von Plug-ins
- Jira-Integration für Adobe XD
- Slack-Plug-in für XD
- Zoom-Plug-in für XD
- Designs von XD aus auf Behance freigeben
- XD für iOS und Android
- Fehlerbehebung
- Bekannte und behobene Probleme
- Installation und Updates
- Absturz beim Programmstart
- Adobe XD stürzt ab, wenn es auf Windows 10 gestartet wird
- XD wird beendet, wenn Sie sich von Creative Cloud abmelden
- Problem mit dem Abonnementstatus unter Windows
- Warnung zu blockierter Applikation, wenn XD auf Windows gestartet wird
- Generierung von Absturzbildern auf Windows
- Sammlung und Freigabe von Absturzprotokollen
- Cloud-Dokumente sowie Creative Cloud-Bibliotheken.
- Erstellen und Veröffentlichen von Prototypen und Durchführen von Reviews
- Prototyp-Interaktionen können unter macOS Catalina nicht aufgezeichnet werden
- Probleme mit Arbeitsabläufen für die Veröffentlichung
- Veröffentlichte Links werden in Browsern nicht angezeigt
- Prototypen werden in Browsern nicht korrekt dargestellt
- Kommentarfeld wird plötzlich bei freigegebenen Links angezeigt
- Bibliotheken können nicht veröffentlicht werden
- Importieren, exportieren und Zusammenarbeit mit anderen Applikationen
Sie können Prototypen in Echtzeit testen oder Ihre in Creative Cloud gespeicherten XD Dateien in XD auf iOS/Android öffnen. Eine weitere Möglichkeit ist, veröffentlichte Prototypen in einem mobilen Browser zu testen.
Mit der Adobe XD App können Sie folgende Aktionen durchführen:
- Ihr iOS- oder Android-Gerät über USB mit dem Computer, auf dem Sie XD ausführen, verbinden, Ihre Designs und Prototypen auf dem Desktop bearbeiten und auf allen verbundenen iOS- oder Android-Geräten in Echtzeit testen. Weitere Informationen finden Sie unter Prototypen in Echtzeit auf iOS-/Android-Geräten testen.
- Personen über einen privaten Freigabelink dazu einladen, ein Review zu Ihrem Prototyp durchzuführen. Weitere Informationen finden Sie unter Verwenden von privaten Einladungen aus dem Web und vom Mobilgerät.
- Designs oder Prototypen, die in der Creative Cloud-Umgebung gespeichert sind, auf Ihrem Mobilgerät öffnen und Kommentare hinzufügen und für andere freigeben, während Sie unterwegs sind. Weitere Informationen finden Sie unter Designs und Prototypen in mobilen Browsern kommentieren.
Wenn auf Ihrem Gerät Adobe XD für Windows 10 ausgeführt wird, wird auf Android die Echtzeitansicht über USB nicht unterstützt.
Voraussetzungen für die Echtzeitansicht auf einem Mobilgerät
Zum Testen von XD Dateien in der Echtzeitansicht oder indem Sie sie aus Creative Cloud öffnen:
- Adobe XD für iOS/Android
Eine Liste der unterstützten iOS- und Android-Versionen finden Sie unter XD für iOS und Android – Häufig gestellte Fragen.
Zum Testen veröffentlichter Prototypen:
- Browser auf einem Mobilgerät.
Eine Liste der unterstützten mobilen Browser finden Sie unter Unterstützte Browser.
Prototypen in Echtzeit auf iOS-/Android-Geräten testen
Sie können Ihre Prototypen in Echtzeit auf einem Gerät testen, das über ein USB-Kabel an Ihren Computer angeschlossen ist.
-
Hinweis:
- Vergewissern Sie sich, dass Sie USB-Kabel für die Datenübertragung verwenden. Einige USB-Kabel können nur zum Aufladen von Geräten und nicht für die Datenübertragung verwendet werden.
- Sie möchten Ihr iPhone an einen Windows-Computer anschließen? Stellen Sie sicher, dass Sie iTunes für Windows installiert haben, damit Sie Ihr Design oder Ihren Prototyp auf Ihrem iPhone in der Echtzeitansicht testen können.
-
Öffnen Sie Adobe XD für iOS/Android auf Ihrem iOS- bzw. Android-Gerät.
-
Die in Adobe XD auf dem Desktop ausgewählte (oder aktive) Zeichenfläche wird auf Ihrem Gerät angezeigt. Alle Änderungen, die Sie an Ihren Designs vornehmen, werden in Echtzeit auf Ihrem iOS-/Android-Gerät dargestellt.
Wenn Sie im Prototypmodus Verdrahtungen für Interaktionen hinzufügen, können Sie sehen, wie diese Interaktionen ablaufen (ebenso wie im Vorschaufenster auf dem Desktop).
-
Rufen Sie durch dreimaliges Tippen auf den Bildschirm der mobilen App weitere Optionen auf:
- Übersicht: Zeigt eine Übersicht aller Zeichenflächen in Ihrem Design an.
- Bildschirm als Bild teilen: Teilt eine bestimmte Zeichenfläche als PNG-Datei über E-Mail, Slack oder andere Kanäle.
- Hotspot-Hints: Aktiviert beim Testen des Prototyps die Hotspot-Hints.
- Wischgesten-Navigation: Verhindert, dass Sie bei der Interaktion mit einem Prototyp eine Wischgeste ausführen.
- Anzeigeoptionen: Zur Anzeige Ihres Designs in verschiedenen Formaten.
Als Cloud-Dokumente gespeicherte XD Dokumente in der Echtzeitansicht testen
Sie können Ihre XD Dokumente für einen Test auf iOS-/Android-Geräten bereitstellen, indem Sie sie in XD Desktop als Creative Cloud-Dokumente speichern.
-
Stellen Sie sicher, dass Ihr XD Dokument auf XD Desktop als Creative Cloud-Dokument gespeichert wurde.
-
Öffnen Sie Adobe XD auf Ihrem iOS-/Android-Gerät.
-
In XD Dokumente werden alle XD Dokumente, die Sie im Ordner „Cloud Documents“ gespeichert haben, angezeigt. Sie können diese Dateiliste nach Dateinamen durchsuchen und das Ergebnis in aufsteigender oder absteigender alphabetischer oder chronologischer (Änderungsdatum) Reihenfolge sortieren. Wenn Sie die gewünschte Datei gefunden haben, können Sie sie anzeigen, indem Sie darauf tippen.
-
In der Echtzeitansicht können Sie durch dreimaliges Tippen die folgenden Prototypoptionen aufrufen:
- Übersicht: Um eine Übersicht aller Zeichenflächen in Ihrem Design anzuzeigen. Sie Sie können diese Übersicht durchsuchen und dann zu einer bestimmten Zeichenfläche springen.
- Bildschirm als Bild teilen: Um eine bestimmte Zeichenfläche als PNG-Datei über E-Mail, soziale Medien oder andere Möglichkeiten, die Ihr Gerät bereitstellt, zu teilen.
- Hotspot-Hints: Um beim Testen des Prototyps Hotspot-Hints zu aktivieren.
- Wischgesten-Navigation: Um für die Interaktion mit einem Prototyp Wischgesten zu aktivieren.
- Anzeigeoptionen: Zur Anzeige Ihres Designs in verschiedenen Formaten.
Hinweis:Wenn Sie die Zoom-Eingabehilfe aktiviert haben, tippen Sie mit zwei anstatt mit drei Fingern.
-
Nachdem Sie das Design auf Ihrem iOS-/Android-Gerät überprüft haben, können Sie den Prototyp für die Reviewer freigeben.
Bevor Sie den Prototyp freigeben, stellen Sie sicher, dass Sie die Hotspot-Hints aktiviert haben. Dazu tippen Sie dreimal auf den Bildschirm der XD App und aktivieren Hotspot-Hints.
-
Geben Sie den Prototyplink für andere über E-Mail, soziale Netzwerke oder über sonstige vom Gerät bereitgestellte Möglichkeiten frei. Tippen Sie dreimal auf den Bildschirm der XD App und wählen Sie Für Reviewer freigeben.
Hinweis:Sie können einen Prototyplink nur freigeben, wenn er zuvor mindestens einmal über die XD Desktop-Applikation freigegeben wurde.
Schriften auf iOS/Android
Hier einige Möglichkeiten zum Verwalten von Schriften auf iOS/Android:
- Wenn möglich, werden Schriften zu Ihrem iOS- bzw. Android-Gerät gesendet, wenn Sie darauf Ihr Design anzeigen. Allerdings gestatten bestimmte Schriftanbieter die Übertragung, Anzeige und Weitergabe ihrer Schriften nicht. Sie sind selbst dafür verantwortlich, dass Sie die Schriftlizenzvereinbarung zwischen Ihnen und dem jeweiligen Schriftanbieter einhalten.
- Beim Testen eines Prototyps auf einem iOS-/Android-Gerät erhalten Sie eine Warnmeldung, wenn eine Schrift nicht auf Ihrem Gerät vorhanden ist. Fehlende Schriften werden durch verfügbare Schriften ersetzt.
- Adobe Fonts
Wenn ein XD Cloud-Dokument auf XD für iOS/Android in der Echtzeitansicht angezeigt wird, wird Adobe Fonts automatisch aktiviert und die Schriften werden korrekt angezeigt. - Nicht-Adobe-Schriften
iOS 13.0 unterstützt die Installation von selbstdefinierten Schriften. Benutzer können mit den von Apple bereitgestellten Methoden oder über die mobile Creative Cloud-App für iOS (ab Version iOS 13.1) selbstdefinierte Schriften über Apps von Drittanbietern installieren.
Heruntergeladene XD Dateien von Ihrem Gerät löschen
Um den Speicherplatz auf Ihrem iOS-/Android-Gerät anzupassen, können Sie heruntergeladene Dateien löschen, indem Sie durch Tippen Einstellungen > Voreinstellungen wählen.
In den Voreinstellungen sehen Sie, wie viel lokaler Speicher gerade verbraucht wird. Indem Sie auf Offline-Dokumente entfernen tippen, können Sie XD Dokumente, die Sie auf Ihr Gerät heruntergeladen haben, wieder löschen.
Sie können auch einzelne Dateien entfernen, indem Sie die Datei auswählen und die Option Offline verfügbar deaktivieren.
Veröffentlichte Prototypen in mobilen Browsern testen
Wenn Sie einen freigegebenen Link in einem mobilen Browser öffnen, wird darin eine vergrößerte Zeichenfläche angezeigt, die das gesamte Fenster einnimmt. Wenn die Zeichenflächen des Prototyps nicht verdrahtet sind, wischen Sie nach links oder rechts, um von einer Zeichenfläche zur nächsten bzw. vorherigen zu navigieren.
Verwenden Sie die folgenden Optionen in der Bewegungsansicht:
- Zurück zur Startzeichenfläche
- Durch die Zeichenflächen navigieren
- Kommentare zu Designs und Prototypen abgeben
Durch Auf-/Zuziehen können Sie den Prototyp in seiner Originalgröße anzeigen. Sie können einen Prototyp ohne Qualitätseinbußen beim Inhalt auf bis zu 200 % vergrößern und auf bis zu 25 % verkleinern.
Designs und Prototypen in mobilen Browsern kommentieren
Sie können öffentliche Designs und Prototypen kommentieren ohne sich erst anmelden zu müssen.
- Ziehen Sie auf dem Bildschirm zwei Finger zusammen, um die Optionen auf der Startzeichenfläche anzuzeigen.
- Navigieren Sie mit den Pfeiltasten zu dem Bildschirm, den Sie kommentieren wollen.
- Tippen Sie auf das Kommentarsymbol , um die gemeinsamen Prototypen oder Designs zu kommentieren.
4. Tippen Sie auf das Sendesymbol und melden Sie sich mit Ihrer Adobe ID und Ihrem Kennwort an, um Ihre Kommentare zu übermitteln oder auf vorhandene Kommentare zu antworten.
Sie können sich auch als Gast anmelden, um einen Kommentar abzugeben. Wenn Sie einen privaten Weblink haben, benötigen Sie eine Adobe ID, um sich anzumelden.
Echtzeitansicht der Designs bei unterschiedlichen Auflösungen
An Bildschirmgröße anpassen
Mit dieser Einstellung wird Ihr Design vergrößert bzw. verkleinert, um es an die Breite oder Höhe Ihres Geräts anzupassen, je nachdem, wodurch Ihr Design nicht abgeschnitten wird. Zeichenflächen werden nur bis zum Zweifachen ihrer geplanten Auflösung vergrößert.
Bei 100 % anzeigen
Ihr Design wird in der Auflösung angezeigt, in der Sie das Design erstellt haben, also ohne Größenänderung. Wenn Ihr Design über den Bildschirm hinausragt, können Sie es mit zwei Fingern bewegen.
Flexibel
Zeichenflächen können mit zwei Fingern gezoomt und bewegt werden. Zeichenflächen werden nur bis zum Zweifachen ihrer geplanten Auflösung vergrößert. Interaktionen funktionieren auch in dieser Ansicht.