Grafikdesign (als Disziplin) hat sich in den letzten zwei Jahrzehnten mehr als alles andere weiterentwickelt. Es gab eine Zeit, in der Designer nur als Ausführende galten. Erinnern Sie sich, alte Designer, an Ihre CoralDraw-Tage? Wie sehr haben wir uns Ihrer Meinung nach in den letzten Jahren weiterentwickelt?

Heutzutage präsentieren Designer ein schickes neues Präfix (z. B. IxD, UI, Motion Design), verwenden modernste Tools (denken Sie an Sketch, Figma, Invision) und verfügen über die besten Online-Ressourcen (denken Sie an Dribbble, Muzli), die ihnen den Einstieg erleichtern ihre tägliche Arbeit.

Ein weiteres großes Upgrade besteht darin, dass die heutigen Designer einen Platz am Tisch haben. Warum, mag man denken. Der Grund dafür ist, dass wir heute immer mehr digitale Produkte nutzen und uns in Richtung eines vollständig digitalen Ökosystems bewegen. UI-Designer sind die Ermöglicher dieser magischen, fast lebensechten Schnittstellen, mit denen wir jeden Tag interagieren. Während Designer eine größere Autorität genießen, tragen sie auch eine größere Verantwortung. Um nahtlose Erlebnisse zu schaffen und emotionale Verbindungen zwischen Mensch und Technologie zu ermöglichen.

Gutes Design bedeutet, etwas verständlich und einprägsam zu machen. Großartiges Design bedeutet, etwas Einprägsames und Bedeutsames zu schaffen.

Während wir im Zuge unserer beruflichen Weiterentwicklung weiterhin neue Tricks und Trends entdecken und lernen möchten, ist es ebenso wichtig, den grundlegenden und zeitlosen Konzepten treu zu bleiben, die das Wesen des UI-Designs ausmachen.

Heute möchte ich Sie durch einige grundlegende, aber wichtige Prinzipien führen, die sicherstellen, dass Sie jedes Mal, wenn Sie digitale Produkte entwerfen, etwas Einprägsames und Bedeutsames erreichen.

1. Hierarchie

Hierarchie ist, ähnlich wie ihre traditionelle Bedeutung, die Anordnung von Elementen in der Reihenfolge ihrer Wichtigkeit oder Gewichtung auf dem Bildschirm. Visuelle Hierarchie erklärt, wie wir Inhalte und Designelemente effektiv organisieren können. Es ist natürlich, dass Elemente mit mehr visuellem Gewicht dazu neigen, die Aufmerksamkeit der Benutzer zu erregen. Dieses Verhalten sollte bei der Gestaltung eines Layouts berücksichtigt werden.

SaYTBBLFFn

Erstellt visuelle Beziehungen zwischen Layoutelementen

Fügen Sie dann jedem der Elemente

unterschiedliche visuelle Gewichte hinzu

Erstellen Sie schließlich Augenbewegungsmuster

Der Titel eines Blogs würde beispielsweise mehr Aufmerksamkeit erfordern als der Fließtext. Ebenso könnte beim Interface-Design ein Call-to-Action (CTA) eine besondere Bedeutung haben als andere.Wann immer wir versuchen, Informationen visuell zu verstehen, bemerken wir zunächst Ähnlichkeiten und Unterschiede in dem, was wir sehen. Diese Beziehungen ermöglichen es uns, Objekte zu unterscheiden.

2. Kontrast

Kontrast ist ein weiteres wichtiges Prinzip, das uns hilft, bessere Benutzeroberflächen zu entwerfen. Dabei geht es nicht nur um helle und dunkle Farbkontraste oder kleine und große Größen, es geht um mehr als das. Der Kontrast hilft uns, unsere Inhalte besser zu organisieren und den Benutzern dabei zu helfen, sich auf bestimmte Elemente zu konzentrieren. Neben der Betonung von Elementen schafft es auch eine visuelle Ausgewogenheit und Interesse am Design. Zu viel Kontrast kann jedoch für Benutzer verwirrend sein. Es könnten viele Schwerpunkte entstehen, aufgrund derer es für Benutzer schwierig sein könnte, beabsichtigte Maßnahmen zu ergreifen. Versuchen Sie, genau das richtige Maß an Kontrast zu erzeugen, indem Sie mit Folgendem spielen:

Größe

• Farbe
• Gewicht
• Stile
• Schriftarten
• unter
• Serife
• Serifenlose Füllung