• Haupt / Merkmal

Bisher 5 Website-Layout-Trends von 2015

In den vergangenen Jahrzehnten haben wir uns daran gewöhnt, auf einer Website zu landen und so ziemlich dasselbe zu erleben. Oh, es gab immer eine gewisse Vielfalt an Farben, Bildern, Illustrationen und Typografien, aber wir hatten immer ein Menü oben und / oder unten und andere Elemente in Feldern, damit wir sie leicht sehen und den Befehlen folgen können .

Im Laufe der Zeit haben Webdesigner, UI-Spezialisten und Layouter nach und nach mit Designs experimentiert, und jedes Jahr sind neue Trends aufgetaucht, die Layouts auf ein völlig neues Niveau heben. Wenn wir uns 2015 ansehen, ein Jahr, das bereits zur Hälfte vorbei ist, haben wir einige Trends in den Vordergrund gerückt, die dynamische und überzeugende Erlebnisse für die Benutzer schaffen.

Designer beginnen auch, bewährte Elemente auf kreative und experimentelle Weise zu kombinieren. Die folgenden fünf Trends mit Beispielen werden einzeln dargestellt, aber tatsächlich werden viele dieser Elemente auf faszinierende Weise kombiniert und werden wahrscheinlich sogar neue Layouts für 2016 vorantreiben.

01. Geteilte Bildschirme

Das geteilte Bildschirmlayout verfügt über eine vertikale Unterteilung, die zwei Elemente darstellen kann. Die Gründe für diese Art von Layout sind zweifach:

1. Das Unternehmen hat zwei Dinge zu fördern, die von gleicher Bedeutung sind. Durch die Aufteilung können Benutzer aus beiden auswählen.
2. Das Unternehmen möchte möglicherweise auf der einen Seite für das Wesentliche seiner Nische werben und auf der anderen Hälfte Fotos oder Medien präsentieren - vielleicht um Mitarbeiter oder Beispiele für Produkte oder Dienstleistungen vorzustellen. Ein Restaurant möchte beispielsweise seine Markenidentität auf der linken Seite des Bildschirms platzieren und dann auf der rechten Seite Bildlaufbeispiele für Gerichte anzeigen. Eine Bekleidungsseite macht dasselbe, indem sie rechts Bilder einiger ihrer Produkte scrollt. Ein weiteres Unternehmen möchte seine Mitarbeiter möglicherweise anhand von Bildern und Bildunterschriften auf der rechten Seite vorstellen.

Websites einschließlich PixelatingBits haben diesen Trend bereits bemerkt, und im Folgenden sind zwei hervorragende Beispiele für Split-Screen-Design aufgeführt:

02. Blockgitter

Die Seite ist in mehrere Blöcke unterteilt - symmetrisch oder asymmetrisch. Diese Blöcke können alle dieselbe Größe haben, wenn die Elemente gleich wichtig sind, oder unterschiedliche Größen, basierend auf der Reihenfolge der Wichtigkeit des angezeigten Inhalts. Diese Module können auf anderen Seiten als nur der Startseite verwendet werden und sind außerdem flexibel gestaltet, um die Größe an vollständige PC-Bildschirme anzupassen oder auf Bildschirme mobiler Geräte zu reduzieren.

Das erste Beispiel unten ist für 'Greats', ein Unternehmen, das Herrenschuhe hauptsächlich über seine Website vermarktet. Die Website fungiert als Schaufenster oder Katalog. Da alle Schuhe gleich wichtig sind, befindet sich das Raster in gleichen Blöcken.

Dieses zweite Beispiel bezieht sich auf eine Musikschule, und die Elemente sind von ungleicher Betonung, das größte des Regisseurs und dann kleinere Rastermodule von Schülerbildern. Beide Beispiele stammen von SitePoint .

03. Kein Chrom

Vor Jahrzehnten waren Autos groß und vorne und hinten von Chromverzierungen umgeben. Heutzutage bezieht sich der Begriff 'Chrom' in Bezug auf das Site- und Seitendesign auf alle Container, Kopf- und Fußzeilen sowie Rahmen, die eine Seite einschließen. Viele Layout-Designer glauben, dass dieses Chrom den Benutzer ablenkt, wenn der Fokus ausschließlich auf dem Schwerpunkt der Seite liegen sollte - der Marke / dem Produkt / der Dienstleistung oder dem Image, das diese Dinge darstellt.

Durch das Eliminieren all dieser Ablenkungen wird ein schöner sauberer Effekt erzielt, und die Menüs und Links werden unauffällig und ohne Container auf der Seite platziert. Außerdem ziehen keine Rahmen, Kopf- oder Fußzeilen das Auge vom gewünschten Fokus weg. Hier sind zwei Beispiele für Websites ohne Chrom, wie von beschrieben WebDesignerDepot .

04. Einzelbild-Layout

Neben geteilten Bildschirmen sind auch 2015 (ironischerweise) einzelne Bildschirme in den Vordergrund gerückt. Hierbei handelt es sich um schmucklose Bildschirme, die wie ein Fernsehbildschirm oder ein Eröffnungsbild im Stil eines Magazins aussehen und häufig eine Schriftrolle enthalten, um die Site zu öffnen.

Dieses Layout bietet ein einzelnes Bild, um ein vollständiges Bild der Marke / des Produkts / der Dienstleistung aufzunehmen. Die Idee ist, dem Benutzer vollständigen Fokus und völlige Klarheit zu bieten. Es ist ein ziemlich atemberaubender Effekt, wenn das Bild oder die Illustration für einen Betrachter ansprechend und interessant ist. Auch hier bedeuten das klare Design und das Fehlen von Chrom keine Ablenkungen.

05. Große Hintergründe / Parallaxe

Ein letzter Designtrend ist die Verwendung großer Hintergründe, die den Ton und die Stimmung der Website bestimmen können. Wenn es sich um geschäftige Hintergründe handelt, müssen die anderen Gestaltungselemente in der Mitte und im Vordergrund minimalistisch sein. Ein minimalistischerer Hintergrund unterstützt jedoch geschäftigere Mittel- und Vordergrundelemente. Hier sind zwei großartige Beispiele für die Verwendung von Hintergrund, um eine Stimmung einzustellen:

Die Design-Layouts von 2015 demonstrieren Vielfalt und Experimentierfreude mit einer Mischung aus traditionellen Layouts und ungewöhnlichen und einzigartigen neuen Konzepten. In der Tat kann das Site-Layout leicht als eine neue Kunstform angesehen werden, die Fotografie, Illustration, Animation, Typografie, Farbe, Form und Linie für wirklich ansprechende Effekte verwebt.

Haben Sie weitere Trends für 2015 entdeckt? Sag es uns in den Kommentaren.

Wörter :: Nicole Boyer

Nicole Boyer ist eine Autorin, deren Hauptthemen Web- / Grafikdesign und Marketing sind. Derzeit arbeitet sie als Redakteurin bei Aufgabe Berg Bedienung.

So was? Probiere diese…

• Wechseln Sie in WordPress von CSS zu Sass
• Tipps zur Verwendung Gitter im Logo-Design
• So starten Sie ein Blog