Eurawest Logo
modernes UI-Design

Was unterscheidet ein Design als modernes UI-Design oder traditionelles Design?

Die Bedeutung variiert von Person zu Person. Aber ich konnte das nicht einfach sagen und weggehen. Infolgedessen habe ich einen ganzen Tag damit verbracht, mir eine Vielzahl von Anwendungen anzusehen, die wir für aktuell, jugendlich und hip halten. Airbnb, Coinbase, Robinhood, Uber, Swiggy, Headspace, Cocoon, Eventbrite, Public, Wise und Google Pay sind nur einige Beispiele für beliebte Apps. Ob Sie sich fragen, ob ich jede einzelne dieser Anwendungen heruntergeladen habe, ich habe dazu Mobbin verwendet.

Als ich mir all diese Anwendungen ansah, bemerkte ich, dass nicht alle einen ausgeklügelten Designansatz wie Creds Neumorphismus verwendeten, um sie aktuell erscheinen zu lassen. Sie sahen aufgrund einiger grundlegender Dinge zeitgemäß aus. Es war so einfach, dass ich es in fünf kurzen Anweisungen zusammenfassen konnte.

1. Es gibt Raum

Scheuen Sie sich nicht, viel Platz zu verwenden. Zeilenhöhe, Polsterung und Ränder, insbesondere die horizontalen Ränder, sind wichtige Überlegungen. Ich habe entdeckt, dass Designer eine intrinsische Angst davor haben, mehr Platz zu schaffen. Die Idee ist, so viel Material wie möglich die meiste Zeit in das Ansichtsfenster des Benutzers zu passen.

Über 87 Prozent der Bevölkerung haben ein Gadget mit einer Auflösung von mehr als 720 Pixel. Schauen Sie sich die Zahlen an.

Dies impliziert, dass es viel Platz gibt, um vertikal zu expandieren. Probieren Sie 12 Pixel aus, wenn Sie glauben, dass Sie einen Rand von 8 Pixel benötigen. Beginnen Sie mit einer größeren Menge und reduzieren Sie diese, wenn es zu viel wird.

2. Kopfzeilen, die nicht sichtbar sind

Solide Header sind ein Rückblick auf das Jahrzehnt der 2010er Jahre. Das Entfernen dieser einfarbigen Header im Internet ist die einfachste Methode, um Ihre App aktueller erscheinen zu lassen (anders als die Hintergrundfarbe). Wenn der Benutzer die Seite nach unten scrollt, können stattdessen Kopfzeilen eingeblendet werden, um Kontext oder schnelle Aktionen bereitzustellen. Dies bietet Ihrem Design den dringend benötigten weißen Raum, wodurch es luftiger und weniger überfüllt wirkt.

3. Scheuen Sie sich nicht, Ihre Kurven zu zeigen.

In der Natur begegnen uns selten Gegenstände mit scharfen Kanten. Es gibt viele abgerundete Ecken auf dem Globus. Sie werden durch scharfe Ecken verletzt. Scharfe Kanten sind zu vermeiden.

Scharfe Gegenstände haben uns gelehrt, sie als bedrohlich oder aggressiv anzusehen, wohingegen rundere Gegenstände uns gelehrt haben, sie als freundlich oder sicher zu betrachten. Diese Unterscheidung kam unseren Überlebensbemühungen zugute. Bis heute haben wir uns unseren grundlegenden Überlebensinstinkt bewahrt.

Wenn Sie nicht aggressiv sein wollen, vermeiden Sie scharfe Kanten. Actionspiele sind ein wunderbares Beispiel dafür, wie man scharfe Kanten einsetzt.

Nebenbei bemerkt, unsere Vorliebe für runde Gegenstände hat möglicherweise scharf aussehende Wölfe in die runden Dummköpfe verwandelt, die wir jetzt Hunde nennen, den besten Freund des Menschen.

Warum keine Schnittstellen, wenn wir unsere Hunde rundlich lieben?

4. Verwenden Sie Bilder

Menschen sind in erster Linie visuelle Wesen. Fotos und Illustrationen sind auf fast jeder Website zu finden und es gibt zwei Arten von Bildern, die im UX-Design verwendet werden. Wenn Sie glauben, dass eine Illustration eine Botschaft vermitteln kann, verwenden Sie sie. Wenn Sie der Meinung sind, dass ein Bild zusätzlichen Kontext bietet, geben Sie es an. Brechen Sie langwieriges Scrollen des Materials mit angemessenen Bildabständen auf.

Laut einer Studie der 3M Corporation verdauen Menschen Bilder 60.000 Mal schneller als Text.

5. Bewegung

Bewegung ist etwas, womit ich mich noch auseinandersetze. Aber fühlt es sich nicht großartig an, eine App zu verwenden, die so mühelos dahingleitet?

Die oben aufgeführten Empfehlungen würden das Erscheinungsbild Ihrer Benutzeroberfläche sofort verbessern. Es gibt jedoch eine Reihe zusätzlicher Aspekte wie Schriftart, Farben, Ikonografie und Schatten, die beeinflussen, wie poliert Ihr Endprodukt aussieht. Die einzige Möglichkeit, sie zu verbessern, besteht darin, Ihren Geschmack zu üben, indem Sie Designs aus Ihrer Lieblings-App studieren und neu erstellen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert