Split Screen Design Der Trend, der weiter wächst

Das Design einer Website mit Split-Screen-Ästhetik ist ein Trend, der sich ständig weiterentwickelt und wächst. Ein Split-Screen-Design kann aus verschiedenen Gründen nützlich sein, einschließlich der Kompatibilität mit Mobiltelefonen und der Benutzerfreundlichkeit. Außerdem sehen viele dieser Designs einfach toll aus!

Veränderungen im Trend zeigen, dass es so viele verschiedene Möglichkeiten gibt, ein effektives Split-Screen-Design zu erstellen, das die Nutzer lieben werden. Betrachten Sie dies als Ihre Einführung in das Split-Screen-Design in der neuen und verbesserten Ära!

Vorteile des Split Screen Designs

Sie funktionieren gut, wenn der Benutzer zwei Inhalte hat, die er sofort sehen muss.

Split-Screen-Designs werden immer beliebter, da sie sehr effektiv sein können. Sie funktionieren gut, wenn der Benutzer zwei Inhalte hat, die er sofort sehen muss. Die gleiche Idee gilt für Inhalte, bei denen der Benutzer eine Auswahl treffen muss, um fortzufahren, beispielsweise die Auswahl eines Inhaltspfads.

Designer verwenden Split-Screen-Design, weil sie effektiv sind. Die Hauptgründe für die Verwendung eines Split-Screen-Designs sind:

  • Ermutigen Sie den Benutzer, eine Wahl zu treffen - wählen Sie dieses oder jenes aus
  • Markieren Sie ein vertikales Bild
  • Erstellen Sie eine gemeinsame Erfahrung auf Desktop- und mobilen Geräten
  • Einen eindeutigen visuellen Fluss festlegen (für einen Aufruf zum Handeln)
  • Erstellen Sie ein Designmuster, das mit anderen Designtechniken und Trends kompatibel ist
  • Erstellen Sie ein Bild, das sich von so vielen Helden-Homepages im Vollbildmodus abhebt, oder unterscheiden Sie die Arten von Inhalten auf einer Website

Das Tolle an Split-Screen-Designs ist, dass sie hervorragend mit dem responsiven Format arbeiten. Sie erhalten doppelte Inhalte auf Desktop und gestapelte Inhalte auf mobilen Bildschirmen. Unabhängig vom Gerät hat der Benutzer nicht das Gefühl, dass er etwas verpasst hat, indem er den Gerätetyp geändert hat.

?Klassisch? Split Screen Design

Das Split-Screen-Design als ästhetisch "Klassiker" zu bezeichnen, könnte in absehbarer Zeit sein, aber angesichts der Geschwindigkeit, mit der sich die Trends im Webdesign bewegen, ist das nicht unbegründet.

Wir schreiben hier seit 2015 über Split-Screen-Design. Es wurde als Top-Designtrend 2017 bezeichnet und muss 2018 getestet werden. Worauf warten Sie also noch?

Warum es uns damals (und jetzt) ​​gefallen hat:

  • Das Design des geteilten Bildschirms kann eine gute Wahl für responsive Frameworks sein. Bei größeren Bildschirmen ist das Design aufgeteilt, aber bei kleineren Bildschirmen können die Paneele gestapelt werden.
  • Es ist einfach, mit Animationen und Effekten zu arbeiten, die Klicks basierend auf dem bereitgestellten Inhalt fördern.
  • Zwei symmetrische Bedienfelder erleichtern die Erstellung einer modularen Gliederung für das vollständige Design der Website und das Organisieren von Inhalten innerhalb der Blöcke.

Geteilte Bildschirme entwickeln

Es gibt eine Verschiebung hin zu mehr minimal gestalteten Split-Screens.

Während die ersten Split-Screen-Designs recht einfach und symmetrisch waren, ist dies nicht mehr die ganze Geschichte. Designer verwenden immer noch einige der gleichgewichtigen Splits, arbeiten aber auch in Splits, die nicht in der Mitte des Bildschirms liegen.

Einige verfügen über mehr Zick-Zack-Muster, gitterbasierte Splits (drei- und ein Viertel-Screens) und Splits mit ungleichen Inhaltsgewichten. Es gibt auch eine Verschiebung zu mehr minimal gestalteten Split-Screens.

