Neujahrsvorsätze sind jedermanns Lieblingssache, da bin ich mir sicher. Recherchieren und wissen, wohin die kreative Richtung eines Produkts gehen soll, sollte jedoch auf einer To-Do-Liste stehen, bevor Sie einfach loslegen und nur das tun, was bisher getan wurde.
Trends nehmen oft genug neue Wendungen, sodass ein Produkt ziemlich schnell veraltet sein kann. Aus diesem Grund haben wir bei Imaginary Cloud beschlossen, eine Liste zu erstellen. Ja, noch einer, aber bleib bei uns: Wir haben nur die visuell relevantesten ausgewählt und sie zu den Top 7 zusammengefasst UI-Trends auf die du achten musst.
Wie in einem früheren Blogbeitrag erwähnt, Die Illustration hat in unseren digitalen Produkten ein neues Gewicht erlangt. Selbst die am besten aussehenden Stockfotos reichen nicht mehr aus, und auch flache Animationen zählen ihre Tage. Das heißt nicht, dass man super komplex sein sollte, damit es funktioniert, aber bedenke all die unglaublichen stilistischen Referenzen, die ein Illustrator/Designer auf seinem Display hat. Handgezeichnete, 2D- oder sogar 3D-Stile sind heute praktikabel.
Wie Sie anhand der folgenden Website-Beispiele sehen können, hatten Kreative keine Angst davor, Stile zu übernehmen, die von der normalen alltäglichen UI-Illustration abgewichen sind, was für sie sehr gut war.
Wir sollten auch bedenken, dass die Illustration in eine Phase eintritt, in der die Nachfrage so hoch ist, dass Stockvektorillustrationen die schnellste Lösung für ein dringendes Design sind. Aber auch das bedeutet, die gleichen stilistischen Entscheidungen zu treffen, die alle anderen treffen, das heißt Die Tage der gängigsten Stile der Stock-Vektorgrafiken werden gezählt, und es ist definitiv keine längerfristige Lösung. Um die Ecke zu denken ist so ziemlich immer der richtige Weg. Beachten Sie nur, wie viel Unterschied das macht.
Wenn Sie noch einen Schritt weiter gehen möchten, kann auch die Animation derselben Illustrationen viel bewirken. Es wirkt weniger wie ein statischer „Stempel“, wenn selbst einfache Illustrationen eine dezente Eigendynamik besitzen – nichts Großes, nur ein wenig Bewegung.
Natürlich spricht nichts dagegen, bei einem Design voll auf Dynamik zu setzen, wie die obigen Beispiele eindrucksvoll zeigen. Man sollte jedoch bedenken, dass dadurch eine Unruhe entstehen kann, die den Nutzer von wichtigeren Inhalten ablenkt – insbesondere auf textlastigen Seiten.
System- und Hardwareänderungen bei iPhone und Android haben dazu geführt, dass sowohl On-Screen-Buttons als auch Bildschirmränder verschwunden sind.
Apps erstrecken sich nun bis an die Seiten sowie an den oberen und unteren Bildschirmrand, was die Größe der Benutzeroberfläche erheblich vergrößert.
Die Branche ist so sehr darauf fixiert, dass neue Frontkameras praktisch dazu gezwungen sind, zu verschwinden oder an anderer Stelle platziert zu werden – nur eben nicht auf dem Bildschirm! Designer nutzen diesen Platz inzwischen auf interessantere Weise, sowohl auf UI- als auch auf UX-Ebene. Werfen Sie einen Blick auf die folgenden Bilder.
Interessant, oder? Dank des Wegfalls von Buttons, die wertvollen Bildschirmplatz beanspruchen, sind Gesten für die Navigation innerhalb und außerhalb unserer mobilen Apps unverzichtbar geworden. Denken Sie daher an kürzere Onboardings, die neue Nutzer nicht langweilen und sie zum Überspringen zwingen, damit Sie ihnen ganz einfach zeigen können, wohin sie wischen müssen, um ans Ziel zu gelangen.
Ihre Marke muss in Bezug auf Farbpaletten nicht mehr so restriktiv sein. Zwei bis drei Farben werden sich für den aktuellen Geschmack als zu repetitiv erweisen. Dropbox, wie Sie sehen können, macht es zum Beispiel schon eine Weile, und Figma folge auch.
Natürlich gibt es ein System und einen Styleguide, die Farben werden nicht zufällig ausgewählt. Es ist nur so, dass das, was früher eine Palette von 4 oder 5 Farben war, viel vielfältigeren Farbpaletten Platz macht, die Sinn machen und Ihre Marke auf etablierte und harmonische Weise repräsentieren. Je nach Motiv oder Umgebung, die ein bestimmter Bildschirm zu vermitteln versucht, werden verschiedene Farben aus dieser großen Palette verwendet.
Machen Sie es effizient — Fettgedruckter und riesiger Text hilft sehr, wenn es darum geht, die erste Wirkung eines Produkts zu erzielen, je nachdem, wie relevant der Satz ist. Und es muss nicht aggressiv aussehen oder ausschließlich für Landingpages verwendet werden. Man kann noch einen Schritt weiter gehen und es auch für Menüs verwenden, wenn das eine praktikable Wahl ist.
Wie Sie den folgenden Beispielen entnehmen können, verlieh die Verwendung riesiger Schriftgrößen ihnen die grafische Wirkung dringend aussehender Poster.
Aber auch hier besteht die Gefahr darin, einen so großen Text zu haben, dass er alle anderen Elemente verschleiert, die den Benutzer tiefer in das Erlebnis führen, und das wollen wir nicht.
Erinnern Sie sich, wie Brutalismus zu einem ernstzunehmenden Stil wurde, selbst für kommerzielle und etablierte Marken? Dieser Stil ist gekommen, um zu bleiben – zumindest für eine Weile. Raster sind flexibel und müssen nicht mehr starr sein, da Nutzer mittlerweile bestens mit den Feinheiten digitaler Produkte vertraut sind. Die Wahrheit ist: Seiten werden dadurch weniger vorhersehbar und interessanter zu lesen, wie die folgenden Konzepte zeigen.
Der Schlüssel liegt darin, sich von den „extremeren“ Beispielen inspirieren zu lassen und diese – sofern möglich – an die Bedürfnisse des Produkts anzupassen. Es sei denn, das Produkt positioniert sich als Vorreiter – in diesem Fall: experimentieren und testen. Wir wollen schließlich niemanden (zu sehr) verwirren.
Material Design kam hinzu, und Brutalismus war seine Gegenreaktion. Aber auch diese Prinzipien der Materialgestaltung wurden auf die nächste Stufe gehoben, indem grafische Objekte einem ganz anderen Anspruch, nämlich dem Realismus, unterworfen wurden.
Ein Knopf sieht aus wie ein echter Knopf und Minimalismus trägt zu einer Ästhetik bei, die tatsächlich neu und brauchbar ist.
Es ist kein einfacher Stil und profitiert von einigen räumlichen Vorstellungen, aber der Designer muss sich nicht mit 3D-Modellierung auskennen.
Die folgenden Künstler beschlossen, das Comeback des Skeuomorphismus zu erkunden und gleichzeitig die aktuellen Farben und das Ambiente zu berücksichtigen, die von bestimmten Produkttypen erwartet werden. Die Ergebnisse waren unglaublich.
Lassen Sie uns jedoch etwas ansprechen: Dieser Stil lässt sich nicht schnell erstellen. Lichter und Schatten müssen punktgenau sein, damit die Elemente tatsächlich so aussehen, wie sie im wirklichen Leben wären. Und es ist kaum eine dieser Situationen, in denen ein Designelement für alle passt, aber Designer werden sich sicherlich schnellere Wege einfallen lassen, um diese Effekte zu erzielen.
Bei Imaginary Cloud, es gibt viele neue Dinge, auf die man sich im kommenden Jahr freuen kann. Sowohl Designer als auch Produktbesitzer können beginnen, ihre Arbeit mit einem neuen Geist zu betrachten und etwas Neues auszuprobieren, das sich vom Markt abhebt, da neue UI-Trends sie immer dazu motivieren sollten, bei ihren stilistischen Entscheidungen noch weiter zu gehen. Wer weiß, vielleicht bauen unsere Erkundungen auf dem auf, was getan wird, und setzen neue Trends. Man kann träumen.
Fanden Sie diesen Artikel hilfreich? Diese könnten dir auch gefallen!
Ich bin UI- und Produktdesigner, Illustrationskünstler und Maler. Bekannt für meine Liebe zu trashigen Strandtüchern, Musikproduktion, Typografie und allen Arten von Pizza.
People who read this post, also found these interesting:
