Sie öffnen eine neue App. Noch kein Wort gelesen, noch keinen Button berührt. Und trotzdem hat Ihr Bauch längst abgestimmt: bleibe ich oder gehe ich?

Untersuchungen zur ersten Wahrnehmung digitaler Oberflächen zeigen, dass Menschen die optische Wirkung einer Seite in etwa fünfzig Millisekunden beurteilen. Schneller, als Sie blinzeln. Bevor der Verstand auch nur eine Chance hatte mitzureden.

Genau in diese fünfzig Millisekunden hinein arbeitet Screendesign.

Screendesign verbindet Layout, Farbe, Typografie und Interaktion zu einer klaren und nutzerfreundlichen Oberfläche.

Was Screendesign wirklich ist

Screendesign ist die Gestaltung aller sichtbaren Elemente einer digitalen Oberfläche: einer Website, einer App, einer Software. Layout, Farben, Schrift, Bilder, Buttons. Alles, was ein Mensch auf dem Bildschirm sieht und antippt.

Aber das ist nur die Materialliste.

Die eigentliche Aufgabe ist eine andere. Stellen Sie sich einen guten Gastgeber vor. Sie betreten seine Wohnung zum ersten Mal, und ohne dass er ein Wort sagt, wissen Sie, wo Sie Ihren Mantel aufhängen, wo Sie sitzen dürfen, wo das Licht angeht. Nichts drängt sich auf. Alles steht dort, wo Ihre Hand es sucht.

Schlechtes Screendesign ist die andere Wohnung. Die, in der Sie im Dunkeln über einen Stuhl stolpern und den Lichtschalter hinter der Tür nicht finden.

Screendesign ist also nicht Dekoration. Es ist Gastgeberschaft. Und es entscheidet mit darüber, ob ein digitales Produkt benutzt oder weggewischt wird.

Oft wird der Begriff mit seinen Nachbarn verwechselt. Webdesign meint enger die Gestaltung von Websites. UI-Design kümmert sich um die einzelne Schaltfläche, das einzelne Symbol. UX-Design fragt nach dem ganzen Weg, den ein Mensch durch das Produkt nimmt. Screendesign liegt mittendrin: Es gibt allem, was auf einem Bildschirm erscheint, eine sichtbare Form. Ein Begriff, der die anderen umarmt, ohne in einem von ihnen aufzugehen.

Woraus ein Screen gebaut ist

Ein guter Raum hat einen Grundriss, Licht, eine Stimme, Bilder an den Wänden und Klinken, die man greifen kann. Ein guter Screen auch.

Layout: der Grundriss

Das Layout ist das Tragwerk. Es legt fest, was oben steht, was unten, was zuerst ins Auge fällt und was warten darf. Ein verbreitetes Werkzeug dafür ist das Raster, das Grid: unsichtbare Linien, die den Bildschirm in Spalten und Zeilen teilen.

Das Grid ist für den Screen, was tragende Wände für ein Haus sind. Im fertigen Raum sieht man sie nicht. Aber ohne sie kippt alles.

Ein gutes Layout führt das Auge. Es weiß, dass der Blick links oben einsteigt und in groben Zügen die Form eines F nachzeichnet. Es nutzt dieses Wissen. Es sagt leise: hier entlang.

Farbe: das Licht im Raum

Farben setzen die Stimmung, lange bevor der Inhalt gelesen wird. Sie lenken den Blick, sie betonen, sie beruhigen.

Über Farbpsychologie kursiert allerdings viel Halbwissen. „Blau steht für Vertrauen, Rot für Dringlichkeit“ liest man überall, gern als Naturgesetz verkauft. So einfach ist es nicht. Farbwirkung hängt stark vom Kontext ab: von Kultur, Umfeld, Erfahrung. Weiß ist im einen Land Reinheit, im anderen Trauer.

Was wirklich trägt: Kontrast, Konsistenz und eine Palette, die zur Marke passt, ohne sich selbst zu übertönen. Drei klug gewählte Töne reichen weiter als zehn, die um Aufmerksamkeit streiten.

Welche Farbe Ihrer eigenen Oberfläche arbeitet eigentlich für den Nutzer, und welche nur für Ihren Geschmack?

Typografie: die Stimme

Typografie ist die Auswahl und Anordnung der Schrift. Sie ist die Stimme, mit der Ihr Produkt spricht: hektisch oder ruhig, verlässlich oder beliebig.

Auch hier hält sich ein alter Glaubenssatz hartnäckig: serifenlose Schriften seien fürs Web, Serifenschriften nur fürs Papier. Das stammt aus der Zeit grobpixeliger Monitore. Auf den hochauflösenden Displays von heute lesen sich Serifen am Bildschirm tadellos. Die echte Frage lautet nicht Serife oder nicht. Sie lautet: Lesbarkeit, Größe, Zeilenabstand, eine klare Rangordnung zwischen Überschrift und Fließtext.

Eine Schrift, die man nicht bemerkt, hat ihre Arbeit getan.

Bilder und Grafiken

Bilder sind die Wandbilder im Raum. Sie erzählen, was Worte erst umständlich erklären müssten. Sie sollten scharf sein, zum Inhalt passen und schlank laden. Ein prachtvolles Foto, das drei Sekunden zum Erscheinen braucht, ist kein prachtvolles Foto mehr. Es ist eine geschlossene Tür.

Interaktive Elemente: Klinken und Schalter

