Screendesign

Was ist Screendesign?

Screendesign beschäftigt sich mit der Anordnung und der Anzeige von Informationen auf Monitoren, die heutzutage aufgrund vieler Endgeräte wie Smartphone, Laptop und Smart Watch unterschiedliche Größen und Auflösungen aufweisen.

Responsive Layouts

Einen wichtigen Aspekt stellen in diesem Kontext responsive Layouts dar, die darauf ausgelegt sind sich an die jeweiligen Formate des Geräts anzupassen – auf diese Weise wird eine Website z.B. auf die Darstellung auf Smartphones hin optimiert, wird aber auf Desktop-Geräten weiterhin mit einer evtl. höheren Informationsdichte und einer anderen Anordnung der Interaktionselemente angezeigt.

Gestaltgesetze, Ästhetik und Styleguides

Die entwickelten grafischen Bildelemente orientiert sich an den Bedürfnissen oder Vorlieben der Nutzer, oder an allgemeine Gestaltgesetze und ästhetische Richtlinien. Die Stilelemente und deren jeweilige Einsatzbereiche werden häufig in einem sogenannten Styleguide dokumentiert, der verwendete Farben, Schriftarten und typografische Regeln, Raster– oder Spaltenformat des Layouts usw. beinhalten kann. Im Screendesign wird in der Regel in „Patterns“ gedacht. Das heißt es werden Elemente wie Buttons oder Formulare nicht Seiten-individuell, sondern global (zumeist) in einem sogenannten Design System definiert.

Accessibility (Barrierefreiheit)

Ein weiterer, essentieller Teilbereich des Screendesign stellt die Accessibility (Barrierefreiheit) dar. Ein Beispiel: Menschen mit Sehschwächen sind auf klare Kontraste angewiesen, was allerdings nicht mit sämtlichen Farbkombinationen umgesetzt werden kann. So gilt es für den Designer anhand offizieller Richtlinien wie bspw. die Web Content Accessibility Guidelines (WCAG) die Kontraste und Schriftgrößenverhältnisse dahingehend zu prüfen und die Gestaltung entsprechend auszurichten.

Wenn du ein Produkt für mehrere Endgeräte und mit ansprechender Ästhetik umsetzen möchtest, kannst du unsere Experten kontaktieren. Wir unterstützen dich gerne bei allen Themen und Fragen zu Screendesign!