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

Mit dem richtigen Tool muss das Entwerfen einer App oder Website nicht kompliziert sein. Egal welches Projekt Sie planen, mit den Tools von Adobe lässt es sich realisieren. 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.

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

Adobe Creative Cloud bietet alles, was Sie für App- und Webdesign, Illustration, Animation oder Fotografie benötigen.

Wireframing und Prototyping ohne Umwege.

Von Designern für Designer. Adobe XD ermöglicht das effektive Design von Websites, Apps, Voice UI oder Games, schnelle Iteration und reibungslose Weitergabe an Entwickler.

Adobe XD

Adobe XD
Design, Prototyping und Teilen von User Experiences
XD kostenlos herunterladen ›

Alles in einem Tool.

Alles in einem Tool.

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. So erstellst du User Experiences schneller.

Adobe XD ist ideal für UX-Design.

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

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

Prototyp erstellen
Verdrahte Zeichenflächen 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
Gib den Prototyp direkt aus XD auf deinem Desktop, Tablet oder Smartphone frei. Überarbeiten Sie das Design anhand von Nutzer-Feedback. Exportieren Sie detaillierte Design-Spezifikationen für die Entwickler.

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

Design-Spezifikationen
Exportiere für das Entwickler-Team detaillierte Design-Spezifikationen mit Angaben zu Schriften, Abmessungen, 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.

Adobe InDesign

Adobe InDesign
Entwickle Layouts am Desktop oder unterwegs.

Jetzt testen ›

Interaktive Medien und gedruckte Publikationen

Punkte mit hochwertigen Designs für Print und digitale Medien. Erstelle interaktive Publikationen, E-Books und Websites.

Abo-Option wählen ›

Interaktive Medien und gedruckte Publikationen

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

Seiten einrichten

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

Inhalte hinzufügen

Importieren und platzieren Sie Texte und Grafiken. Passe Rahmen und Schriften an, und überarbeite Farben oder Strukturen.

Interaktivität definieren

Weisen Sie Schaltflächen bestimmte Aktionen zu. Erstelle Verknüpfungen, Tastaturkürzel, Hyperlinks und Navigationselemente.

Exportieren

Speichere 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.

Professionelle Vorlagen

Professionelle, moderne Vorlagen erleichtern den Einstieg in Ihr Projekt. Passe das Template deinem Projekt an, indem du Rahmen, Schriften, Farben und andere Design-Optionen änderst.

Integration mit Adobe Stock

In Adobe Stock findest du Grafiken und Templates. Der Lizenzerwerb lässt sich zentral verwalten und dadurch beschleunigen.

Mehr Export-Möglichkeiten

Exportiere dein Projekt in das PDF-, JPEG-, EPUB- oder HTML-Format für die Verwendung im Web, und verwerte 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.

Adobe Dreamweaver

Adobe Dreamweaver
Design und Entwicklung moderner, responsiver Websites.
Jetzt testen ›

Web- und Appdesign für Coder

Programmierung mit voller Kontrolle über die Site. Schreibe in HTML, CSS, JavaScript, PHP und anderen Sprachen.

Abo-Option wählen ›

Web- und Appdesign für Coder

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

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

Style Sheets erstellen
Erstelle Cascading Style Sheets (CSS). Lege die Stile für Überschriften, Menüs und Fließtext fest. Weisen Sie Schriftarten und Schriftstärken zu.

In HTML und JavaScript coden
Lege HTML-Struktur und -Inhalt fest. Fügen Sie mit JavaScript-Elementen Interaktivität oder App-Funktionen hinzu.

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

Anbindung an Adobe Stock
Suche und lizenziere Inhalte für deine Website auf Adobe Stock. Entdecke Grafiken, Widgets und Templates für dein Design.

Coding-Shortcuts
Programmiere ganze Zeilen mit nur ein paar Klicks. Durch Kurzschrift und Tastenkürzel erstellst du saubere verschachtelte Elemente.

Vorschau auf jedem Gerät
Über eine Vorschau auf dem Tablet, Smartphone oder im Browser erkennst du 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.

Adobe Spark


Adobe Spark

Erstellung von Grafiken, Web-Seiten und Video-Storys innerhalb von Minuten.

Jetzt testen ›

Ein Funken für Ihre Kreativität

Ein Funken für Ihre Kreativität

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

Abo-Option wählen ›

Intuitive Funktionen ermöglichen schnelle Ergebnisse.

Titel eingeben
Wofür steht deine Web-Seite? Verwenden Sie einen Titel, der Ihr Ziel verdeutlicht.

Hintergrund auswählen
Lege eine Hintergrundfarbe oder ein Hintergrundbild fest. Mit dem Farbwähler kannst du 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
Lade 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öffentliche deine Web-Seite auf einer Social-Media-Plattform oder über einen Link per E-Mail. Ihre Web-Seite wird von Adobe Spark gehostet.

Hochwertige Schriften
Du kannst 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
Gib einfach an, welche Inhalte in deine Web-Seite aufgenommen werden sollen. Spark fügt sie automatisch in ein modernes Design ein.

Elegante Looks
Ansprechend gestaltete Vorgaben verleihen deiner 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

Adobe Comp

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

iOS | Android

Kostenlos Web-Seiten entwerfen

Photoshop Fix

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.
 

iOS

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.

Adobe XD

XD

Adobe InDesign

InDesign

Adobe Dreamweaver

Dreamweaver

Adobe Spark

Spark

Adobe Comp

Comp.

Adobe Spark Page

Spark Page

Zeichenflächen




Layouttools



Templates für Mobile Apps





UI-Toolkits


Wireframes





Vorschau



Mockups





Echtzeitansicht



Interaktive Prototypen.


Desktop-Programm





Mobile 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

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.

Weitere Informationen ›

Prototypen auf Desktop und Mobilgeräten bearbeiten und testen

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.

Weitere Informationen ›

Site in Comp beginnen und in Muse abschließen

Site in Comp beginnen und in Muse abschließen  

Kombinieren Sie Desktop-Applikationen und mobile Apps, um die Effizienz Ihres Workflows zu steigern. Entwerfen Sie von unterwegs in einer App, und senden Sie den Entwurf zur Ausarbeitung an eine Desktop-Applikation.

Weitere Informationen ›

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

Einzelanwender.
Hole dir sämtliche Kreativapplikationen und Online-Dienste mit einem einzigen Creative Cloud-Abo.
Weitere Informationen ›

Schüler, Studierende, Azubis, Lehrkräfte und Dozenten

Schüler, Studierende, Azubis, Lehrkräfte und Dozenten.
Schüler, Studierende, Azubis, Lehrkräfte und Dozenten erhalten 65 % Rabatt auf Creative Cloud.
Weitere Informationen ›

Agenturen und KMUs

Agenturen und KMUs.
Führende Kreativprogramme und Mobile Apps mit einfacher Lizenzverwaltung und Implementierung.
Weitere Informationen ›

Agenturen und KMUs

Adobe Stock.
Das perfekte Material für dein nächstes Kreativprojekt – im ersten Monat erhältst du 10 Dateien gratis.
Weitere Informationen ›