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

Heute präsentieren Designer ein schickes neues Präfix (wie IxD, UI, Motion Design), verwenden modernste Tools (denken Sie an Sketch, Figma, Invision) und haben die besten Online-Ressourcen (denken Sie an Dribbble, Muzli), um sich zu orientieren sie in ihrer täglichen Arbeit.

Ein weiteres großes Upgrade ist, dass die heutigen Designer einen Platz auf dem 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 auf ihren Schultern. Um nahtlose Erfahrungen zu schaffen und emotionale Verbindungen zwischen Mensch und Technologie zu ermöglichen.

Gutes Design macht etwas verständlich und einprägsam. Großartiges Design macht etwas unvergessliches und bedeutungsvolles.

Obwohl wir im Zuge unserer beruflichen Weiterentwicklung immer wieder 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 ihres Gewichts auf dem Bildschirm. Die visuelle Hierarchie erklärt, wie wir Inhalte und Designelemente effektiv organisieren können. Es ist natürlich, dass Elemente mit mehr visuellem Gewicht die Aufmerksamkeit der Benutzer auf sich ziehen. Dieses Verhalten sollte beim Entwerfen eines Layouts berücksichtigt werden.

• Stellen Sie visuelle Beziehungen zwischen Layoutelementen her
• Fügen Sie dann jedem der Elemente unterschiedliche visuelle Gewichtungen hinzu
• Schließlich Augenbewegungsmuster erstellen

Zum Beispiel würde der Titel eines Blogs mehr Aufmerksamkeit erfordern als der Haupttext. In ähnlicher Weise benötigt ein Call-to-Action (CTA) im Interface-Design möglicherweise eine besondere Bedeutung als andere. Wann immer wir versuchen, Informationen visuell zu verstehen, beobachten 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 Schnittstellen zu entwerfen. Es geht nicht nur um helle und dunkle Farbkontraste oder kleine und große Größen: Es ist mehr als das. Der Kontrast hilft uns, unsere Inhalte besser zu organisieren, außerdem hilft er den Benutzern, sich auf bestimmte Elemente zu konzentrieren. Neben der Betonung von Elementen schafft es auch ein visuelles Gleichgewicht und Interesse am Design. Zu viel Kontrast kann jedoch für Benutzer verwirrend sein. Es könnte viele Schwerpunkte schaffen, aufgrund derer es für Benutzer schwierig sein könnte, beabsichtigte Maßnahmen zu ergreifen. Strebe danach, genau den richtigen Kontrast zu erzeugen, indem du spielst mit:

Größe

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

3. Nähe

Dieses Prinzip beschreibt, dass visuelle Elemente als verwandt wahrgenommen werden, wenn sie visuell ähnlich sind. Auf diese Weise werden visuell ähnliche Elemente hauptsächlich als Gruppe und nicht als einzelne Elemente betrachtet. So können wir das Prinzip der Nähe im UI-Design nutzen, um ähnliche Informationen zu gruppieren, die miteinander in Beziehung stehen. Wir schreiben z. B. Subtext unter einen Titel, um ihn zu unterstützen. Das Prinzip der Nähe hilft Designern, die Benutzeroberfläche für Benutzer leicht zu scannen und zu verstehen. Es ist eine erwiesene Tatsache, dass Nähe andere Werkzeuge wie Farben, Formen oder Stile überwältigt.

Einer der Bereiche, in denen Nähe beim Interface-Design eine wichtige Rolle spielt, ist die Typografie. Benutzer lesen nicht gerne lange Texte. Es fällt ihnen schwer, wichtige Informationen zu identifizieren. Daher sollten Designer große Textblöcke in kleinere Teile zerlegen, damit Benutzer die Informationen leicht erfassen und verarbeiten können. Im Gegensatz dazu müssen Gegenstände, die zu verschiedenen Gruppen gehören, weit genug entfernt platziert werden, um eine negative Beeinflussung zu verhindern. zB

4. Guthaben

Eine ausgewogene Komposition fühlt sich stabil und angenehm für das Auge an, während ein unausgewogenes Design zu Instabilität und Ablenkung führen kann. Bei der visuellen Ausgewogenheit geht es darum, sowohl negative als auch positive Elemente in gleichen Anteilen im Design zu haben. Eine ausgewogene Komposition kann einige Bereiche haben, die die Aufmerksamkeit der Benutzer auf sich ziehen, sollte aber nicht mit der Sichtbarkeit anderer Elemente kollidieren. Denken Sie daran, dass das visuelle Gleichgewicht das physische Gleichgewicht realer Produkte imitieren sollte, um die Benutzer mit dem Design zu beschäftigen. Designer können eine Komposition ausbalancieren, indem sie mit dem visuellen Gewicht der Elemente spielen. Das visuelle Gewicht kann dadurch bestimmt werden, wie stark ein Element hervorsticht. Es gibt mehrere Parameter, die das visuelle Gewicht eines Elements beeinflussen, z. B. Größe, Farbe, Kontrast und Dichte.

Das menschliche Gehirn neigt dazu, größere Dinge so zu interpretieren, dass sie mehr Gewicht haben. Dieselbe Psychologie gilt auch für digitale Schnittstellen.