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 entwickelt?

Heute stellen Designer ein schickes neues Präfix (wie IxD, UI, Motion Design) zur Schau, verwenden modernste Tools (denken Sie an Sketch, Figma, Invision) und verfügen über die besten Online-Ressourcen (denken Sie an Dribbble, Muzli), um sie bei ihrer Arbeit zu unterstützen tägliche 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 Technik zu ermöglichen.

Gutes Design macht etwas verständlich und einprägsam. Großartiges Design macht etwas unvergesslich und bedeutungsvoll.

– Dieter Rams

Während 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 die Essenz 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 Gewichte hinzu

Endlich Muster der Augenbewegung erstellen

Beispielsweise würde der Titel eines Blogs mehr Aufmerksamkeit erfordern 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 Folgendem spielen:

Größe

Farbe

Gewicht

Stile

Schriftarten

unter

Serife

serifenlose Fill

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 eine wichtige Rolle im Interface-Design 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 verhindern. z.B.

4. Gleichgewicht

Eine ausgewogene Zusammensetzung fühlt sich stabil und angenehm für das Auge an, während ein unausgewogenes Design Instabilität und Ablenkung erzeugen 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 die physische Balance realer Produkte imitieren sollte, 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. Die gleiche Psychologie gilt in Digi