Websites und Mobile Apps brauchen ein klares, ansprechendes und funktionales Design, damit Anwender interessiert bleiben und sich nicht nach Alternativen umsehen. Leistungsstarke und intuitive Tools für Web- und Appdesign verkürzen den Weg von der Idee bis zur Veröffentlichung. Abstimmungen werden durch modernste Lösungen für Zusammenarbeit und Echtzeit-Tests erleichtert. Funktionen speziell für den Export vereinfachen die Weitergabe von Elementen oder fertigen Projekten. Lassen Sie sich nicht mehr von technischen Hürden in Ihrer Kreativität bremsen.
Mit fortschrittlichen Codingtools und einer Live-Vorschau kommen Sie bei Web-Projekten schneller und präziser voran. Von der Planung über das Wireframing bis zur fertigen Website.
Adobe Dreamweaver
Design und Entwicklung moderner, responsiver Websites.
Jetzt testen ›
Erlebe maximale Effizienz bei der Programmierung in HTML, CSS oder JavaScript, und profitiere von zeitsparenden Coding-Shortcuts, der Möglichkeit zur Bearbeitung mehrerer Zeilen gleichzeitig, automatischer Fehlersuche und Live-Vorschau.
Abo-Option wählen ›
Planen
Lege Funktion und Inhalt der Website fest. Überlegen Sie, wie viele Seiten benötigt werden. Organisieren Sie die zugehörigen Elemente in Ordnern.
Formatieren
Definiere stilistische Eigenschaften deiner Site mit CSS. Erstelle Klassen, und ordne ihnen Schriften, Formatierungsmerkmale, Farben und Layouts zu.
Entwickeln
Erstelle die einzelnen Seiten deiner Website mit fortschrittlichen Codingtools. Entwickeln Sie dynamische Elemente und Skripten, die Inhalte zum Leben erwecken.
Testen, optimieren und veröffentlichen
Prüfen Sie Ihr Design auf unterschiedlichen Bildschirmen, und holen Sie die Meinung Ihrer Kollegen ein. Verbessern Sie das Design, und veröffentlichen Sie es auf einem Hostserver, oder exportieren Sie einzelne Komponenten, um sie einer anderen Abteilung zu übergeben.
Codehints und QuickInfos
Lasse dir Code-Vorschläge während der Eingabe anzeigen. QuickInfos erklären, wie der Code verwendet wird und welchen Zweck er erfüllt. Schließende Tags werden automatisch eingefügt, sodass Sie weniger tippen müssen.
Coding-Shortcuts
Mit Textkürzeln und Tastenkombinationen erstellst du automatisch verschachtelte Strukturen und Platzhaltertext. Codehints und Fehlerprüfungen in Echtzeit helfen Ihnen bei der Erstellung von sauberem Code.
Responsive Webdesign
Optimiere deine Websites für Suchmaschinen, und sorge für mehr Konsistenz in deinem Design. Legen Sie mithilfe responsiver Designtools das Layout Ihrer Website für verschiedene Bildschirmgrößen fest.
Erstellen Sie interaktive Prototypen für Websites und Apps. Designen Sie User Experiences, und testen Sie sie in Echtzeit auf dem Desktop oder Mobilgerät. Der Weg von der Idee zum Prototyp war noch nie so einfach.
Adobe XD
Design, Prototyping und Teilen von User Experiences. Kostenlos testen ›
Die Komplettlösung für UX/UI-Design führt schneller zum gewünschten Ergebnis.
Starten Sie mit Zeichenflächen für gängige Bildschirmgrößen.
Wähle Farbfelder, Schriften und Grafikelemente aus, die zum Thema und Look deines Projekts passen.
Gestalten Sie die einzelnen Seiten für Ihre UX, und legen Sie den User-Flow mithilfe von Pfeilen fest, die Sie einfach vom Ausgangs- zum Zielelement ziehen.
Geben Sie eine Testversion frei, um Feedback von Kunden und Kollegen zu erhalten. Änderungen lassen sich in Echtzeit umsetzen. Exportieren Sie das fertige Design und zugehörige Elemente für das Entwickler-Team.
Elemente und Zeichenflächen können einzeln als Vektor- oder Bitmap-Dateien exportiert werden. Durch Anpassung der Qualitätseinstellungen ist eine Performance-Optimierung möglich.
Interaktive Elemente in Ihrem Prototyp können automatisch hervorgehoben werden. Das erleichtert die Abstimmung.
Führen Sie die Anwendung Ihres Prototyps vor, und zeichnen Sie dabei Ihre Schritte auf. Videos sind ideal, um die User Experience zu demonstrieren.
Unsere Applikationen erfüllen einfache wie komplexe Anforderungen an Web-Projekte.
Dreamweaver |
XD |
|
Intuitive Design-Funktionen |
• |
|
Erstellung fertiger Websites |
• |
|
Manuelles Coden |
• |
|
Weblayout |
• |
|
Automatisches Coden |
• |
|
Wireframe-Export |
• |
|
Responsive Webdesign |
• |
|
Upload bei Provider |
• |
Mit leistungsstarken Designtools ist Creative Cloud ideal für die Erstellung von Websites und Apps. In den Tutorials für Einsteiger und Experten erfahren Sie mehr.
App oder Website designen
Erstellen Sie ein einfaches Design (Low Fidelity), um die allgemeine Struktur einer App oder Website festzulegen. Verfeinern Sie anschließend das Design, und wandeln Sie es in einen detailreichen Prototyp (High Fidelity) um.
Naturfilm mit dem Smartphone erstellen
Legen Sie fest, wie Ihr Webdesign sich an verschiedene Bildschirmgrößen anpassen soll. Erfahre, wie du Breakpoints definieren und die Skalierung von Elementen steuern kannst.
Prototyp mit UI-Kits schneller erstellen
Adobe stellt UI-Kits zum Download bereit, die den Einstieg in neue UX-Designs beschleunigen. Fülle deinen Prototyp mit diesen anpassbaren, wiederverwendbaren Elementen.
In Creative Cloud findest du für jede Aufgabe – von Bildbearbeitung und Grafik-Design bis Webdesign und Coding – das richtige Tool. Und weil alles miteinander vernetzt ist, kannst du Projekte und Dateien schnell weitergeben, im Team bearbeiten, fertigstellen und liefern. Verschiedene Creative Cloud-Abos für Einzelanwender und Unternehmen sowie Angebote für Schüler, Studierende, Lehrkräfte und Dozenten erfüllen jeden Bedarf.
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 erhalten 65 % Rabatt auf Creative Cloud.
Weitere Informationen ›
Agenturen und KMUs.
Führende Kreativprogramme und Mobile Apps mit einfacher Lizenzverwaltung und Implementierung.
Weitere Informationen ›
Adobe Stock.
Das perfekte Material für dein nächstes Kreativprojekt – im ersten Monat erhältst du 10 Dateien gratis.
Weitere Informationen ›