Wenn das Jahr 2017 nachlässt, ist es ein guter Zeitpunkt, um über die Erfolge des vergangenen Jahres nachzudenken und über mögliche Designs nachzudenken.
Betrachtet man neuere Designs, Neugestaltungen und sogar nur Design-Optimierungen, so zeichnen sich einige eindeutige Trends als Spitzenreiter für 2018 ab. Im Folgenden werden einige der Webdesign-Trends aufgeführt, die wahrscheinlich populär werden (und viele davon) Konzepte können auch für das Druckdesign verwendet werden).
1. Asymmetrische Gitter
Das Zeitalter der perfekten Symmetrie ist vorbei. Während Split-Screen-Designs im Jahr 2017 ein großer Trend waren, entwickelt sich diese perfekte Halb- und Halbbildvisualisierung weiter.
Designer teilen die visuellen Elemente auf dem Bildschirm mit einem asymmetrischeren Raster auf.
Damit dieses Konzept funktioniert, muss ein ausgewogenes Verhältnis von Elementen vorhanden sein, damit eine Seite des Designs nicht überwältigt. Raum- und Textelemente gleichen oft die visuellen Elemente aus, um den Blick über das Design zu lenken.
Und das alles kommt zusammen, weil die Entwürfe immer noch in einem Raster leben, wodurch alles organisiert bleibt. (Die oben genannten Elemente im Club of the Waves-Design sind so organisiert, weshalb sich das asymmetrische Design so ausgewogen anfühlt.)
2. Hellere Farbe
Helle Farben scheinen der Designtrend zu sein, der nur bleiben will. Es war ein großer Teil des flachen Designs und ebenso wichtig für Material Design, und beide Konzepte sind immer noch Teil vieler Projekte.
Selbst ohne die Eigenschaften Flach oder Material ist eine auffällige Farbe ein Blickfang und kann einen Benutzer in ein Design einbeziehen. Die helle und mutige Farbauswahl fühlt sich frisch an und spricht jüngere Benutzer an.
Diese Farbauswahl kann auch eine unerwartete Ästhetik erzeugen und eine funkierere Atmosphäre für Websites und Unternehmen schaffen, die möglicherweise nicht für diesen Ton bekannt sind. Ford kommt mir nicht als progressives, angesagtes Unternehmen in den Sinn, aber das Design der Microsite Make it Drivable strahlt diese Emotionen aus.
3. Untere klebrige Elemente
All diese kleinen Anzeigen am unteren Rand von Apps und mobilen Websites machen auch ihren Weg zu Desktop- und Tablet-Designs. Und es sind nicht nur Anzeigen in diesem unteren Bildschirmbereich, sondern Chatboxen, Popups, Benachrichtigungen und sogar Navigationselemente bleiben am unteren Rand des Bildschirms.
Dieser weniger aufdringliche Standort ist ein erstklassiger Betrachtungsbereich, und die mobile Nutzung hat die Benutzer darin geschult, dass diese Platzierungen akzeptabel sind.
Und wenn funktioniert. Eine Anzeige am unteren Rand des Bildschirms, wie zum Beispiel die des Burlap- und Blue-Blogs oben, scheint nur weniger (und weniger auf Ihrem Gesicht) als ein Namensschild-Banner. Der Benutzer sieht es immer noch, aber der Inhalt wird nicht verdeckt.
4. Suche nach Sprache und natürlicher Sprache
Die Zukunft des Webdesigns ist nicht zu 100 Prozent visuell. Einige davon werden hörbar sein.
Von der Gestaltung von Schnittstellen, die "hören" können. und Sprachbefehle verstehen, um Suchbegriffe zu integrieren, die eine natürliche Sprache imitieren, und eine Welt der Sprache und Sprache zu integrieren, ist für Website-Design-Projekte unerlässlich.
Und obwohl einige dieser anderen Trends Ende 2018 vielleicht noch nicht so populär sind, wird die Suche nach Sprachsignalen und natürlicher Sprache nur in der Verwendung und Beliebtheit zunehmen. Sie sollten jetzt mit der Planung beginnen, damit Sie sie problemlos in zukünftige Projekte integrieren können.
5. Flüssigkeitsformen
Während schärfere Polyformen und -geometrien 2017 groß waren, gewinnen weichere Formen mit flüssigerem Aussehen und sogar Animationen an Beliebtheit.
Glattere Linien sind eine natürliche Weiterentwicklung des Polygon-Trends. Als Design Shack Anfang des Jahres den Poly-Shape-Trend vorstellte, lautete die Beschreibung: Einer der besten Teile dieses vielseitigen Trends ist, dass jedes dieser Designs so unterschiedlich ist. Polygone sind normalerweise flache, zweidimensionale Formen, obwohl in Website-Projekten einige Polygone die Bewegung animieren und mehr 3D-Eigenschaften zu haben scheinen.
Die gleiche Eigenschaft gilt für flüssigere Formen; Der entscheidende Unterschied besteht darin, dass anstelle von scharfen, sich überschneidenden Linien jede Form aus glatten Kurven besteht, die durch das Design fließen.
6. subtile Animation
Kleine, einfache Animationen können Benutzer überraschen und begeistern. Sie können auch dazu beitragen, Informationen bereitzustellen und den Benutzer durch eine aktivere Auseinandersetzung mit dem Entwurf zu führen.
Bei subtilen Animationen geht es jedoch nicht um eine Ladefunktion, die Verzögerungen verbirgt, sondern um Bewegung innerhalb des Designs.
Von Schwebeflugstaaten über Filmabschnitte bis hin zu Illustrationen, die zum Leben erweckt werden, können subtile Bewegungen ein großartiges Werkzeug sein, um die Einbindung der Benutzer zu unterstützen. Um die subtilen Animationen im Design optimal zu nutzen, halten Sie sich an ein paar grundlegende Regeln: Wählen Sie nur eine Animation aus. Die Animation sollte sich realistisch anfühlen und die Gesetze der Physik imitieren. Erzwingen Sie keine Geräusche oder Klickaktionen, und stellen Sie sicher, dass die Animation in einer verlässlichen Schleife abgespielt wird, damit die Benutzer wissen, wann die Animation abgeschlossen ist. (Das ist ein Zeichen, dass sie weitermachen können, um das zu tun, wofür sie überhaupt auf die Website gekommen sind.)
7. SVG-Bilder
Skalierbare Vektorgrafiken werden als De-Factor-Bildtyp für Websites immer häufiger. SVGs sind leichte Vektorbilder, die dafür sorgen, dass Grafiken, Symbole und Logos unabhängig von der Bildschirmgröße oder Auflösung pixelgenau aussehen.
Alle hochauflösenden Displays tragen zum Anstieg dieses Dateiformats bei.
SVGs eignen sich auch gut für Bilder- und Multimediabilderlebnisse, einschließlich 3D-Bildern, Cinemagrammen, Logo-Animationen und 360-Grad-Fotografie.
8. Geteilter Bildschirm, Stacking Mobile
Split-Screen-Designmuster werden immer beliebter. Sogar die perfekter geteilten Stile.
Diese Designs sind so beliebt, weil sie sowohl auf Desktop-Bildschirmen als auch auf mobilen Geräten großartige Erlebnisse bieten, da der aufgeteilte Inhalt nebeneinander und gleich gut dargestellt wird. (Auf diese Weise gibt es eine konsistente, aber gerätespezifische Erfahrung für Benutzer.)
Während viele frühe Split-Screen-Designs wirklich geteilt wurden, entscheiden sich viele Designer für einen Split-Screen sowie eine zusätzliche obere Ebene mit Text oder Branding, um einen Effekt mit mehr Tiefe zu erzielen.
9. Weitere Scrolling-Animationen
Parallax-Scrolling-Animationen waren so beliebt, dass einige Designer anfangen, sich vor ihnen zu scheuen. Das bedeutet jedoch nicht, dass Sie Scrollen-Animationen insgesamt aufgeben müssen.
Es gibt viele andere Möglichkeiten, Bildlauf zu verwenden, um den Benutzer zu motivieren. (Und Sie können auch eine kleine Parallaxe mischen; machen Sie sich einfach nicht verrückt.)
Doggo for Hire verwendet oben eine Scroll-Animation, bei der Konfetti auf dem als Bild des Benutzers abgebildeten Hund abgelegt werden. Die Schriftrolle bestimmt, wie schnell Konfetti fällt (und sogar der Ausdruck im Gesicht des Hundes, wenn es passiert). Scrollen Sie schnell für ein Video-Erlebnis. Scrollen Sie langsamer, um den gesamten Inhalt auf der linken Seite des Bildschirms aufzunehmen.
Auf der Suche nach mehr Scroll-Action-Inspiration? Hier finden Sie es
10. Leerraum ohne Minimalismus
Designer lieben weißen Raum. (Viele von uns lieben auch Minimalismus? Auch wenn Kunden es nicht so sehr lieben.)
Der Kompromiss besteht in der Gestaltung mit viel Leerraum, jedoch mit einem viel weniger minimalistischen Gefühl. Durch Hinzufügen von mehr Farb- und Designelementen zu einem Design mit viel Platz wirkt es voller.
Der Design-Kalender ist eine großartige Aufgabe, indem er Platz und Inhalt gleichzeitig mit Elementen und Elementen packt. Klicken Sie dazu auf das Beispiel und blättern Sie durch, um es in Aktion zu sehen. Auf diese Weise können übergroße Elemente viel Platz zum Atmen finden.
Designer arbeiten auf viele andere Arten mit Leerzeichen. Werfen Sie einen Blick zurück in viele der oben genannten Trends und wie viel Leerraum auch hier eine Rolle spielt.
Fazit
Inspiriert Sie der Beginn eines neuen Jahres, etwas Neues auszuprobieren? Wird es einer Ihrer Vorsätze sein?
Stellen Sie nur sicher, dass Sie mit Design-Trends vorsichtig umgehen. Manchmal werden die besten Ideen schnell veraltet. Andere haben ein zeitloseres Gefühl; Sprachschnittstellen sind wahrscheinlich hier für eine Weile zu bleiben. Probieren Sie es aus, ändern Sie ein bestehendes Design und haben Sie Spaß. Darum geht es beim Spielen mit Designtrends.