Adobe XD ist ein Tool, das von vielen Designern verwendet wird, um Mockups und Wireframes für eine Vielzahl von Medien zu erstellen. Dazu gehören Softwareanwendungen, mobile Apps oder Websites.

Wenn Sie Designs und Prototypen für Ihre Kollegen oder Kunden erstellen, müssen Sie Ihre Designs möglicherweise an diese senden. Dies ist eine gute Gelegenheit für Sie, Feedback zu Ihren Entwürfen zu erhalten, sie zu präsentieren oder zu testen.

In Adobe XD können Sie basierend auf Ihren Freigabeanforderungen einen Freigabelink generieren. Dazu gehören Entwurfsüberprüfung, Entwicklung, Präsentationsmodus und Benutzertests. Sie können auch Ihre eigenen benutzerdefinierten Einstellungen für Freigabelinks hinzufügen.

So geben Sie Ihr Design für die Designüberprüfung frei

Die Design-Review-Voreinstellung ermöglicht es anderen, Ihr Design anzusehen und Feedback über Kommentare zu hinterlassen. Sie können auch eine Diskussion über Ihren gemeinsamen Prototyp oder Entwurf beginnen.

Wenn Sie noch nicht mit der Erstellung Ihres Designs begonnen haben, können Sie mehr darüber erfahren, wie Sie beginnen können

instagram viewer
Erstellen von Grafiken in Adobe XD. Sie können auch lernen, wie es geht Erstellen Sie Designs für Web und Mobilgeräte Anwendungen mit dem Prestige Adobe Suite UI/UX-Zertifizierungspaket.

So geben Sie ein Design zur Designüberprüfung frei:

  1. Klicken Sie in Adobe XD auf die Aktie oben im Anwendungsfenster.
  2. Klicke auf Ansichtseinstellung, und wählen Sie die aus Designprüfung voreingestellt.
  3. Klick auf das Link aktualisieren Schaltfläche, um einen neuen Link zu generieren.
  4. Öffnen Sie den neuen Link im rechten Bereich.
  5. Wenn Ihr Design in einem neuen Browser geöffnet wird, klicken Sie auf das Mitteilungen Symbol in der rechten Spalte, um das Kommentarfeld zu öffnen. Hier können Sie Ihrer Designansicht Kommentare hinzufügen. Andere Benutzer können auch Rezensionen und Kommentare zu Ihrer Arbeit hinzufügen, auf die Sie antworten können.

So teilen Sie Ihre Design- und UI-Assets für die Entwicklung

Wenn Sie Ihr Design mit Entwicklern teilen, benötigen Entwickler normalerweise auch das Asset oder Bild, das Sie in Ihr Design aufgenommen haben. Sie können diese Assets zu Ihrem Link hinzufügen, damit Entwickler sie herunterladen und verwenden können.

Um diese zu teilen, müssen Sie auch Ihre Assets für den Export markieren.

  1. Klicken Sie in Adobe XD auf die Design oben im Anwendungsfenster.
  2. Klicken Sie für jedes Asset, das Sie mit Entwicklern teilen möchten, mit der rechten Maustaste auf das Asset und wählen Sie es aus Zum Exportieren markieren.
  3. Klick auf das Aktie Registerkarte, die sich in der oberen Leiste der Adobe XD-Anwendung befindet.
  4. Unter dem Ansichtseinstellung Option, wählen Sie die Entwicklung voreingestellt.
  5. Kreuzen Sie an Herunterladbare Assets Kontrollkästchen unter der Einstellung Export für iOS.
  6. Klick auf das Link aktualisieren Schaltfläche, um einen neuen Link zu generieren.
  7. Öffnen Sie den neuen Link im rechten Bereich.
  8. Wenn Ihr Design in einem neuen Browser geöffnet wird, klicken Sie auf das Code Symbol in der rechten Spalte. Dadurch können Sie und andere Benutzer eine Vorschau aller in Ihrem Design verfügbaren Assets anzeigen. Sie und andere Mitbearbeiter können die Assets mithilfe von herunterladen herunterladen Schaltfläche bereitgestellt.

So teilen Sie Ihr Design zu Präsentations- oder Testzwecken

