3 wesentliche Designtrends, Juli 2017
In diesem Monat liegt der Fokus auf Designelementen. Viele neue Trends haben Benutzermuster, Farbe oder Typografie miteinbezogen, aber hier geht es um subtile Techniken. Zu den wesentlichen Trends, die Sie beachten müssen, gehören Down- page-Navigation, Boxen als Designelement und viele vertikale Linien und Bewegungen.
Hier ist, was in diesem Monat im Design Trend ist:
1. Abwärtsnavigation
Designer scheinen in der heutigen Zeit in der Experimentierphase zu sein, wenn es um Navigation geht. Von vertikalen, seitlichen Navigationsoptionen über Pop-Out-Styles bis hin zu Down- ping-Styles sind Menüpunkte überall zu finden.
Während die Downside-Navigation ein eindeutiges No-No war, kann sie auf Ihnen wachsen. Und je mehr Designer sich für dieses Benutzermuster entscheiden, desto allgemeiner wird es akzeptiert. Ein paar Worte zur Vorsicht: Wenn Sie sich für die Down-Page-Navigation entscheiden, sollten Sie die Website-Analysen genau im Auge behalten, damit Ihre Besucher das Muster verstehen und weiterklicken. Diese Technik funktioniert möglicherweise nicht für alle Zielgruppen.
Wie machst du es funktioniert?
- Die besten Downlink-Navigationsstile werden auf einfache Designs angewendet. Eine Homepage ohne Scroll und nur eine Handvoll Seiten ist am besten.
- Down-Down-Navigationselemente müssen auf der großen Seite sein, damit Benutzer sie nicht übersehen.
- Sticky-Elemente sind notwendig, wenn die Seite länger gescrollt wird.
- Betrachten Sie die Down-Page-Navigation auf der Startseite als eine neue Alternative, aber kehren Sie zu einem traditionelleren Muster auf den Innenseiten zurück.
- Verwenden Sie es mit einem minimalen Rahmen. Die Abwärtsnavigation kann in einem komplexen Design oder mit vielen Elementen, die um die Aufmerksamkeit eines Benutzers konkurrieren, leicht verloren gehen.
- Fügen Sie ein "extra" Gestaltungselement hinzu, um die Nutzer in Richtung Navigation zu bewegen. Dies kann alles umfassen, von einer kräftigen Farbauswahl bis hin zu einem direktionalen Bild, das den Blick auf die Navigation an einem nicht traditionellen Ort lenkt.
2. Boxen als Designelemente
Dies könnte einer der auffälligsten und vielseitigsten Trends der 2017-boxed Elemente für rein ästhetische Zwecke sein.
Boxen sind ein großer Container - wie wir aus dem Kartentrend gesehen haben -, aber Designer arbeiten mit Boxen, um Inhalte hervorzuheben, Bilder zu zeigen und den Blick auf einen bestimmten Teil der Leinwand zu lenken. Und es funktioniert wunderbar.
Das Schöne an diesem Trend ist, dass es so vielseitig ist. Sie müssen nicht ein ganzes Design überdenken, um boxed Elemente zu verwenden. Sie können als reine Visuals oder als Link zu anderen Inhalten dienen. Eine Box kann fast alles enthalten, von einem großartigen Bild bis zu einem Call-to-Action.
Einige Tipps, um ein Boxed Design-Element optimal zu nutzen:
- Verwenden Sie ein Feld, um Tiefe oder Fokus zu erstellen, z Cedrick Lachot , unten. Das Foto auf dem schwarzen Hintergrund ist einfach und der weiße Text oben betont die rechteckige Form und andere anklickbare Kästchen auf der Homepage und im gesamten Design.
- Verwenden Sie eine Box, um Elemente zu schichten. Feudi Di San Gregorio , unten, verwendet eine Box, um das Auge auf einen ganz bestimmten Teil des Inhalts mit einer Schichttechnik zu zeichnen, die es wie einen Teil des Bildes erscheinen lässt. Betrachte die Hände in Bezug auf die Schachtel genau. Das gleiche Konzept wird für mehrere Bilder im horizontalen Bildlauf verwendet und fügt dem einfachen Design eine zusätzliche Ebene von schöner Komplexität hinzu.
- Verwenden Sie ein Feld, um einen Flow zu erstellen. Beoplay , unten, verwendet gestapelte Boxen mit Bildern, um einen Pfad durch das Design zu erstellen. Jede Box animiert aus einer Anzahl kleinerer Boxen, um den Benutzer zu motivieren und Scrollen zu unterstützen.
- Verwenden Sie ein Feld, um ein aktivierbares Element, z. B. einen Popup-Aufruf für eine Aktion, über dem Design zu erstellen.
- Verwenden Sie Felder, um ein Design mit Karten im Material Design-Stil zu erstellen. Obwohl dieser Trend schon seit einiger Zeit besteht, ist er immer noch eine beliebte Option, insbesondere für mobile Designs.
3. Vertikale Linien
Sie denken nicht immer über das Internet als vertikalen Raum nach, aber mehr Designer integrieren sehr vertikale Elemente in Designs.
Von dünnen Linien bis hin zu Fotos mit unterschiedlichen vertikalen Elementen können vertikale Elemente den Benutzer durch ein Design führen, zum Scrollen animieren und sogar die Aufmerksamkeit auf bestimmte Elemente lenken. Als zusätzlichen Bonus sind vertikale Elemente visuell interessant einfach, weil sie nicht so häufig sind wie horizontale, quadratische oder kreisförmige Elemente.
Etwas von dem Wunsch, mehr vertikal zu denken, könnte in Ihren Händen beginnen. Während die meisten Desktop-Websites im Standard-16: 9-Format vorliegen, wird der Zugriff auf Websites auf Smartphones und Tablets oft auf die Seite mit einer mehr vertikalen Ausrichtung gedreht. (Bei vielen Mobiltelefonen ist diese Ausrichtung deutlich vertikal.)
Dadurch werden vertikale Akzente und Benutzermuster für Website-Besucher häufiger und akzeptierter. Sie werden dem Design nicht im Wege stehen oder sich wundern, wie es damit umgehen soll. Vertikale Ausrichtung ist ziemlich Mainstream.
Es gibt viele Möglichkeiten, ein vertikales Gefühl in ein Design zu integrieren.
- Probieren Sie einen Hintergrund mit feinen vertikalen Linien aus, um eine Textur zu erzeugen.
- Erstellen Sie eine Collage aus Bildern mit vertikalen Formen.
- Verwenden Sie vertikale Linien über dem Hauptbild, um die Tiefe zwischen den Ebenen von Elementen wie Fotos oder Videos und Text festzulegen.
- Verwenden Sie den vertikal animierten Sweep, um Elemente in einem Bildschieberegler zu trennen.
- Planen Sie Bilder mit einem vertikalen Fokus.
- Betrachten Sie ein Split-Screen-Design, bei dem jede Seite ein stärker vertikal ausgerichtetes Seitenverhältnis aufweist.
- Verwenden Sie ein Hintergrundmuster kleiner Objekte in einer vertikalen Ausrichtung.
- Staple Symbole oder Elemente, anstatt sie über den Bildschirm zu legen.
Fazit
Jedes Mal, wenn Sie einen Trend in einem Designprojekt in Betracht ziehen, liegt ein gewisses Risiko vor. Wie lange wird der Trend populär sein? Wird es das Design alt aussehen lassen?
Entscheiden Sie sich nicht für trendige Website-Optionen, sondern für ein trendiges Element wie oben. Diese Elemente können einfacher in das Design integriert werden (und genauso einfach entfernt werden, wenn Sie sie später nicht mögen). Der Trick, einen modernen Stil beizubehalten, liegt in den Details; Es erfordert nicht alle sechs Monate ein brandneues Design.
Welche Trends liebst du gerade (oder hasst)? Ich würde gerne einige der Websites sehen, die Sie fasziniert sind. Schreibe mir einen Link auf Twitter ; Ich würde gerne von dir hören.