Responsives Webdesign.
Optimiert Content, um ihn problemlos auf verschiedenen Geräten verwenden zu können. Elemente wie Layout, Textgröße und -fluss, Navigation und Bilder passen sich automatisch an die Displays eurer Kundinnen und Kunden an.
Unterschiedliche Geräte. Ein einheitliches Online-Erlebnis.
Wie oft ist es euch schon passiert, dass eine Web-Seite auf dem Desktop perfekt aussieht, auf einem Mobilgerät hingegen kaum noch wiederzuerkennen ist? Wenn eure Website nicht für jede Plattform und jedes mobile oder sonstige Gerät optimiert ist, besteht die Gefahr, dass das Online-Erlebnis uneinheitlich wirkt und potenzielle Kundinnen und Kunden abschreckt. Die Konkurrenz ist schließlich nur einen Klick entfernt.
Responsives Webdesign ermöglicht es euch, Web-Seiten zu gestalten, die sich an alle Geräte anpassen. Damit ist sichergestellt, dass euer Web-Auftritt auf allen Plattformen gleichermaßen ansprechend auf Kundinnen und Kunden wirkt. Beim responsiven Webdesign werden Layout, Textgröße und -fluss sowie Navigationswerkzeuge für verschiedene Bildschirmgrößen und Funktionalitäten entsprechend konfiguriert. Vor der Veröffentlichung könnt ihr das Ergebnis in einer Vorschau betrachten und die Leistung auf verschiedenen Geräten optimieren. Darüber hinaus könnt ihr die Größenanpassung auf allen Geräten automatisieren, wodurch ihr die Content Velocity erhöht und Zeit spart.
Darauf kommt es an.
Fluid Grids entwickeln.
Erstellt ein Fluid Grid, das als Gerüst dient, in das sich der Content perfekt einfügt. Fluid Grids passen sich nahtlos an die Bildschirmgröße des jeweiligen Geräts an.
Alle Inhalte skalieren.
Durch responsives Webdesign stellt ihr nicht nur sicher, dass Textinhalte auf jeder Plattform korrekt angezeigt werden. Auch Bilder werden entsprechend dem dargestellten Content skaliert, sodass störende Bildüberhänge ein für alle Mal der Vergangenheit angehören.
Vorschau für bestimmte Geräte.
Ihr wählt das gewünschte Gerät für die Vorschau aus und schon seht ihr, wie eure Seite auf dem jeweiligen Gerät aussieht, ob Tablet oder Smartphone.
Bildoptimierung.
Unter Berücksichtigung von Bandbreite, Bildschirmgröße und -auflösung könnt ihr Bilder in optimaler Größe für eure Erlebnisse bereitstellen.
Weitere Informationen zu responsivem Webdesign in Adobe Experience Manager Sites.
Entdeckt mobiles Webdesign.
Lest in der Dokumentation, wie ihr mithilfe von Medienabfragen, adaptiven Bildern und Fluid Grids ein einheitliches Web-Erlebnis erstellt.
Unterschiedliche Bildschirmgrößen? Für euch kein Problem!
In unserem Adobe-Blog lest ihr, wie ihr trotz der sich ständig ändernden Vielzahl von Bildschirmgrößen die Kontrolle behaltet.
Ergänzende Funktionen.
Responsives Webdesign.
Optimiert Content für sämtliche Geräte. Elemente wie Layout, Textgröße und -fluss, Navigation und Bilder passen sich automatisch an die Displays eurer Kundinnen und Kunden an.
Style System.
Gebt einheitliche Stile und Designs für verschiedene Komponenten oder Seiten vor – ohne Backend-Entwicklung. Wählt aus einer Liste vordefinierter Stile zwischen verschiedenen Varianten. Schriftarten, Farben und Formate werden sofort angepasst.
Vorkonfigurierte Komponenten.
Erstellt Seiten mit abwärtskompatiblen und flexiblen, sofort einsatzbereiten Komponenten wie Breadcrumbs, Formularen, Seitennavigation, Such-Teasern und Suchfunktionen, um die Abläufe für Autorinnen und Autoren und Entwicklerinnen und Entwickler zu straffen.