Wenn Sie im Fernsehen irgendwelche Heimwerker-Shows ansehen, könnte die am häufigsten wiederholte Phrase "Offenes Konzept-Layout" sein. Wussten Sie, dass Sie auch im Website-Design zu einem offenen Konzept gelangen können? Dieser Designtrend ist mehr als nur eine Heimwerkeridee.
Offene Konzepte sind ein unterhaltsames und funktionales visuelles Muster, das Benutzern dabei hilft, auf Ihrer Website zu navigieren und gleichzeitig das digitale Durcheinander zu kontrollieren. So geht's mit 10 Mini-Fallstudien und Beispielen!
Open Concept Primer
Beim Wohndesign ist ein offenes Konzept eine Anordnung, bei der mehrere Räume so zusammenkommen, dass ein Fluss entsteht, der den Raum von Raum zu Raum maximiert, beispielsweise ein großer Grundriss für eine Küche und einen Wohnraum.
Der visuelle Fluss muss für die Benutzer offensichtlich sein, damit sie genau wissen, was zu tun ist.Im Webdesign ist das Konzept sehr ähnlich. Ein offenes Konzept schafft einen hellen und luftigen Fluss zwischen den Elementen. Das Design wird die Nutzung von Leerraum maximieren und einfache Elemente mit viel Harmonie, Gleichgewicht und einem einfachen Fluss verwenden.
Die Verwendung von Farbe kann fett oder stromlinienförmig sein, und Seiten können einen kurzen oder langen Bildlauf enthalten.
Diese Layouts funktionieren am besten mit einem detaillierten Plan und Ablauf für das Design, das in einem einzigen Aufruf zum Handeln endet. Wenn Sie versuchen, zu viele Elemente und Teile miteinander zu mischen, kann dies zu einem verworrenen Design führen. Wenn Sie mit einem offenen Konzeptdesign-Trend arbeiten, ist der Schlüssel zu beachten, dass der visuelle Fluss für die Benutzer offensichtlich sein muss, damit sie genau wissen, was mit dem Design zu tun ist und wie es navigiert wird.
GrowX
GrowX verwendet eine großartige Kombination aus Leerraum, klaren Bildern und Text sowie eine interessante Funktion mit einer gewölbten Überschrift, um Elemente in einem offenen Raum zu mischen.
Der Schichtungseffekt, der hier für Text und Bilder verwendet wird, ist bei offenen Konzeptdesigns eine übliche Technik. Durch die Verwendung von Ebenen kann der Benutzer von einem Element zum nächsten gezogen werden und der visuelle Fluss bleibt in Bewegung.
Die Vorsicht bei offenen Konzeptentwürfen ist, dass Benutzer sich im Raum verlieren können. Dank eines cleveren Tricks? und geschichtete Elemente wissen die Benutzer, wo sie auf dieser Website suchen müssen.
NooFlow
Während die meisten offenen Konzeptideen Sie sofort an weiße Flächen denken lassen, die eigentlich weiß sind, beweist NooFlow, dass Farben ebenso atemberaubend sein können.
Das Design kombiniert Elemente mit einem ausgeglichenen Text und Bilddesign in einer fast aufgeteilten Bildschirmästhetik. Was alles zusammenbringt, ist, dass die Farbpalette zwar hell ist, aber einfach ist. Durch die Eliminierung anderer Farbtöne wirkt das offene Design einfach und fühlt den Benutzer, sich durch das Design zu bewegen.
Open Wear
Open Wear verwendet ein vollständiges Split-Screen-Konzept, jedoch mit Richtungsbildern, die den Nutzer in die Richtung des Inhalts bewegen.
Dieses Design sieht dank Fotoauswahl noch offener aus. Der Inhalt bietet sich für viel Weiß in den Bildern an, die den weißen Hintergrund ausgleichen. Insgesamt fühlt sich der visuelle Umriss luftig und frisch an, obwohl es viele Elemente und visuelle Einstiegspunkte gibt.
Denken Sie an dasselbe Design mit einem meist dunklen Foto. Dies würde das gesamte Designkonzept und den gesamten Ablauf ändern.
Brightscout
Brightscout erzeugt einen diagonalen Fluss von Logo und Navigation über Textelemente bis hin zu einem Bild (oder umgekehrt, je nachdem, wo Ihr Auge zuerst hingeht).
Das offene Konzept hier sieht aus und funktioniert ähnlich wie der Grundriss eines Hauses in der gleichnamigen Designtechnik. Es gibt verschiedene Einstiegspunkte mit imaginären Linien, die dem Benutzer sagen, wohin er als Nächstes gehen soll.
Der Aufruf zum Handeln wird durch einen großen Knopf und eine große Farbe betont. Funktionalität ist offensichtlich und einfach.
Duotix
Eine übertriebene Nutzung von Raum ist ein allgemeines Thema, wenn es um offene Konzepte geht. Leerzeichen sagt dem Benutzer, wo eine Sache endet und eine andere beginnt.
Duotix verwendet dieses Raummuster im gesamten Design, um visuelle Unterscheidung zwischen Inhaltsblöcken mit jeweils eigenen Aufrufen zu treffen. Auf der Bildlaufleiste wechseln sich weiße und farbige Hintergründe ab, um den Benutzer in Bewegung zu halten. (Hier kommt der offene Konzeptfluss ins Spiel.)
PopularPays
Mit Parallax-Scrolling, einfachen Animationen und extremen Rändern erstellt PopularPays mehrere Bereiche für den Inhalt, während die Funktionalität eingerichtet wird.
Die Bilder und der Text sind ansprechend, besonders wenn sie mit animierten Effekten kombiniert werden.
Das Schöne an diesem Design ist, dass es zeigt, dass mehrere Trends zusammenwirken können, um etwas zu schaffen, das nicht überwältigend ist, sondern ein ausgesprochen modernes Gefühl hat. Es ist der richtige Inhalt, um ein Design mit mehreren Trends zu erstellen. Grundsätzlich funktionieren einfachere Inhaltspläne am besten.
Abel
Wie in einigen der anderen Beispiele werden Elemente von Abel so angeordnet, dass das Auge von Element zu Element bewegt wird. Das Schöne an dieser Version des offenen Konzeptplans ist, dass viel Platz oben auf der Seite mit schwereren Elementen darunter liegt.
Dasselbe visuelle Thema setzt sich auf der Bildlaufleiste mit Leerzeichen über und unter Elementen fort, um separate Bereiche im offenen Konzeptdesign zu erstellen.
Dieses Beispiel zeigt, dass nicht alle E-Commerce-Websites ein volles und überladenes Gefühl haben müssen, um effektiv zu sein.
Hampshire Light
Das Schöne an dem Design von Hampshire Light ist, dass es ein offenes Konzept für ein Heimdesign-Produkt verwendet. (Sprechen Sie über Trends, die sich vom digitalen in den physischen Bereich bewegen!)
Was macht dieses Design Arbeit ist die Verwendung von asymmetrischen Raum und helle Farbe. Alles am Design impliziert ein offenes und luftiges Gefühl, von gelben Akzenten über transparente Typografie über das Bild bis hin zum offenen Himmel. Logo.
Ein weiteres wichtiges Detail in diesem Entwurf ist der übertriebene Zeilenabstand. Die leichtere serifenlose Schrift könnte eine riskante Wahl gewesen sein, aber dank kurzer Textzeilen und Abstände trägt sie zum Gesamtgefühl des offenen Konzepts bei.
Männer gehen
Mit dezenten Animationen, sanften Farben und viel Platz können Sie bei Walking Men an hohe Decken und Möglichkeiten denken. Die Struktur des einfachen Entwurfs enthält ein Inhaltselement pro Seite mit einer lustigen Click-to-Scroll-Funktion.
Die Ästhetik ist offen und konstant und der Benutzer hat das Gefühl, sich von Raum zu Raum zu bewegen, obwohl er (theoretisch) im einseitigen Format stillsteht.
Kern
Crux könnte den offenen Grundriss meines Eigenheims verkörpern, wobei die schwersten Designelemente in Richtung der äußeren Kanten gedrückt werden.
Das zentrale Logo und der Handlungsaufruf bilden einen offensichtlichen Schwerpunkt, so dass die anderen Elemente nicht überladen oder unpassend wirken. Die Navigation auf der Seite führt alles zusammen als eine Art Wegweiser für das Stift-Design, der für einige Benutzer aufgrund der fast runden Form ein wenig schwierig sein könnte, da es keine eindeutigen Ein- oder Ausstiegspunkte gibt.
Fazit
Es besteht eine gute Chance, dass Sie bereits einige offene Konzepte in Ihre Entwürfe integrieren. Ist das ein Trend, den Sie mögen?
Wir betrachten den Designtrends mit offenem Konzept als etwas mit Beharrlichkeit, weil er in der Designtheorie verwurzelt ist. Layouts, die viel Platz benötigen, werden niemals aus dem Stil geraten (auch wenn sich die von uns genannten Elemente mit der Zeit ändern).