Ich bin immer auf der Suche nach neuen Designtrends. Ich finde es faszinierend, wie bestimmte Ideen von so vielen Designern aufgegriffen und auf unzählige Arten umgesetzt werden.
Heute werden wir die Welt des User-Interface-Designs gezielt erforschen und sehen, ob wir aktuelle Trends erkennen können. Nahezu mehr als in jedem anderen Bereich des Designs unterliegen Schnittstellen extrem den ständig wechselnden Launen von Designern. Wenn Sie nicht auf dem Laufenden sind, könnten Sie eine UI erstellen, die sich veraltet anfühlt. Lesen Sie weiter, um zu sehen, was im Trend ist!
Sind Trends gut oder schlecht?
Die Leser lesen die Trendbeiträge in der Regel auf zwei Arten: als Liste mit Beispielen, die Sie ausprobieren können, oder als Liste mit Klischees, die Sie meiden sollten. Welcher ist der richtige Weg? Wenn etwas ein Trend ist, bedeutet das, dass es gut oder schlecht ist?
Meine Antwort ist, dass die Trends im Allgemeinen ziemlich neutral sind. Sie sind nicht unbedingt an sich gut oder schlecht, sie repräsentieren einfach das, was viele Leute im Moment für cool halten. Allerdings erreichen Trends oft den Punkt, an dem sie so überlastet sind, dass sie einen schlechten Geschmack im Mund hinterlassen.
Aus diesem Grund empfehle ich immer, dass sich jeder Designer ständig umschaut und merkt, was aktuell im Design beliebt ist. Wenn Sie sich mit diesen Konstrukten auskennen, wird es einfacher, Ihre Arbeit zu erledigen, egal ob Sie sich in die Menge einfügen oder etwas völlig Einzigartiges tun möchten (Sie müssen wissen, was nicht einzigartig ist, um etwas zu schaffen, das ist).
Schauen wir uns diese Trends an!
iOS inspirierte alles
Es ist schwer zu sagen, dass Apples iOS-Plattform Eine gewisse Ästhetik, aber im Allgemeinen haben die hart arbeitenden Entwickler hinter den großartigen iPhone- und iPad-Apps, die wir alle kennen und lieben, einen ganz bestimmten visuellen Stil entwickelt, vielleicht von Apple angeführt, oder vielleicht folgt Apple den Jungs von Drittanbietern.
Unabhängig davon, von überlegten Widescreen-Layouts mit mehreren Spalten bis hin zu etwas, das einige als zu skeuomorph betrachtet, können Sie normalerweise eine iOS-Oberfläche identifizieren, wenn Sie eine sehen. Zumindest war es früher so. Mit Lion und dem bevorstehenden Mountain Lion hat Apple ähnliche visuelle Ideen in OS X integriert, und sie sind sicherlich nicht die einzigen, die auf die Idee sprachen, diesen Stil in das Design von Desktop-UI zu integrieren.
Der wunderschöne Dribbble von Robert van Klinken oben ist ein perfektes Beispiel. Angesichts der Gestaltung der Knöpfe und der Verwendung von Nähten würde ich schwören, dass dies eine iPad-App war. Es ist jedoch eigentlich ein Entwurf für eine webbasierte Produktivitäts-App für Desktop-Computer.
Selbst wenn wir uns vom Faux-Realismus-Stil zurückziehen, gibt es viele andere Beispiele für von Apple inspirierte Webanwendungs-UIs. Die Aufnahme von Pontus Johansson ähnelt den zunehmend subtileren Verläufen in Finder-Fenstern und App-Chromes von OS X.
Hölzerne Hintergründe
Dies ist keineswegs neu, Garage Band zeigte schon vor Jahrhunderten eine Art Holzstruktur und ich bin sicher, dass es noch viele andere Beispiele gibt. Dieser Trend ist jedoch definitiv auf dem Höhepunkt seiner Popularität. Tatsächlich ist es wahrscheinlich das, was 2012 dem überlasteten Web 2.0-Look von vor wenigen Jahren am nächsten kommt.
Designer: Ix Techau, Pontus Johansson, Pavel Ma? Ek, Levi Wintering und Max Schwartz.
Das Lange und Kurze davon: Holz ist momentan die UI-Textur der Wahl (auch wenn Leinen / Leinwand-Texturen sehr beliebt sind). Sie werden in iOS-Apps, Mac-Apps, Web-Apps und Android-Apps angezeigt. überall. Diese Tendenz wird durch die weit verbreitete Verfügbarkeit wirklich fantastischer und freier Texturen unterstützt.
Ein Großteil davon begann mit einem Matthew Skiles-Schuss, der bereits im Juli 2010 zu Dribbble hochgeladen wurde. Er war wunderschön, detailliert und in jedem Projekt ohne Zuordnung zu verwenden.
Das Ergebnis waren etliche Apps, die dies für ihre Interfaces nutzten, was dazu führte, dass andere ähnliche freie Texturen veröffentlichten und von Interfacedesignern aufgegriffen wurden. Der Zyklus wird auch nach zwei Jahren fortgesetzt! Halte ich diesen trend für überstrapaziert? Sie wetten Bin ich selbst an Bord gesprungen? Na sicher!
Retro Schnittstellen
Alle Trends, auf die wir bisher hingewiesen haben, scheinen den "Realismus" anzunehmen. Perspektive, Software-Schnittstellen wie reale physische Schnittstellen wirken zu lassen. Innerhalb dieser Tendenz gibt es auch einige schwerwiegende Nischen, von denen die am meisten sabbernden Tendenzen sind, alles Retro zu sein.
Designer: Callum Chapman, Mike | Creative Mints, G? Khan Kurt und Gianluca Divisi
Designer lieben es, die Geräte aus den vergangenen Jahrzehnten mithilfe von Pixeln neu aufzubauen. Es gibt definitiv Höhen und Tiefen in diesem Bereich der Benutzeroberfläche. Einige der Schnittstellen fühlen sich am Ende hektisch und klobig an, wobei der Retro-Aspekt eher ein ärgerliches Hindernis ist als etwas, das die Erfahrung tatsächlich fördert.
Allerdings sind einige Retro-Interfaces einfach wunderbar zu bedienen. Hier ist die Retro-Komponente der Schlüsselaspekt für die angenehme Natur der Anwendung. Zum Beispiel ziehen Sie Ihre Fotos in der Mac-App "Instant" auf eine alte Polaroid-Kamera, die das Foto dann ausspuckt, während Sie darauf warten, dass es entwickelt wird. wie in alten Zeiten. Es ist nicht ideal für die normale Fotobearbeitung, aber für das Erstellen von Retro-Polaroid-Aufnahmen ist es ein Riesenspaß.
Benachrichtigungsfelder
Ich bin immer fasziniert, wenn eine Grundform plötzlich abhebt und populär wird. In einem Beitrag aus dem letzten Jahr haben wir uns angesehen, wie sich Bandformen im Web etablieren. Heutzutage sehe ich Tonnen von Tonnen dieser Form, die ich aus Mangel an besseren Bezeichnungen als Benachrichtigungsbox bezeichnen werde.
Wie Sie sehen, ist es im Grunde nur eine Kiste, aus der ein Dreieck herausspringt. Das Dreieck hilft, den Inhalt der Box an ein Formular, eine Schaltfläche oder einen anderen Inhalt zu binden und kann sich an einer beliebigen Kante der Box befinden.Glauben Sie mir nicht, dass diese Form plötzlich super beliebt ist? Hier einige Beispiele, die ich in etwa zwei Minuten der Suche gefunden habe.
Designer: Morgan Allan Knutson, Jason Wu, Justalab und Mikael Eidenberg
Ich scheine es momentan nicht zu finden, aber ich habe sogar eine kleine Web-App gesehen, mit der Benutzer diese Form in reinem HTML und CSS anpassen und generieren können. Es ist witzig, wie kleine Dinge sich durchsetzen und plötzlich sieht man sie überall.
Aktualisieren: Die vorgenannte Seite ist CSSArrowPlease. Vielen Dank an den Kommentator Jack, dass er darauf hingewiesen hat!
Schneewittchen UI
Das? Minimal? Bewegung ist in der Welt der Benutzeroberfläche lebendig. Viele Designer gehen den Weg, fast völlig farblos zu sein, und entscheiden sich stattdessen für ein komplett hellgraues oder weißes Farbschema.
Designer: Matt Gentile, Daryl Ginn, Morgan Allan Knutson, Norm
Wie Sie in den Beispielen oben sehen können, stehen Schaltflächen und Formularelemente für diesen Trend im Vordergrund. Dezente Farbverläufe, einzelne Pixelumrisse und häufig eingesetzte Schatten bestimmen die Ästhetik. Das Ergebnis ist eine sehr leichte, luftige Erfahrung, die sich recht förmlich anfühlt.
Es ist auch interessant zu wissen, dass UI-Kits immer beliebter werden. Ich bin nicht sicher, wer die erste Person war, die ein paar UI-Elemente in einen kostenlosen Download übertrug. Die Idee hat sich jedoch durchgesetzt und ist nach wie vor ein Favorit der Freebie-Finder.
Welche Trends haben Sie im UI-Design gesehen?
Diese Sammlung ist eine völlig zufällige Streuung von Ideen, die ich in letzter Zeit viel gesehen habe. Ich bin mir sicher, ich habe eine Menge anderer populärer Trends vermisst, auf die UI-Designer stoßen, und ich würde gerne Ihr Feedback hören.
Welche Arten von Design haben Sie in letzter Zeit häufig gesehen? Stellen Sie auch fest, dass der Minimalismus vor einigen Jahren (z. B. Google) zu einer dramatischen Reaktion realistischer Schnittstellen geführt hat, wie sie aus dem Apple iOS / OS X-Camp stammen? Hinterlasse einen Kommentar und lass es uns wissen!