Ursprünglich waren geteilte Bildschirme eher etwas gewichtig, da sie dazu gedacht waren, den Benutzer auf eine Reise durch einen geeigneten Inhaltskanal zu bringen, und der Inhalt muss ihnen helfen, dorthin zu gelangen. Jetzt wird diese Wahl noch weiter gestrafft. (Es gibt sogar einige geteilte Bildschirmdesigns, die das visuelle Muster ohne diese oder jene Auswahl verwenden, wie im obigen Beispiel).

Split-Screens mit mehreren Klickbereichen

Eine der größten Veränderungen im Designtrend mit geteiltem Bildschirm besteht darin, dass in einigen der neueren Designs mehrere Klickbereiche vorhanden sind. Wo ursprünglich Split-Screens zwei CTAs pro Screen hatten, enthalten diese Splits oft andere Informationen - und anklickbare Bereiche.

Das obige Beispiel zeigt einen geteilten Bildschirm mit einem starken Image und Messaging in Verbindung mit E-Commerce-Links. Es sieht auf Desktops großartig aus - mit dem großen Image, das Sie anzieht, und stapeln Sie einfach ein schönes auf dem Handy, um ein angenehmeres Einkaufserlebnis zu schaffen.

Nicht so offensichtlich geteilte Bildschirme

Nicht alle Split-Screen-Designs sind super offensichtlich. (Berücksichtigen Sie, dass dies sowohl eine User Experience als auch ein visueller Trend ist.)

In minimalen Designumrissen kann ein geteilter Bildschirm mithilfe eines Gitters erstellt werden, aber ohne Farbe oder Bilder werden die "Bildschirme" angezeigt. aussehen wie einer. Eulen-Studios oben tun das gut. Oberhalb der Schriftrolle sieht es aus wie ein Ein-Bildschirm-Design, unterhalb der Schriftrolle und auf dem Handy wird die Aufteilung offensichtlicher.

Dieses Split-Screen-Design ist schön und auf allen Geräten gut einsetzbar. Genau das sollten Sie mit diesem Website-Design-Trend erreichen.

Ein Wort der Warnung

Bei der Arbeit mit vertikalen Teilbildschirmen können erstaunliche Benutzererlebnisse erzeugt werden. Sie sollten sich jedoch vor horizontalen Teilungen schützen. Diese können unangenehm werden und schnell ein bisschen drunter und drüber gehen!

Die meisten Benutzer erwarten auf allen Geräten dieselbe Website.

Das obige Beispiel ist eigentlich eine schöne Website und verwendet Split-Screen-Prinzipien weit unterhalb der Bildlaufleiste, aber die ersten beiden Bildschirme werden angezeigt. zu kurz kommen. Es gibt fast zu viel Leerzeichen und nicht genug Nachrichten, um das Scrollen zu fördern, und die mobile UX fehlt. Das Design würde mit einem vertikalen geteilten Bildschirm hier besser funktionieren und den weißen Bereich und die CTAs mit dem Video daneben beibehalten.

Bei einem horizontalen geteilten Bildschirm erscheinen oft Bilder mit einem breiten Bildbereich, der nicht groß ist. Dies ist ein schwieriges Seitenverhältnis, um auf mobilen Bildschirmen arbeiten zu können. Sie können zwar mit einem soliden Plan und unterschiedlichen Erntemengen arbeiten, es kann jedoch zu zwei unterschiedlichen Benutzererfahrungen kommen.

Die meisten Benutzer erwarten auf allen Geräten dieselbe Website. Wenn Sie planen, andere Erlebnisse zu erstellen - auch nur in Bildern oder Text -, sprechen Sie mit Ihrem Team darüber und stellen Sie sicher, dass dies die beste Wahl für das Projekt ist.

6 Split-Screen-Designs, die wir lieben

Digital erreichen

Paradise Pad

Nikos Pandazaras

Weima

Dr. Roebuck's

Fazit

Können Sie in Ihren Projekten ein Split-Screen-Design sehen? Wenn der Inhaltstyp stimmt, kann dies eine sehr effektive Entwurfstechnik sein. Und es gibt so viele verschiedene Möglichkeiten, damit es funktioniert. Viel Glück!