Sie können Ihr Design teilen und es als Vollbildfenster öffnen, um es anderen zu präsentieren. Die Vollbildfunktion ist auch nützlich, wenn Sie den Link mit anderen teilen möchten, die Ihre Mockups testen werden.

  1. Klick auf das Aktie oben im Anwendungsfenster von Adobe XD.
  2. Unter dem Ansichtseinstellung Option, wählen Sie die Präsentation voreingestellt, wenn Sie planen, Ihr Design zu präsentieren. Sie können auch die auswählen Benutzertests voreingestellt, wenn ein anderer Benutzer einen Prototypen testen soll.
  3. Klick auf das Link aktualisieren Schaltfläche, um einen neuen Link zu generieren.
  4. Öffnen Sie den neuen Link im rechten Bereich.
  5. Warte, bis dein Design in einem neuen Browser geöffnet wird. Verwenden Sie die Pfeil Schaltfläche oben im Browserfenster, um Ihr Design im Vollbildmodus für Präsentationen und Benutzertests anzuzeigen. Sobald Sie sich im Vollbildmodus befinden, drücken Sie die Esc Taste auf Ihrer Tastatur, um zum Browser zurückzukehren.

So teilen Sie Ihr Design mit benutzerdefinierten Einstellungen

Es gibt Fälle, in denen Sie möglicherweise eine Kombination von Funktionen benötigen, die in verschiedenen Freigabevoreinstellungen bereitgestellt werden. Beispielsweise benötigen Sie möglicherweise Kommentare, den Vollbildmodus und Entwickler-Assets, um alle in einem Link zugänglich zu sein. Dazu können Sie Ihre eigenen benutzerdefinierten Einstellungen erstellen.

So erstellen Sie eine benutzerdefinierte Voreinstellung und generieren einen Freigabelink:

  1. Klick auf das Aktie oben im Anwendungsfenster von Adobe XD.
  2. Unter dem Ansichtseinstellung Option, wählen Sie die Brauch voreingestellt.
  3. Aktivieren Sie in den bereitgestellten benutzerdefinierten Optionen die Funktionen, die Sie in Ihren Freigabelink aufnehmen möchten. Dazu gehören Kommentare, Vollbildmodus oder Entwickler-Assets.
  4. Klick auf das Link aktualisieren Schaltfläche, um einen neuen Link zu generieren.
  5. Öffnen Sie den neuen Link im rechten Bereich.
  6. Wenn Ihr Design in einem neuen Browser geöffnet wird, können Sie auf alle Funktionen zugreifen, die Sie in den vorherigen Schritten ausgewählt haben.

Sie können den Linkzugriff auch über die Registerkarte „Teilen“ ändern. Es gibt zwei Linkzugriffsoptionen:

  • Jeder mit dem Link
  • Nur eingeladene Personen

Standardmäßig kann jeder, der Zugriff auf den generierten Link hat, Ihr Design oder Ihren Prototyp anzeigen. Um die Berechtigungen für den Link zu ändern, ändern Sie die Einstellung für den Linkzugriff:

  1. Klick auf das Aktie oben im Anwendungsfenster von Adobe XD.
  2. Unter dem Link-Zugriff Option, ändern Sie die Option in Nur eingeladene Personen.
  3. Klicken Sie auf das Profilsymbol neben dem Link-Zugriff Dropdown-Liste.
  4. Fügen Sie nur die Benutzer hinzu, die Lesezugriff auf Ihr Dokument haben können.
  5. Klick auf das Profil Symbol in der oberen rechten Ecke des Anwendungsfensters von Adobe XD.
  6. Fügen Sie nur die Benutzer hinzu, die Bearbeitungszugriff auf Ihr Dokument haben können.

Du kannst auch Verwenden Sie Adobe XD zum Bearbeiten von Bildern, z. B. zum Hinzufügen von Überlagerungen.

Teilen Sie Ihre Designs und Prototypen in Adobe XD

Sie können Freigabe-Links in Adobe XD erstellen, um Ihre Designs und Prototypen mit anderen Mitarbeitern zu teilen. Wenn Sie einen Freigabelink erstellen, haben Sie die Möglichkeit, je nach Ihren Freigabeanforderungen zwischen verschiedenen Voreinstellungen zu wählen.

Zu den Voreinstellungen, aus denen Sie auswählen können, gehören Designüberprüfung, Entwickler, Präsentationsmodus und Benutzertests. Sie können auch die in Ihrem Freigabelink enthaltenen Funktionen anpassen oder die Linkberechtigungen ändern, um nur bestimmten Benutzern Zugriff zu gewähren.

Es gibt so viele andere interessante Dinge, die Sie mit Adobe XD machen können. Entdecken Sie einige der neuen Funktionen, die die Adobe XD47 Edition zu bieten hat.