Erstellen Sie komplette User Experiences mit intuitiven Tools für Web- und Appdesign.

Mit dem richtigen Tool muss das Entwerfen einer App oder Website nicht kompliziert sein. Dank leistungsstarker Programme für Desktop, Web und Mobilgeräte können Sie Ihre kreativen Ideen überall festhalten. Effektive Funktionen für die Zusammenarbeit ermöglichen rasche Iteration.

Web- und Appdesign

Wireframing und Prototyping


Adobe XD CC wurde von Designern für Designer konzipiert: für effektives Appdesign, schnelle Iteration und reibungslose Weitergabe an Entwickler.

  • Adobe XD
  • Alles in einem Tool

    Adobe XD CC

    Einfache Wireframes oder voll funktionsfähige Prototypen – mit der Komplettlösung für UX/UI-Design ist alles möglich. Adobe XD bietet effiziente Funktionen für die Zusammenarbeit und Live-Anzeige von Änderungen. So erstellen Sie User Experiences schneller.
Wireframe erstellen

Wireframe erstellen
Wählen Sie eine Zeichenfläche aus, und fügen Sie Felder und Schaltflächen hinzu. Kostenlose UI-Kits tragen dazu bei, den Design-Prozess zu beschleunigen.
Detailliertes Design erstellen

Detailliertes Design erstellen
Fügen Sie Inhalte wie Texte, Icons und Bilder ein. Passen Sie Farben und Farbverläufe an, und optimieren Sie Schriften und Anordnung.
Prototyp erstellen

Prototyp erstellen
Verdrahten Sie Seiten und Objekte, um den User-Flow festzulegen. Definieren Sie Übergänge. Testen Sie Ihren Prototypen auf dem Desktop, im Webbrowser oder auf iOS/Android-Geräten.
Feedback einholen

Feedback einholen
Geben Sie den Prototyp direkt aus Adobe XD frei. Überarbeiten Sie das Design anhand von Nutzer-Feedback. Exportieren Sie detaillierte Design-Spezifikationen für die Entwickler.

Adobe XD CC ist ideal für UX-Design.

Wiederholungsraster
Wiederholungsraster
Sparen Sie viel Zeit mit Wiederholungsrastern: Änderungen an einem Objekt werden automatisch auf das gesamte Raster übertragen.

Echtzeitansicht
Echtzeitansicht
Live designen und testen: Auf per USB angeschlossenen Mobilgeräten werden alle Änderungen sofort angezeigt. Die Möglichkeit, Feedback sofort und direkt an der Stelle des betreffenden Elements zu geben, beschleunigt die Iteration.

Design-Spezifikationen
Design-Spezifikationen
Exportieren Sie für das Entwickler-Team detaillierte Design-Spezifikationen mit Angaben zu Schriften, Anordnung, Farbfeldern, Übergängen usw. Die Informationen unterstützen die Entwickler bei der Umsetzung von Design und Interaktivität.

Apps und Websites gestalten


Erstellen Sie mit dem branchenführenden Tool für Desktop-Publishing präzise Designs, die durch elegantes Aussehen und Funktionalität überzeugen.

Seiten einrichten

Seiten einrichten
Entwerfen Sie die Titelseite oder Homepage, und erstellen Sie ein Muster für die untergeordneten Seiten. Fügen Sie Rahmen für Bilder und Texte sowie Schaltflächen hinzu.
Inhalte hinzufügen

Inhalte hinzufügen
Importieren und platzieren Sie Texte und Grafiken. Passen Sie Rahmen und Schriften an, und überarbeiten Sie Farben oder Strukturen.
Interaktivität definieren

Interaktivität definieren
Weisen Sie den Schaltflächen Aktionen zu. Erstellen Sie Verknüpfungen, Tastaturkürzel, Hyperlinks und Navigationselemente.
Exportieren

Exportieren
Speichern Sie Seiten als interaktives PDF, als JPEG oder in einem für Webdesigner geeigneten Format. Oder senden Sie es an Adobe Experience Manager, um den Entwurf in eine App umzuwandeln.

InDesign CC bietet unzählige Funktionen für perfektes Design.

