Metro Design

Veröffentlicht von in Trends, Webdesign

Webdesign – Back to the roots

Metro Design

Windows 8

Endlich ist es so weit, Webdesigner können sich austoben:
CSS3, HTML 5, Google Webfonts, jQuery ermöglichen jede Menge Farbverläufe, 3D Effekte, Schattierungen, Glossy, runde Ecken etc… Das alles lässt sich jetzt einsetzen für neue, noch aufwendigere Webdesigns.

Und als neuer Trend erscheint: METRO Design – welches erklärtermaßen auf all diese schönen Möglichkeiten die diese Technologien bieten explizit verzichtet … ausgerechnet. Warum das so ist … ?

Was ist passiert?

Microsoft hat beschlossen eine Revolution auszulösen …

Metro Smart-Device

METRO auf Smart Device

Microsoft hat am 26. Oktober 2012 Windows 8 veröffentlicht. Das Design der Benutzeroberfläche wurde METRO getauft. (Mittlerweile verzichtet Microsoft mit Rücksicht auf den gleichnamigen Deutschen Handelspartner auf diese Bezeichnung). Die Metro-Benutzeroberfläche bietet eine einheitliches Konzept für die Darstellung und Benutzung auf Mobiltelefonen, Tabletcomputern und Desktopcomputer, eine Bedienung mit und ohne Maus und Tastatur ist möglich. Mittlerweile ist ein deutlicher Trend erkennbar, der die Formensprache von METRO als METRO Design aufgreift.

Was ist METRO Design?

pong

Redux to the Max

METRO Design lässt sich am besten mit dem Begriff Reduktion erfassen, oder als „Neue Sachlichkeit“. Auf alle gestalterischen Aufwendigkeiten wird verzichtet: Flaches Design, keine Schattierungen, keine Rundungen sondern Aufteilung in klare, gerade Flächen, Kacheln. Starke Vereinfachungen und Wechsel von Ikonografie zu Typografie, Ausrichtung an strengem Gitter, Ausrichtung am Goldenen Schnitt, Nutzung klarer serifenloser Schriften, klare Farben, schlichte, präzise und elegante Präsentation des wesentlichen Inhaltes ohne großes „ChiChi“.

Das kommt Ihnen bekannt vor?

Bauhaus Revisited

Bauhaus Revisited

Redux to the Max  – das alles ist natürlich bereits da gewesen. Die Neue Sachlichkeit, das Bauhaus, die Maxime Form Follows Function, diese Bewegungen und Postulate des vergangenen Jahrhunderts werden in METRO Design erneut aufgegriffen und gezielt verwendet.

Diese Entwicklung erscheint fast zwangsläufig. Nachdem die Oberflächengestaltung den Webdesignern neue Herausforderungen stellt in Sachen Wiedererkennbarkeit und Bedienbarkeit auf verschiedensten Ausgabegeräten ist METRO Design eine der ersten Antworten auf die neuen Designerfordernisse: Zusammenführung der verschiedenen Devices in eine gemeinsame, übergreifende Oberflächengestaltung, gekoppelt mit der Möglichkeit der „universellen Bedienbarkeit“.

Oder anders ausgedrückt:
METRO Design bemüht sich um die Erzeugung eines konsequenten und konsistenten Nutzungserlebnisses.

Weiterführende Links:

Einen guten Überblick über METRO Design erhält man im
Video-Vortrag auf dem Hamburger Webmontag von Silke Voigts

Einführung in METRO Design & Metro Style UI auf MSN Video

Windows 8 Kritik Usibility Papst Jakob Nielsen über Windows 8

Weitere Artikel

  • Sicherheitsschlüssel in WordPressSicherheitsschlüssel in WordPress Schnell, einfach & sicher:  WordPress Sicherheitsschlüssel in der Datei wp-config.php anlegen Wozu dienen die Sicherheitsschlüssel in WordPress? Beim Loggin-Prozess werden […]
  • WordCamp HamburgWordCamp Hamburg Moin Moin. Vom 14. bis 15. Juni 2014 fand das WordCamp Hamburg 2014 #wchh14 im Geomatikum der Uni Hamburg statt. Ich war dabei ... ... und habe ein spannendes und informatives WordCamp […]
  • Suchmaschinenoptimierung – ein EinstiegSuchmaschinenoptimierung – ein Einstieg Was können Sie tun, damit ihre Seite bei Google & Co. gefunden werden kann? Eine Anleitung, wie sie einfach und kostenlos nach vorne kommen.
  • E-Mail Verschlüsselung – Sicherheit beim E-MailversandE-Mail Verschlüsselung – Sicherheit beim E-Mailversand Wie schützen Sie sich gegen Prism & Co. Software zur E-Mail Verschlüsselung für Mac OSX & Windows. Sicherheit beim E-Mail-Versand.