In kürzester Zeit vom Wireframe zur Experience.

Mit XD erzeugen Sie schnell ein Wireframe für Ihr Design. Mit intuitiven Tools können Sie Mockups entwerfen, Objekte, Komponenten und Navigationselemente hinzufügen und Zeichenflächen miteinander verdrahten, um interaktive Prototypen zu erstellen. Wandeln Sie Low-Fidelity-Wireframes in High-Fidelity-Designs um. Schneller denn je. Mit einer einzigen Applikation.
In kürzester Zeit vom Wireframe zur Experience

Zeitsparende Tools zur Optimierung Ihres Design-Prozesses.

Heute reicht es nicht mehr aus, ein Design für nur ein Gerät oder eine Bildschirmgröße zu erstellen. Mit Adobe XD können Sie Designs erstellen, die auf allen Geräten überzeugen – inklusive Desktops, Tablets, iOS- und Android-Geräten. Nutzen Sie UI-Kits mit gebrauchsfertigen Vorlagen, Komponenten und gängigen Design-Elementen, die für verschiedene Bildschirmgrößen optimiert sind. Geben Sie Design-Spezifikationen für Entwickler aus, um die Umsetzung Ihrer Ideen zu erleichtern. Wechseln Sie vom Design- in den Prototyping-Modus, und definieren Sie den User-Flow.
UI-Design mit zeitsparenden Tools
UI-Design mit zeitsparenden Tools.
Mit Features wie dem Wiederholungsraster lassen sich Listen, Fotogalerien und andere Elemente über sämtliche Zeichenflächen hinweg replizieren. Zoomen Sie ohne Ruckeln oder Stottern. Egal wie viele Zeichenflächen Ihr Projekt umfasst.
Vom einfachen Wireframe zur detaillierten Echtzeit-Ansicht
Vom einfachen Wireframe zur detaillierten Echtzeit-Ansicht.
Füllen Sie Ihr Wireframe mit Grafiken, Komponenten und Text. Durch Verdrahtung von Zeichenflächen und Elementen bilden Sie den User-Flow ab. Geben Sie eine Vorschau Ihres Mockups per Link frei. Sie können sogar ein Video aufzeichnen, um den User-Flow zu veranschaulichen.
Effektive Tools für die Zusammenarbeit
Effektive Tools für die Zusammenarbeit.
Adobe Creative Cloud unterstützt Sie und Ihr Team bei der gemeinsamen Gestaltung von Designs. Geben Sie Wireframes und Mockups mit wenigen Klicks an andere weiter. Senden Sie Ihre Arbeit an alle Projektbeteiligten, um Feedback einzuholen und umzusetzen.
Schnelle Iteration durch Überprüfung in Echtzeit
Schnelle Iteration durch Überprüfung in Echtzeit.
Testen Sie Ihr Design in einer Echtzeit-Ansicht auf dem Desktop oder Mobilgerät. Alle Anpassungen werden in der Echtzeit-Ansicht sofort wiedergegeben. Für Ihr fertiges Projekt können Sie Design-Spezifikationen an das Entwickler-Team schicken.

Schneller zum High-Fidelity-Design.

Mit Features wie verknüpften Komponenten, „Responsive Resize“ und UI-Kits ist der Weg vom Design zur Produktion kürzer und effektiver.

Bedienfeld „Elemente“.

Verwalten Sie Elemente und Komponenten von zentraler Stelle aus. Über das Bedienfeld „Elemente“ lassen sich Objekte per Drag-and-Drop in ein Design platzieren und bearbeiten. Erstellen Sie Komponenten, bei denen eine Änderung sofort auf jede Instanz übertragen wird.

Einfache Bearbeitung von Elementen.

Bearbeiten Sie Grafiken oder Icons direkt aus Adobe XD heraus. Öffnen Sie Photoshop-Dateien in Adobe XD, oder ziehen Sie in Illustrator oder Photoshop erstellte Grafiken aus einer Creative Cloud-Bibliothek direkt in Ihr XD-Design.

Design-Spezifikationen.

Schicken Sie Entwicklern einen Link zu automatisch generierten Design-Spezifikationen. Darin sind Angaben zum User-Flow, Farben, Zeichenformaten und Maßen enthalten. Entwickler können die Dateien extrahieren, kommentieren und im gewünschten Format herunterladen.

Kostenlose UI- und Wireframe-Kits.

Für XD sind zahlreiche kostenlose UI- und Wireframe-Kits verfügbar, zum Beispiel für Smartwatches, Reisedienste, Amazon Alexa und vieles mehr. Jedes Kit enthält Vorlagen, Screens und anpassbare Elemente für die Gestaltung einer kompletten User Experience.

Layout-Raster.

Mit benutzerdefinierten Layout-Rastern stellen Sie sicher, dass Ihr Design konsistent dargestellt wird. Richten Sie Objekte aus, und legen Sie fest, wie das Design auf Bildschirmen unterschiedlicher Größe angezeigt wird.

Responsive Resize.

Sie können ganze Gruppen von Elementen gemeinsam anordnen und skalieren, z. B. zur Anpassung des Designs für unterschiedliche Bildschirme. Basierend auf dem Abstand der Elemente zueinander berechnet XD automatisch die neue Position.

 

Erstellung von Wireframes und Mockups unter macOS und Windows

Design und Wireframing unter macOS und Windows.

Arbeiten Sie unabhängig vom Betriebssystem mit anderen zusammen. Verwenden Sie die Plattform Ihrer Wahl, egal welches System Ihre Team-Kollegen nutzen. Adobe XD und XD-Dateien werden unter macOS genauso ausgeführt wie unter Windows.

Für jeden Bedarf das passende Abo.

Holen Sie sich zum Einstieg das kostenlose Starter-Abo für Adobe XD. Schließen Sie dann ein gebührenpflichtiges Abo von Creative Cloud ab, damit Sie beliebig viele Prototypen freigeben können.
Kostenloses Starter-Abo.
Alle Features für Design und Prototyping
Freigabe von 1 Prototyp
Freigabe von 1 Design-Spezifikation
2 GB Speicherplatz in der Cloud
Adobe Fonts Free (Gratisauswahl an Schriften)
Gebührenpflichtige Abos.
Alle Features für Design und Prototyping
Unbegrenzte Anzahl Prototypen
Unbegrenzte Anzahl Design-Spezifikationen
100 GB Cloud-Speicherplatz
Adobe Fonts Portfolio (komplette Schriftenbibliothek)