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 angesehen wurden. Alte Designer, erinnern Sie sich an Ihre CoralDraw-Tage? Wie sehr haben wir uns Ihrer Meinung nach in den letzten Jahren weiterentwickelt?

Heute stellen Designer ein schickes neues Präfix zur Schau (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) als Anleitung sie in ihrer täglichen Arbeit.

Ein weiteres großes Upgrade ist, dass die Designer von heute einen Platz auf dem Tisch haben. Warum, mag man denken. Der Grund dafür ist, dass wir heute immer mehr digitale Produkte verwenden und uns in Richtung eines vollständig digitalen Ökosystems bewegen. UI-Designer sind die Ermöglicher dieser magischen, fast lebensechten Oberflächen, mit denen wir jeden Tag interagieren. Designer genießen zwar eine größere Autorität, tragen aber auch eine größere Verantwortung auf ihren Schultern. Um nahtlose Erlebnisse 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 unvergesslich und bedeutungsvoll.

Obwohl wir im Zuge unserer beruflichen Weiterentwicklung gerne 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 Bedeutungsvolles erreichen.

1. Hierarchie

Hierarchie ist, ähnlich wie ihre traditionelle Bedeutung, die Anordnung von Elementen auf dem Bildschirm nach ihrer Bedeutung oder Gewichtung. Visuelle Hierarchie erklärt, wie wir Inhalte und Gestaltungselemente effektiv organisieren können. Es ist natürlich, dass Elemente mit mehr visuellem Gewicht dazu neigen, die Aufmerksamkeit der Benutzer auf sich zu 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
• Erstelle endlich Muster der Augenbewegung

Beispielsweise erfordert der Titel eines Blogs mehr Aufmerksamkeit als der Fließtext. Ebenso kann ein Call-to-Action (CTA) im Interface-Design besondere Bedeutung haben als andere. Wann immer wir versuchen, Informationen visuell zu verstehen, beobachten wir zuerst Ä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 entwickeln. Dabei geht es nicht nur um helle und dunkle Farbgegensätze oder kleine und große Größen, sondern um mehr. Kontrast hilft uns, unsere Inhalte besser zu organisieren und hilft den Benutzern, sich auf bestimmte Elemente zu konzentrieren. Neben der Betonung von Elementen schafft es auch eine visuelle Balance und ein Interesse am Design. Zu viel Kontrast kann jedoch für Benutzer verwirrend sein. Es könnte viele Schwerpunkte schaffen, aufgrund derer Benutzer es möglicherweise schwierig finden, beabsichtigte Maßnahmen zu ergreifen. Versuchen Sie, genau den richtigen Kontrast zu erzeugen, indem Sie mit folgenden Elementen spielen:

Größe

• Farbe
• Gewicht
• Stile
• Schriftarten
• unter
• Serifen
• 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 optisch ä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. z. B. schreiben wir einen Subtext unter einen Titel, um ihn zu unterstützen. Das Prinzip der Nähe hilft Designern, die Benutzeroberfläche leicht zu durchsuchen und zu erfassen. Es ist erwiesen, dass Nähe andere Werkzeuge wie Farben, Formen oder Stile übertrifft.

Einer der Bereiche, in denen Nähe beim Interface-Design eine wichtige Rolle spielt, ist die Typografie. Benutzer mögen es nicht, lange Textblöcke zu lesen. Es ist schwer für sie, wichtige Informationen zu identifizieren. Daher sollten Designer große Textblöcke in kleinere Teile zerlegen, damit Benutzer die Informationen leicht erfassen und verdauen können. Im Gegenteil, Gegenstände, die verschiedenen Gruppen angehören, müssen weit genug entfernt platziert werden, um eine negative Beeinflussung zu vermeiden. z.B.

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 Balance geht es darum, sowohl negative als auch positive Elemente in gleichen Anteilen im Design zu haben. Eine ausgewogene Komposition kann einige Bereiche aufweisen, die die Aufmerksamkeit der Benutzer auf sich ziehen, aber sie sollte nicht mit der Sichtbarkeit anderer Elemente kollidieren. Denken Sie daran, dass die visuelle Balance diephysisches Gleichgewicht realer Produkte, um die Benutzer mit dem Design zu beschäftigen. Designer können eine Komposition ausbalancieren, indem sie mit der visuellen Gewichtung der Elemente spielen. Visuelles 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.