Testen Sie Ihre reaktionsschnellen Webdesigns mit dem kostenlosen neuen Google-Tool
Sich anpassendes Webdesign ist kein optionales Extra mehr. Wenn Sie möchten, dass Ihre Website oder App die größtmögliche Zielgruppe erreicht, müssen Sie sicherstellen, dass sie auf einem Android-Telefon genauso gut aussieht wie auf einem iPad Pro oder ein massiver Desktop-Monitor.
Welches ist großartig in der Theorie; Es gibt jedoch keine echte Einheitslösung für Responsive Design, was bedeutet, dass das Starten einer Responsive Site ein wenig im Dunkeln sein kann. Wer kann es sich leisten, auf jedem denkbaren Gerät zu testen?
Natürlich gibt es Hilfe. Richtlinien für das Materialdesign von Google sind ein großartiges Repository mit Informationen zu reaktionsschnellen Designthemen wie Haltepunkten, reaktionsschnellen Gittern, Oberflächenverhalten und Benutzeroberflächenmustern. Über die Theorie hinaus hat Google jetzt eine Möglichkeit, Ihnen zu helfen, zu testen, ob alles funktioniert.
Resizer ist eine einfache und brillante Website zum Testen von Responsive Designs. Sie können einfach die URL Ihrer Website eingeben und sehen, wie sie in den gängigsten Desktop- und Mobilauflösungen und -ausrichtungen aussieht, vom Telefon im Hochformat bis zu Breitbild-HD-Monitoren.
Sie können sofort zwischen verschiedenen Ansichten wechseln, um auf einfache Weise zu sehen, wie verschiedene Benutzer Ihre Website anzeigen, und um Probleme in Ihrem reaktionsschnellen Design zu erkennen.
Und wenn Sie ein wenig Inspiration benötigen, hat Google Resizer einige Demos hinzugefügt, die die Möglichkeiten des reaktionsschnellen Designs aufzeigen: Klicken Sie auf die Adressleiste und wählen Sie statt der Eingabe Ihrer URL entweder Pesto oder Shrine aus der Dropdown-Liste aus.
Pesto ist eine Rezept-App, die einige Reaktionsmuster anhand einer Rasterliste demonstriert, die basierend auf der Bildschirmgröße neu ausgeführt wird, während Shrine eine Einkaufs-App ist, die eine andere Art von Reaktionsrasterlisten verwendet, die Navigationsmuster basierend auf der Bildschirmgröße ändern und nicht nur Neuskalierung.
Resizer kann jetzt kostenlos verwendet werden und ist nur eine der Webdesign-Ressourcen von Google. Mehr finden Sie hier .
So was? Lese das!
- Entdecken Sie das Beste Benutzertests Software
- Lesen Sie unsere Schritt-für-Schritt-Anleitung zu Benutzererfahrung
- oben Chrome-Erweiterungen für Designer und Entwickler
- Frei WordPress-Themes zum Erstellen von Blogs, Portfolios und mehr!
- Wähle ein Webseitenersteller mit diesen Top-Tools
