Wenn Sie genau hinschauen, können Sie fast sehen die Evolution des Webdesigns. Ein paar Designtrends haben sich als unverzichtbare Elemente des Jahres 2017 herausgestellt, wobei interessante Typografie-, Farb- und Navigationsmuster den Weg weisen.
Jetzt, wo wir Mitte 2017 sind, konzentrieren wir uns ein wenig auf die Design-Inspiration und werfen einen Blick auf die Top-Trends des Jahres. Solltest du all das aufnehmen? Absolut nicht! Aber einer von zwei, sorgfältig ausgewählten, kann wirklich dazu beitragen, Ihrem Entwurf ein aktuelles, aktuelles Gefühl zu verleihen.
1. Typografie in Shared Spaces
Designer brechen die Regeln der Typografie, indem sie die Beschriftung auf mehrere Elemente ausdehnen. Der Typ kann sich über zwei Kästchen in einer Split-Screen-Ästhetik erstrecken oder in den Raum eines anderen Designelements wie eines Bildes eingreifen.
So oder so kann das Ergebnis erstaunlich sein.
Aber es ist nicht leicht zu machen. Typografie in gemeinsam genutzten Bereichen ist eine visuell interessante Möglichkeit, Benutzer über Inhalte zu bringen und Fluss im Design zu schaffen. In Verbindung mit interessierten Schriftarten oder übergroßen Schriftarten kann die Typografie in gemeinsam genutzten Bereichen dramatische Auswirkungen haben. Die Hervorhebung der Schriftart wird hervorgehoben, da sie sich auf mehrere Leerzeichen legt, die Wörter hervorhebt und einen Schwerpunkt im Design bildet.
Um den Designtrend bestmöglich zu nutzen, benötigen Sie ein kurzes Messaging und ein Bild- und Hintergrundpaar mit ähnlichen Farbtönen, damit der Typ auf der gesamten Leinwand problemlos gelesen werden kann.
In den meisten Fällen entscheiden Sie sich für eine schwarze oder weiße Beschriftung des Hintergrunds. Dies ist ein ziemlich komplexes Design, das der Benutzer verdauen kann - selbst wenn es recht einfach aussieht - und Lesbarkeit sollte ein Hauptanliegen sein.
Konzentrieren Sie sich auf den visuellen Fluss mit dieser Art von Designmuster. Überlegen Sie, welche Teile des Designs für die Benutzer am wichtigsten sind, um einen Hintergrund- und Schrifteffekt mit Ebenen zu erstellen.
Erfahren Sie mehr über den Trend und sehen Sie noch mehr Beispiele sowie eine Einführung in die Arbeit mit Split-Screen-Designs.
2. Polyformen
Fast überall, wo man hinschaut, verwenden Designer Polygone auf interessante Weise. Von Formen, die das gesamte Design füllen, über einfache Überlagerungen bis hin zu Eckeneffekten, Polyformen sind fast überall.
Das Schöne an diesem Designtrend ist, dass er so vielseitig ist. Poly-Shapes können fast jeder Design-Kontur hinzugefügt werden, über Video oder Fotos und mit einer beliebigen Farb- oder Typografie-Palette. (Dies ist die perfekte Aktualisierung, wenn Sie eine aktuelle Website aktualisieren möchten.)
Nicht sicher, was als Polyform gilt? Polygone sind Formen, die in der Elementgeometrie als "plan-Figur" definiert werden, die durch eine endliche Kette von geraden Liniensegmenten in einer Schleife begrenzt wird, um eine geschlossene polygonale Kette zu bilden. Die Formen können eine beliebige Anzahl von Seiten oder Ausrichtungen haben, können gefüllt oder hohl sein und können sich kreuzende Pfade und Striche haben. Polygone sind in der Regel flache, zweidimensionale Formen, obwohl in Website-Projekten einige Polygone die Bewegung animieren und mehr 3D-Eigenschaften zu haben scheinen.
Poly-Formen können einiges an Design-Inspiration bieten. Verwenden Sie sie für Divots oder Elemente der Benutzeroberfläche, um die Navigation zu fördern oder um visuelles Interesse zu wecken, wenn andere Bilder etwas unauffällig sind.
Erfahren Sie mehr über den Trend und sehen Sie noch mehr Beispiele.
3. Farbverläufe
Einer der traurigsten Teile des flachen Designtrends war der Verlust von Steigungen bei Designprojekten. Aber sie sind groß zurück. (Spotify gebührt viel Anerkennung dafür, dass er sie für ihre visuelle Identität verwendet.)
Farbverläufe treten überall und in jeder Hinsicht auf - Hintergründe, Farbüberlagerungen und Elemente der Benutzeroberfläche. Die heutige Designinspiration für Farbverläufe unterscheidet sich jedoch etwas von der vorflachen Designzeit. Anstatt Farbverläufe, die subtil sind und zu Schwarz oder Weiß übergehen, sind diese Farbverläufe fett und enthalten oft zwei Farben.
Während ein guter Farbverlauf in fast jedem Teil des Designs funktionieren kann, sind monotone Farbverläufe für kleinere Elemente oft am besten geeignet, und zwei Farbvariationen verleihen großen Designelementen wie Bildern oder Hintergründen den meisten Pop.
Erfahren Sie mehr über den Trend und sehen Sie noch mehr Beispiele sowie einige interessante Möglichkeiten, Farbverläufe für Farbüberlagerungen zu verwenden
4. Fett Farbe
Große, mutige Farbauswahl scheint überall zu sein, und nicht nur bei der Verwendung von Farbverläufen. Helle Hintergründe, kräftige Tasten und Akzentfarben, die vom Bildschirm zu springen scheinen, geben den Augen einen Platz zum Landen.
Einige der größten Trends in Farbe könnten sogar Dinge sein, die Sie nicht erwarten würden - Neonfarben und Farbschriften.
Hier sind ein paar Tipps für die Verwendung von Optionen, die in kräftigen Farben funktionieren:
- Integrieren Sie die hellsten Farben aus der Markenpalette.
- Verwenden Sie Farbe, um eine Aussage zu treffen.
- Helle Farben setzen tolle Akzente.
- Kann kein Weg gefunden werden, eine mutige Farbe zu verwenden? Beziehen Sie die Farbtöne in Bilder und Fotos ein.
- Mischen und kombinieren Sie kräftige Farben mit Schwarz und Weiß für maximale Wirkung.
- Verwenden Sie Farbe mit Absicht und Zweck.
Erfahren Sie mehr über mutige Farbtrends wie Neonfarben und Farbschriften.
5. Experimentelle Navigationsmuster
Obwohl es nicht immer empfohlen wird, die Navigationsmuster zu vermischen und zu weit von den am oberen Bildschirmrand verankerten Menüs abzuweichen, kann dies bei einigen Website-Designs funktionieren. In der Tat war 2017 das Jahr der experimentellen Navigation, mit zahlreichen Websites, die Seitennavigation und Navigation im unteren Bereich verwenden, und nach neuen Optionen für versteckte Optionen, Bildlauf und Pop-Out suchen.
Und hier ist das Ding: Es scheint zu funktionieren.
Nur Sie werden es genau wissen: Gehen Sie immer zurück und graben Sie sich in Ihre Analysen ein, um sicherzustellen, dass bei einer Navigationsänderung immer noch Klicks erzielt werden - aber mehr Designer experimentieren mit neuen Konzepten. Der Trick scheint zu sein, dass Navigationselemente auf dem Startbildschirm noch prominenter sein müssen (machen Sie sie größer als normal, wenn sie sich an einer ungewöhnlichen Position befinden) und verwenden Sie andere visuelle Hinweise, um den Benutzern zu zeigen, was als Nächstes zu tun ist.Unbekannte Benutzermuster können mit Hilfe schnell erlernt werden.
Erfahren Sie mehr über den Trend und sehen Sie noch mehr Beispiele.
Fazit
Während viele Trends dazu neigen, zu kommen und zu gehen, bleiben diese bestehen. Es scheint, dass der gemeinsame Faden ist, dass jeder Trend in eine Vielzahl von Designkonturen passt und nicht den gesamten ästhetischen Fluss überholt.
Was sind deine Lieblingstrends im Jahr 2017? Gibt es einen dieser Trends, die Sie weggehen möchten? Lassen Sie uns auf Twitter chatten (denken Sie daran, Design Shack zu markieren).