Buttons, Links, Formulare: das sind die Klinken und Lichtschalter der Oberfläche. Über sie greift der Mensch in den Raum ein. Sie müssen aussehen, als könnte man sie drücken. Sie müssen dort sitzen, wo die Hand sie vermutet. Ein Button, den man suchen muss, ist ein schlechter Button. Egal, wie hübsch er ist.

Wofür das alles da ist: die Nutzererfahrung

All das dient einem einzigen Zweck: der Nutzererfahrung, der User Experience (UX). Also dem Gefühl, das jemand mitnimmt, wenn er Ihre Oberfläche wieder verlässt.

Gute UX ist intuitive Führung, kurze Ladezeiten, klare Handlungsaufrufe, eine Gestaltung, die sich treu bleibt. Sie wird selten bewusst bemerkt. Schlechte UX dagegen merkt jeder sofort. Reibung bleibt im Gedächtnis. Mühelosigkeit verschwindet spurlos, und das ist ihr größtes Kompliment. Wer tiefer einsteigen will, findet bei der Nielsen Norman Group seit Jahrzehnten den Maßstab für nutzerzentriertes Arbeiten.

Usability und Barrierefreiheit

Usability meint die schlichte Frage: Kommt der Mensch ans Ziel, ohne zu fluchen?

Barrierefreiheit (Accessibility) geht einen Schritt weiter. Sie sorgt dafür, dass auch Menschen mit Einschränkungen den Raum betreten können. Ausreichende Schriftgrößen, hohe Kontraste, Bedienung per Tastatur, Vorlesbarkeit für Screenreader.

Lange galt das als nette Geste. Das ist vorbei. Mit dem Barrierefreiheitsstärkungsgesetz, das seit Mitte 2025 greift, ist Barrierefreiheit für viele digitale Produkte in Deutschland Pflicht. Den internationalen Maßstab dafür liefern die Web Content Accessibility Guidelines (WCAG) des W3C.

Eine Rampe neben der Treppe schließt niemanden aus. Sie lässt nur mehr Menschen herein.

Ein Raum, der sich umräumt: Mobile First und Responsive Design

Die meisten Menschen betreten Ihren Raum heute durch eine sehr kleine Tür: das Smartphone.

Mobile First bedeutet, zuerst für den kleinen Bildschirm zu gestalten und erst danach für den großen zu erweitern. Nicht umgekehrt. Wer zuerst die prächtige Desktop-Halle baut und sie dann ins Handy quetscht, presst einen Ballsaal in eine Besenkammer.

Responsive Design ist die Fähigkeit der Oberfläche, sich umzuräumen. Je nach Bildschirm rücken die Möbel zusammen oder auseinander, ohne dass der Raum seinen Charakter verliert. Derselbe Gastgeber, dieselbe Wärme. Ob im großen Wohnzimmer oder in der kleinen Küche.

Womit gestaltet wird

Screendesign entsteht selten von Hand auf Papier. Es braucht Werkzeug.

Lange war Adobe XD ein verbreitetes Programm dafür. Inzwischen ist das Geschichte: Adobe hat XD seit 2023 in den Wartungsmodus geschickt, nachdem die geplante Übernahme von Figma am Veto der Kartellbehörden scheiterte. Neue Funktionen kommen keine mehr. Wer heute anfängt, fängt woanders an.

Den Ton gibt heute Figma an, ein cloudbasiertes Werkzeug, in dem ganze Teams gleichzeitig an derselben Datei arbeiten, als säßen sie an einem Tisch. Daneben behauptet sich Sketch, ein Klassiker des Vektordesigns. Und wer auf quelloffene Software setzt, findet in Penpot eine ernstzunehmende Alternative.

Das Werkzeug macht nicht das Design. Aber das richtige Werkzeug nimmt dem Kopf die mechanische Arbeit ab, damit Raum bleibt für das, was zählt: das Denken.

Was sich gerade dreht: Trends

Moden gibt es in der Einrichtung wie im Screendesign.

2026 schweben gerade glasartige, leicht durchscheinende Flächen durch die Interfaces, von Apple unter dem Namen „Liquid Glass“ populär gemacht. Künstliche Intelligenz rückt in die Oberfläche ein, aber leiser als noch vor Kurzem: als zurückhaltender Begleiter am Rand, der fragt, bevor er handelt, statt als lärmender Autopilot, der alles an sich reißt. Streng gerasterte „Bento“-Layouts portionieren Inhalte wie ein japanisches Tablett, jeder Happen sauber für sich. Und Bewegung darf wieder etwas erklären, statt nur zu glitzern.

Der Dark Mode bleibt, was er ist: angenehm für die Augen im Halbdunkel und schonend für den Akku von OLED-Displays.

Ein Wort der Vorsicht. Trends sind das Gewürz, nicht die Mahlzeit. Eine Oberfläche, die jeder Mode hinterherläuft, schmeckt am Ende nach nichts.

Erst kommt die Klarheit. Dann die Führung. Und ganz zuletzt der Glanz.

Am Ende kehrt jeder Screen zu derselben Frage zurück, die schon an der Wohnungstür stand: Fühlt sich der Mensch hier willkommen, oder muss er kämpfen?

Gehen Sie einmal durch Ihr eigenes Produkt, als kämen Sie zum ersten Mal. Finden Sie den Lichtschalter? Oder stolpern Sie im Dunkeln über den Stuhl, den Sie selbst dort hingestellt haben?