Professionelle Vorlagen
Professionelle Vorlagen
Professionelle, moderne Vorlagen erleichtern den Einstieg in Ihr Projekt. Passen Sie die Vorlage Ihrem Projekt an, indem Sie Rahmen, Schriften, Farben und andere Design-Optionen ändern.

Integration mit Adobe Stock
Integration mit Adobe Stock
In Adobe Stock finden Sie Grafiken und Vorlagen. Der Lizenzerwerb lässt sich zentral verwalten und dadurch beschleunigen.

Mehr Export-Möglichkeiten
Mehr Export-Möglichkeiten
Exportieren Sie Ihr Projekt in das PDF-, JPEG-, EPUB- oder HTML-Format für die Verwendung im Web, und verwerten Sie die Inhalte auch für andere Medien.

Schneller designen, coden und veröffentlichen


Performante Codingtools beschleunigen die Entwicklung responsiver Apps und Websites. Vorschau und Überarbeitung finden in Echtzeit statt.

Modus wählen

Modus wählen
Im Standardmodus werden eine Vorschau sowie Bedienfelder angezeigt. Im Entwicklermodus rückt der Code in den Mittelpunkt.
Stylesheets erstellen

Style Sheets erstellen
Erstellen Sie Cascading Style Sheets (CSS). Legen Sie die Stile für Überschriften, Menüs und Fließtext fest. Weisen Sie Schriftarten und Schriftstärken zu.
In HTML und JavaScript coden

In HTML und JavaScript coden
Legen Sie HTML-Struktur und -Inhalt fest. Fügen Sie mit JavaScript-Elementen Interaktivität oder App-Funktionen hinzu.
Prüfen, testen und veröffentlichen

Prüfen, testen und veröffentlichen
Rufen Sie eine Vorschau Ihrer Website auf, testen Sie, und holen Sie Feedback ein. Veröffentlichen Sie sie dann auf einem Hostserver.

Profitieren Sie von praktischen Funktionen für Web- und Appdesign.

Integration mit Adobe Stock
Integration mit Adobe Stock
Suchen und lizenzieren Sie Inhalte für Ihre Website auf Adobe Stock. Entdecken Sie Grafiken, Widgets und Vorlagen für Ihr Design.

Coding-Shortcuts
Coding-Shortcuts
Programmieren Sie ganze Zeilen mit nur ein paar Klicks. Durch Kurzschrift und Tastenkürzel erstellen Sie saubere verschachtelte Elemente.

Vorschau auf dem Mobilgerät oder im Browser
Vorschau auf dem Mobilgerät oder im Browser
Über eine Vorschau auf dem Mobilgerät oder im Browser erkennen Sie Fehler oder Verbesserungsmöglichkeiten. Holen Sie mithilfe von Links in QR-Code Feedback von anderen Beteiligten ein.

Webdesign leicht gemacht


Gestalten Sie in Minutenschnelle eine beeindruckende Web-Seite. Mit dem intuitiven Tool kombinieren Sie Text, Bilder, Grafiken und Strukturen.

  • Photoshop Express Editor
  • Ein Funken für Ihre Kreativität

    Adobe Spark

    Mit dem intuitiven, kostenlosen Tool erstellen Sie hochwertige und moderne Web-Seiten mit Textelementen, Grafiken und Videos.
Titel eingeben

Titel eingeben
Wofür steht Ihre Web-Seite? Verwenden Sie einen Titel, der Ihr Ziel verdeutlicht.
Hintergrund auswählen

Hintergrund auswählen
Legen Sie eine Hintergrundfarbe oder ein Hintergrundbild fest. Mit dem Farbwähler können Sie eine beliebige Farbe wählen. Laden Sie ein Foto oder eine Grafik als Hintergrund hoch, oder suchen Sie nach kostenlosen Bildern.
Text, Bilder und Videos hinzufügen

Text, Bilder und Videos hinzufügen
Laden Sie Textblöcke, Bilder und Video-Clips hoch. Erstellen Sie mit Spark Post Collagen und andere Grafiken, oder stellen Sie mit Spark Video kurze Video-Clips zusammen.
Veröffentlichen

