Wenn Sie noch Fragen haben oder eigene Ideen weitergeben möchten, beteiligen Sie sich an unserer Adobe XD Community. Wir freuen uns schon auf Ihre Beiträge und Kreationen.
Attribute wie Farben, Text, Abstände, Komponentenzustände, Interaktionshervorhebungen in Design-Spezifikation anzeigen und auswerten.
In einem freigegebenen Design-Spezifikations-Link können Sie den Prototyp anzeigen und testen, Kommentare und Feedback kontextbezogen hinzufügen und Abstände und Design-Spezifikations-Informationen abrufen.
Der Design-Spezifikations-Link wird standardmäßig im Prototypmodus geöffnet. Um Eigenschaften und technische Daten abzurufen, klicken Sie in der Randleiste rechts auf das Symbol .
Wenn Sie zur Registerkarte mit den Design-Spezifikationen wechseln, können Sie auf der Arbeitsfläche Elemente auswählen und Attribute wie Farben, Text, Abstände, Zustände und andere Eigenschaften im Eigenschafteninspektor abrufen.
Über das {}-Symbol können Sie zur Registerkarte für Variablen wechseln. Diese Registerkarte ist verfügbar, wenn der Designer einen Design-Spezifikations-Link fürs Web veröffentlicht. Definiert der Designer Variablennamen für Farben und Zeichenformate, können Sie die Designtoken-Informationen auf dieser Registerkarte anzeigen.
Im Folgenden wird erläutert, wie Sie die Attribute in einer Design-Spezifikation anzeigen und zuordnen.
A. Bildschirmdetails: Wählen Sie ein Objekt aus, um Abmessungen und Abstände zu überprüfen.
B. Farben: Für den Export markierte Farben anzeigen.
C. Eigenschaften des Layoutrasters: Hier können Sie in die Rasteranzeige umschalten.
Mit dem Regler „Deckkraft“ können Sie die Transparenz der Farben ändern.
A. Texteigenschaften: Wählen Sie eine Textzeile aus, um Texteigenschaften in den Standardeinheiten px, pt oder dp anzuzeigen.
B. Erscheinungsbild: Sie können Farben anzeigen, die in einem Objekt oder Text im Bereich „Erscheinungsbild“ verwendet werden.
Wenn Sie in der XD App eine Ebene für den Export markieren, werden die in dieser Ebene verwendeten Farben nicht in der Bildschirm-Detailansicht angezeigt.
Wählen Sie eine Form aus, um die folgenden Attribute dieser Form auszuwerten:
Wählen Sie ein Bild aus, um die folgenden Attribute des Bilds auszuwerten:
Wählen Sie ein Video aus, um die folgenden Attribute des Videos auszuwerten:
Führen Sie den Mauszeiger auf den jeweiligen Bereich und klicken Sie mit der rechten Maustaste, um die Liste der Ebenen und die Kontextinformationen an diesem Pixelpunkt anzuzeigen.
Führen Sie den Mauszeiger über Textabschnitte innerhalb eines Textelements, um ähnliche Textabschnitte innerhalb des Textelements hervorzuheben.
Klicken Sie auf Interaktionshervorhebungen, um Zeichenflächendetails, Stile, Design- und Viewport-Größe, Overlay-Position, Farben, Zeichenformate und Informationen zum Ziel des angewendeten Overlays anzuzeigen.
Halten Sie die Umschalttaste gedrückt, um die Interaktionshervorhebungen anzuzeigen. Um sie auszuwerten, klicken Sie im Bereich „Interaktionen“ auf das angezeigte Artefakt oder klicken Sie bei gedrückter Umschalttaste auf die Interaktionshervorhebungen.
Mehr über Hyperlinks in XD erfahren Sie unter Hyperlinks erstellen.
Sie können alle Zustände einer herunterladbaren Komponente herunterladen. Wenn der Designer in XD mehrere Instanzen einer Komponente für den Export markiert, wird nur die im Bedienfeld „Ebenen“ zuletzt platzierte Instanz exportiert.
Das folgende Video zeigt, wie sich in XD Design-Spezifikationen auswerten lassen.
Dauer: 8 Minuten
Sie wissen jetzt, wie Sie Design-Spezifikationen anzeigen und auswerten. Lernen Sie als Nächstes, wie Sie Design-Spezifikationen überprüfen und Elemente aus Design-Spezifikationen extrahieren.
Wenn Sie noch Fragen haben oder eigene Ideen weitergeben möchten, beteiligen Sie sich an unserer Adobe XD Community. Wir freuen uns schon auf Ihre Beiträge und Kreationen.
Bei Ihrem Konto anmelden