Grafikdesign (als Disziplin) hat sich in den letzten beiden Jahrzehnten mehr als alles andere weiterentwickelt. Es gab eine Zeit, in der Designer nur als Ausführende betrachtet wurden. Alteingesessene Designer, erinnert ihr euch an eure CoralDraw-Zeiten? Wie sehr haben wir uns eurer Meinung nach in den letzten Jahren weiterentwickelt?

Heute protzen Designer mit einem schicken neuen Präfix (wie IxD, UI, Motion Design), verwenden hochmoderne Tools (denken Sie an Sketch, Figma, Invision) und haben die besten Online-Ressourcen (denken Sie an Dribbble, Muzli), die sie bei ihrer täglichen Arbeit unterstützen.

Ein weiterer großer Fortschritt ist, dass die Designer von heute ein Mitspracherecht haben. Warum, könnte man denken. Der Grund dafür ist, dass wir heute zunehmend mehr digitale Produkte verwenden und uns in Richtung eines vollständig digitalen Ökosystems bewegen. UI-Designer ermöglichen die magischen, beinahe lebensechten Schnittstellen, mit denen wir täglich interagieren. Designer haben zwar mehr Autorität, tragen aber auch eine größere Verantwortung. Sie müssen nahtlose Erlebnisse schaffen und emotionale Verbindungen zwischen Mensch und Technologie herstellen.

Gutes Design bedeutet, etwas verständlich und einprägsam zu machen. Großartiges Design bedeutet, etwas einprägsam und bedeutungsvoll zu machen.

Während wir im Zuge unserer beruflichen Entwicklung weiterhin 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 Ihnen einige grundlegende, aber wichtige Prinzipien vorstellen, die dafür sorgen, dass Sie bei jedem Entwurf digitaler Produkte etwas Einprägsames und Bedeutungsvolles erreichen.

1. Hierarchie

Hierarchie ist, ähnlich wie ihre traditionelle Bedeutung, die Anordnung von Elementen in der Reihenfolge ihrer Wichtigkeit oder Gewichtung 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 Entwurf eines Layouts berücksichtigt werden.

• Visuelle Beziehungen zwischen Layout-Elementen herstellen
• Dann jedem Element unterschiedliche visuelle Gewichte hinzufügen
• Abschließend Muster für die Augenbewegung erstellen

Beispielsweise würde der Titel eines Blogs mehr Aufmerksamkeit erfordern als der Haupttext. Ähnlich verhält es sich beim Interface-Design:Ein Call-to-Action (CTA) muss möglicherweise besonders wichtig sein als andere. Wenn wir versuchen, Informationen visuell zu verstehen, bemerken 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 entwerfen. Es geht nicht nur um helle und dunkle Farbgegensätze oder kleine und große Größen: Es ist mehr als das. Kontrast hilft uns, unsere Inhalte besser zu organisieren, und er hilft Benutzern, sich auf bestimmte Elemente zu konzentrieren. Neben der Hervorhebung von Elementen sorgt er auch für ein visuelles Gleichgewicht und Interesse am Design. Zu viel Kontrast kann jedoch für Benutzer verwirrend sein. Er könnte viele Brennpunkte schaffen, aufgrund derer es Benutzern schwerfallen könnte, beabsichtigte Aktionen auszuführen. Versuchen Sie, genau das richtige Maß an Kontrast zu erzeugen, indem Sie mit Folgendem experimentieren:

Größe

• Farbe
• Stärke
• Stile
• Schriftarten
• unter
• Serifenschrift
• Serifenlose Füllung