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, Wenn Sie dieselben Illustrationen animieren, werden Sie auch viel Zeit in Anspruch nehmen. Es fühlt sich weniger wie eine platzierte „Briefmarke“ an, wenn selbst unnütze Illustrationen ihren eigenen, bewegten Flair haben, nichts allzu großes.
Natürlich sollte nichts ein Design davon abhalten, alles zu geben, wenn man etwas Dynamischeres ausprobiert, wie die obigen Beispiele sehr gut gemacht haben. Es sollte jedoch den Lärm berücksichtigen, der dadurch entstehen könnte und der den Benutzer von wichtigeren Informationen ablenken kann, insbesondere wenn es sich um Seiten mit hoher Textdichte handelt.
System- und Hardwareänderungen sowohl auf dem iPhone als auch auf Android führten dazu, dass sowohl die Bildschirmtasten als auch die Bildschirmränder verschwanden.
Apps reichen bis zu den Seiten, Ober- und Unterkanten des Bildschirms und vergrößern so die Oberfläche erheblich.
Die Branche ist so besessen davon, dass neue Frontkameras quasi gezwungen sind, zu verschwinden oder woanders platziert zu werden, nur nicht auf dem Bildschirm! Und Designer haben diesen Raum auf interessantere Weise genutzt, sowohl auf UI- als auch auf UX-Ebene. Schauen Sie sich die folgenden Bilder an.
Interessant, oder? Dank des Fehlens von Schaltflächen, die Platz auf dem Bildschirm wegnehmen, wurden Gesten für die Navigation innerhalb und außerhalb unserer mobilen Apps von entscheidender Bedeutung. Erwägen Sie also Folgendes kürzere Einführungen, die neue Nutzer nicht langweilen und zwinge sie zum Überspringen, damit du sie einfach wissen lassen kannst, wo zur Hölle sie wischen sollten, um dorthin zu gelangen, wo sie hin müssen.
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.
Erinnere dich wie Brutalismus zu einem tragfähigen Stil wurde auch für kommerziellere und etabliertere Marken? Dieser Stil ist gekommen, um zu bleiben, zumindest für eine Weile. Grids sind flexibel und müssen nicht sehr starr sein, da der Benutzer immer besser mit den Vor- und Nachteilen digitaler Produkte vertraut ist. Die Wahrheit ist, dass Seiten etwas weniger vorhersehbar und interessanter zu lesen sind, wie die folgenden Konzepte veranschaulichen.
Der Schlüssel liegt darin, die „extremeren“ Beispiele zu nehmen und sie nach Möglichkeit an die Bedürfnisse des Produkts anzupassen, es sei denn, das Produkt etabliert sich als innovativ - in diesem Fall experimentieren und testen Sie - wir wollen nicht, dass sich jemand (zu) verirrt.
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:
