10 Top-UI-Trends für 2017
Seite 1 von 2: Seite 1- Seite 1
- Seite 2
Beim Generieren Sie San Francisco Am 9. Juni wird Aaron Gustafson zeigen, wie sich Benutzeroberflächen intelligent an die Bedürfnisse ihrer Benutzer anpassen können - langsame Verbindungen, ältere Browser, schmale Bildschirme und sogar gar keine Bildschirme. Verpassen Sie es nicht und holen Sie sich Ihre Fahrkarte heute!
Die Welt des Web- und UI-Designs ist schnelllebig und es kann schwierig sein, angesichts sich ständig ändernder Trends und Entwicklungen auf dem neuesten Stand zu bleiben. Wir wählen 10 der wichtigsten Trends aus, die Sie unserer Meinung nach 2017 umsetzen sollten - und warum.
01. Immersives Vollbildvideo
Das alte Sprichwort 'Ein Bild sagt mehr als tausend Worte' gilt bis heute und ist in der Welt des UI-Designs immer noch eine großartige Möglichkeit, die Aufmerksamkeit des Benutzers schnell auf sich zu ziehen. Das Sehen gilt als der stärkste aller menschlichen Sinne, und ein großes, einzelnes Bild kann sowohl die Botschaft als auch den Tonfall auf effiziente und prägnante Weise zusammenfassen.
Bilder sind seit langem ein fester Bestandteil des UI- und Webdesigns, und ihr Erfolg hat langsam den Weg für sein natürliches Nachfolgevideo geebnet. Wir sehen, dass Videos im digitalen Design immer mehr verwendet werden, und das aus gutem Grund. Wo traditionelle Fotografie statisch ist, ist Video dynamisch. Es ist großartig, um die Aufmerksamkeit der Benutzer auf sich zu ziehen und als visuelles Geschichtenerzählen.
Konventionelle Bilder werden nicht so schnell verschwinden, aber eines ist sicher - 2017 und darüber hinaus werden sie reichhaltiger, interaktiver und Vollbildvideos sein, um sich zu engagieren und Geschichten zu erzählen.
Warum sie benutzen?
Video (sowie große, schöne Vollbildbilder) ist ein leistungsstarkes Medium, um Benutzer zu motivieren und schnell den Ton anzugeben. Beide Medien sind sehr vielseitig einsetzbar und eignen sich besonders gut als Hintergrundgeräte mit Typografie.
02. Langforminhalt und Scrollen
Das Scrollen ist keineswegs eine neue Mechanik und definitiv kein „Trend“, sondern eine grundlegende Funktion für das Surfen im Internet und in Anwendungen. Was wir jedoch zunehmend sehen, ist die Implementierung von Long-Scroll- und Longform-Inhalten auf Desktop-Geräten und Geräten mit größerem Bildschirm, um Inhalte bereitzustellen.
Da Benutzer in den letzten Jahren das Scrollen zum Auffinden von Inhalten auf Geräten mit kleinerem Bildschirm komfortabler gemacht haben, haben immer mehr Designer begonnen, Langform-Inhalte und scrollbare Oberflächen auf größeren Bildschirmen zu implementieren.
Auf diese Weise können Benutzer sehr schnell große Mengen von Inhalten in einer einzigen, fließenden Bewegung scannen, ohne durch Navigation oder Unterbrechung aus dem Erlebnis entfernt zu werden. Es ist eine vielseitige Mechanik, die auf allen Geräten und Medien von Inhalten gut funktioniert, von Langform-Journalismus und Nachrichten bis hin zu Zielseiten und interaktiven Erlebnissen.
Warum sie benutzen?
Die lange Schriftrolle ist eine großartige Mechanik, um eine Erzählung zu erzählen oder Inhalte linear zu strukturieren, um den Benutzer zu führen. Es ist eine vielseitige Mechanik, mit der sich immersive, nahtlose Inhalte in Langform erstellen lassen, mit denen Benutzer sie unabhängig vom verwendeten Gerät flüssig verwenden können.
03. Farbverläufe und lebendige Farben
2013 brachte flaches Design, das sich anschließend wie ein Lauffeuer in der Design-Community ausbreitete, Farben stummschaltete und alle überflüssigen Elemente entfernte. Obwohl nicht ohne Mängel, flaches Design war eine praktische Philosophie, die bis heute Wert hat.
Es wurde daran geglaubt, Benutzeroberflächen auf ihre wichtigsten funktionalen Elemente zu vereinfachen, um eine verfeinerte und effizientere Benutzererfahrung zu erzielen.
Obwohl das Web funktional und in seinen Absichten gut ist, hat es das Web schnell zu einer sehr ähnlichen Landschaft gemacht. Marken und Designer aus aller Welt sprangen auf den Plan und folgten den Richtliniengrundlagen, die für viele zu Inhalten führten, die allzu ähnlich und ohne Persönlichkeit waren.
2016 lockerten sich die Fesseln des flachen Designs, als sich mehr Marken und Designer wieder auf die Persönlichkeit konzentrierten und anstelle der zuvor verwendeten einfachen, aber stumpfen, gedämpften Töne mit lebendigen Farbpaletten und Farbverläufen experimentierten.
Farbverläufe und lebendige Farben werden auch in weit mehr als nur in der traditionellen Benutzeroberfläche und im Webdesign implementiert Das umstrittene Rebranding von Instagram gezeigt. Unabhängig davon, ob sie Ihrem Geschmack entsprechen oder nicht, erwarten Sie eine Zunahme der Verwendung von Farbpaletten und Farbverläufen mit Übergangsverläufen, wenn die Welt auf Persönlichkeit drängt!
Warum sie benutzen?
Lebendige Farben und Farbverläufe eignen sich hervorragend, um einem Projekt Energie, Wärme und Dynamik zu verleihen und es von der Masse abzuheben. Seien Sie mutig und experimentieren Sie mit Ihren Farbpaletten, aber stellen Sie sicher, dass sie immer mit dem Ton Ihres Inhalts funktionieren und nicht dagegen. Sie sind auch ziemlich starke Aussagen, seien Sie also vorsichtig in ihrer Verwendung, um einen umfassenden Angriff auf die Augäpfel zu vermeiden!
04. Abbildungen
Illustrationen bieten ein Gefühl von Persönlichkeit und Charakter, das mit traditioneller Fotografie nur schwer zu erreichen ist. Maßgeschneiderte Illustrationen, die mit der Identität einer Marke übereinstimmen, ermöglichen es ihnen, sorgfältig eine visuelle Sprache zu erstellen, die ihre Persönlichkeit wirklich einfängt - nützlich, um Benutzern und Kunden ein Gefühl von Authentizität und Vertrauen zu vermitteln.
Illustrationen sind auch ein vielseitiges Medium. Einige Marken wählen möglicherweise schlanke linienbasierte Illustrationen, um diesen scharfen und raffinierten Look zu erzielen, während andere sich für rauere und handgefertigte Stile entscheiden, um sie als unterhaltsam und verspielt zu positionieren. Illustrationen eröffnen Möglichkeiten für kreative Orientierung - umso mehr, wenn sie animiert oder in Verbindung mit Fotografie und Typografie verwendet werden.
Warum sie benutzen?
Illustrationen können maßgeschneidert werden, um Persönlichkeit und Authentizität zu schaffen, zwei wichtige Komponenten, die einen großen Beitrag zur Herstellung einer sinnvollen Verbindung mit den Benutzern leisten. Sie sind in ihrer Anwendung sehr vielseitig und arbeiten fantastisch mit vielen anderen UI-Trends zusammen, die in diesem Artikel behandelt werden.
05. Das Gitter brechen
Das Gitter ist seit langem eine Art heiliger Gral für Designer und bietet eine Grundlage für Design, das für Beständigkeit, Ausgewogenheit, Rhythmus und Ordnung sorgt. Es ist ein wichtiges Werkzeug für das User Experience Design, da es den Benutzern ein gewisses Maß an Vertrautheit bietet und es ihnen ermöglicht, auf natürliche Weise durch eine Website oder App zu navigieren.
So wichtig das Raster auch ist, es kann auch restriktiv und starr sein und die kreativen Möglichkeiten für Designer einschränken. Um digitale Erlebnisse zu schaffen, die von der Tradition abweichen, experimentieren viele Web- und UI-Designer mit dem Layout von das Gitter brechen .
Durch die Abkehr vom Raster und von starren Grundlinienstrukturen erstellen Designer Websites, Anwendungen und Schnittstellen, die insgesamt faszinierender und experimenteller sind. Es eröffnet eine ganze Reihe neuer kreativer Möglichkeiten, die es Designern ermöglichen, mithilfe von Ebenen, Tiefe, Bewegung und offensichtlichen Schwerpunkten echte Statement-Stücke zu erstellen.
Warum sie benutzen?
Das Brechen des Rasters bietet mehr kreative Optionen. Seine Flexibilität kann ein Gefühl von Fluidität und Freiheit erzeugen, das sonst unerreichbar wäre. Seien Sie jedoch bei Ihrer Implementierung sehr rücksichtsvoll - alle Schnittstellen müssen in erster Linie benutzerfreundlich sein, und Ihr Designansatz sollte dies immer berücksichtigen, da Sie sonst möglicherweise einige sehr verwirrte Benutzer haben! Sie müssen auch überlegen, wie es auf kleineren Bildschirmen funktioniert, wenn Sie reaktionsschnell entwerfen.
Nächste Seite: 5 weitere Top-UI-Trends zum Erkunden
- 1
- zwei
Aktuelle Seite: Seite 1
Nächste Seite Seite 2