Veröffentlichen
Veröffentlichen Sie Ihre Web-Seite auf einer Social-Media-Plattform oder über einen Link, den Sie per E-Mail weitergeben. Ihre Web-Seite wird von Adobe Spark gehostet.

Intuitive Funktionen ermöglichen schnelle Ergebnisse.

Hochwertige Schriften
Hochwertige Schriften
Sie können aus Dutzenden hochwertiger Schriften wählen. Experimentieren Sie mit verschiedenen Schnitten und Farben, um den perfekten Stil für Ihr Projekt zu finden.

Automatisches Design
Automatisches Design
Geben Sie einfach an, welche Inhalte in Ihre Web-Seite aufgenommen werden sollen. Spark fügt sie automatisch in ein modernes Design ein.

Elegante Looks
Elegante Looks
Ansprechend gestaltete Vorgaben verleihen Ihrer Seite Stil. Das perfekte Design finden Sie, indem Sie mit verschiedenen Looks experimentieren.

Web- und Appdesign auf dem Tablet oder Smartphone


Arbeiten Sie an Ihrem Projekt – egal wo Sie gerade sind.

Layout unterwegs erstellen

Adobe Comp CC

Skizzieren und optimieren Sie Ihre Entwürfe per Touch-Steuerung. Komplexe Designs lassen sich mit Gesten erstellen.

Kostenlos Web-Seiten entwerfen

Adobe Spark Page

Erstellen Sie mit wenigen Klicks eine professionelle Web-Seite. Die App bietet alles, was Sie benötigen, ob zum Erzählen Ihrer Geschichte oder Präsentieren einer Idee, eines Produkts oder Ihres Unternehmens.

Vergleich der Adobe-Tools für Web- und Appdesign


Ob detaillierte Designs oder einfache Wireframes, für einzelne Web-Seiten oder ganze Plattformen – Adobe hat das richtige Tool für Ihr Projekt.
XD CC
InDesign CC
Dreamweaver CC
Spark
Comp CC
Spark Page
Zeichenflächen
Layouttools
Vorlagen
UI-Kits
Wireframes
Vorschau
Mockups
Echtzeitansicht
Interaktive Prototypen
Desktop-Applikation
App

Erfahren Sie, wie Sie außergewöhnliche Apps und Websites erstellen.

Die Creative Cloud-Applikationen bieten endlose Möglichkeiten. Finden Sie heraus, wie Sie sie optimal nutzen.
Design-Prozess mit UI-Kits beginnen
UI-Kits stellen typische Elemente zur Verfügung und beschleunigen damit den Design-Prozess. Damit sich die Elemente perfekt in Ihr Design einfügen, können Sie Schriften, Farben und Icons anpassen.
Prototypen auf Desktop und Mobilgeräten bearbeiten und testen
Erfahren Sie mehr darüber, wie Sie einen Prototypen testen, wie Sie mit der Live-Vorschau arbeiten, Änderungen vornehmen und die endgültige Version überprüfen.

Ihrer Kreativität sind keine Grenzen gesetzt. Dank unserer Tools für Web- und Appdesign für Windows, macOS, Android und iOS.


Gutes Design, responsive Sites und schnelle Iteration – Creative Cloud macht’s möglich. Die führenden Tools unterstützen Sie bei jedem Schritt Ihres Kreativprozesses. Integrierte Funktionen für die Zusammenarbeit ermöglichen die schnelle Umsetzung von Änderungswünschen. Verschiedene Creative Cloud-Abos für Einzelanwender oder Unternehmen und Angebote für Schüler, Studierende, Lehrkräfte und Dozenten erfüllen jeden Bedarf.

Einzelanwender
Holen Sie sich sämtliche Kreativapplikationen und Online-Dienste mit einem einzigen Creative Cloud-Abo.
Schüler, Studierende, Lehrkräfte und Dozenten
Kunden aus dem Bildungsbereich sparen bis zu 65 %.
Business-Anwender
Führende Kreativapplikationen mit einfacher Lizenzverwaltung und Bereitstellung.
Adobe Stock
Das perfekte Material für Ihr nächstes Kreativprojekt – im ersten Monat erhalten Sie 10 Dateien gratis.