![Page 1: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/1.jpg)
![Page 3: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/3.jpg)
![Page 4: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/4.jpg)
ETRO METRO DESIGN IST UNSERE
DESIGNSPRACHE. WIR NENNEN SIE
METRO DESIGN, WEIL SIE MODERN
UND KLAR IST. SIE IST SCHNELL UND
LEBENDIG. ES GEHT UM INHALT
UND TYPOGRAPHIE. UND SIE IST
VOLLKOMMEN AUTHENTISCH.
![Page 5: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/5.jpg)
![Page 6: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/6.jpg)
![Page 7: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/7.jpg)
![Page 8: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/8.jpg)
![Page 9: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/9.jpg)
![Page 10: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/10.jpg)
![Page 11: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/11.jpg)
![Page 12: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/12.jpg)
![Page 13: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/13.jpg)
Content Before Chrome
![Page 14: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/14.jpg)
![Page 15: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/15.jpg)
![Page 16: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/16.jpg)
![Page 17: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/17.jpg)
Typografie
![Page 18: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/18.jpg)
![Page 19: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/19.jpg)
![Page 20: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/20.jpg)
Layout
![Page 21: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/21.jpg)
![Page 22: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/22.jpg)
![Page 23: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/23.jpg)
![Page 24: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/24.jpg)
![Page 25: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/25.jpg)
![Page 26: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/26.jpg)
![Page 27: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/27.jpg)
![Page 28: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/28.jpg)
![Page 29: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/29.jpg)
Informationen vs. Metapher
![Page 30: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/30.jpg)
![Page 31: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/31.jpg)
![Page 32: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/32.jpg)
![Page 33: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/33.jpg)
![Page 34: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/34.jpg)
![Page 35: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/35.jpg)
![Page 36: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/36.jpg)
Bewegung
![Page 37: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/37.jpg)
![Page 38: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/38.jpg)
![Page 39: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/39.jpg)
![Page 40: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/40.jpg)
![Page 41: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/41.jpg)
![Page 42: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/42.jpg)
![Page 43: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/43.jpg)
![Page 44: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/44.jpg)
Windows Developer Preview
![Page 45: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/45.jpg)
ETRO METRO DESIGN IST UNSERE
DESIGNSPRACHE. WIR NENNEN SIE
METRO DESIGN, WEIL SIE MODERN
UND KLAR IST. SIE IST SCHNELL UND
LEBENDIG. ES GEHT UM INHALT
UND TYPOGRAPHIE. UND SIE IST
VOLLKOMMEN AUTHENTISCH.
![Page 46: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/46.jpg)
![Page 47: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/47.jpg)
Metro-Stil Prinzipien
• Seien Sie stolz auf Ihre gute Arbeit
• Schnell und dynamisch
• Digital authentisch
• Weniger ist mehr
• Gemeinsam gewinnen
![Page 48: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/48.jpg)
Seien Sie stolz auf Ihre gute Arbeit
• Arbeiten Sie sorgfältig an den Details. • Machen Sie die Nutzung von Apps sicher und
zuverlässig. • Setzen Sie auf Balance, Symmetrie und Hierarchie, um
das Vertrauen zu fördern und das Gefühl von Integrität zu vermitteln.
• Passen Sie das Layout Ihrer App an das Raster an, dem klassischen Metro-Stil-Layout für Apps.
![Page 49: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/49.jpg)
Schnell und dynamisch
• Reagieren Sie schnell auf Benutzerinteraktionen, und seien Sie für die nächste Interaktion bereit.
• Designen Sie für den Touchscreen und die intuitive Interaktion.
• Begeistern Sie Ihre Benutzer durch Animationen.
• Schaffen Sie eine attraktive und überwältigende UI.
![Page 50: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/50.jpg)
Digital authentisch
• Stellen Sie eine Verbindung mit der Cloud her, damit Ihre Benutzer stets miteinander verbunden sein können.
• Seien Sie dynamisch und lebendig durch Kommunikation.
• Achten Sie auf eine schöne Typografie. • Verwenden Sie kräftige, lebendige Farben. • Setzen Sie Animationen sinnvoll ein.
![Page 51: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/51.jpg)
Weniger ist oft mehr
• Seien Sie in einer Sache richtig gut, anstatt in vielen Dingen mittelmäßig.
• Inhalt ist wichtiger ist als Spielereien. • Seien Sie visuell fokussiert und direkt. Lassen Sie
die Benutzer in die Dinge eintauchen, die sie mögen, dann werden sie den Rest von selbst finden.
• Wecken Sie Vertrauen bei den Benutzern.
![Page 52: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/52.jpg)
Gemeinsam gewinnen
• Passen Sie sich an das UI-Modell an.
• Vermeiden Sie Redundanz in Ihrer UI.
• Arbeiten Sie mit anderen Apps, um Szenarien zu erstellen, indem Sie an App-Verträgen teilnehmen.
• Verwenden Sie unsere Tools und Vorlagen, um die Konsistenz zu fördern.
![Page 53: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/53.jpg)
Navigationsdesign
![Page 54: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/54.jpg)
Hierarchisches System
![Page 55: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/55.jpg)
Flaches System
![Page 56: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/56.jpg)
Navigieren durch
Streifen vom Rand
![Page 57: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/57.jpg)
![Page 58: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/58.jpg)
![Page 59: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/59.jpg)
Semantischer Zoom
![Page 60: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/60.jpg)
![Page 61: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/61.jpg)
Fingereingabe-
Interaktionsentwürfe
![Page 62: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/62.jpg)
Windows 8 - Fingereingaben
![Page 63: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/63.jpg)
Finger nutzen, wie es sinnvoll ist
![Page 64: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/64.jpg)
Inhalte mit Fingereingaben durchsuchen
![Page 65: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/65.jpg)
Rückmeldungen geben
![Page 66: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/66.jpg)
Der Inhalt folgt dem Finger
![Page 67: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/67.jpg)
Interaktionen sollten umkehrbar sein
![Page 68: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/68.jpg)
Verwendung beliebig vieler
Finger zulassen
![Page 69: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/69.jpg)
Interaktion dürfen zeitlich nicht
festgelegt sein
![Page 70: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/70.jpg)
Windows 8-Sprache für
die Fingereingabe
![Page 71: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/71.jpg)
Gedrückt halten: lernen
![Page 72: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/72.jpg)
Tippen: Hauptaktion
![Page 73: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/73.jpg)
Ziehen: Verschieben
![Page 74: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/74.jpg)
Zusammendrücken/Aufziehen
![Page 75: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/75.jpg)
Drehen
![Page 76: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/76.jpg)
Vom Rand aus streifen: App-Befehle
![Page 77: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/77.jpg)
Vom Rand aus streifen: Systembefehle
![Page 78: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/78.jpg)
Haltung bei
Fingereingabe in
Windows 8
![Page 79: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/79.jpg)
Interaktionsbereich:
![Page 80: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/80.jpg)
Lesebereich
![Page 81: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/81.jpg)
Die vier am häufigsten verwendeten Haltungen
![Page 82: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/82.jpg)
Fingereingabeziele in Windows 8
![Page 83: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/83.jpg)
Zu dicke Finger?
![Page 84: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/84.jpg)
Meine erste
Metro-Style App
![Page 85: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/85.jpg)
![Page 86: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/86.jpg)
http://design.microsoft.com
![Page 87: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/87.jpg)
Der Weg in den Windows 8 Beta
Store...
http://www.msdn-online.de/win8events
![Page 88: Metro Design Principles - download.microsoft.comdownload.microsoft.com/.../CeBIT2012_MetroDesignPrinzipien.pdf · etro metro design ist unsere designsprache. wir nennen sie metro](https://reader030.vdocuments.site/reader030/viewer/2022040206/5d66c37988c993dd5b8b54cc/html5/thumbnails/88.jpg)
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or
trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation.
Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft
cannot guarantee the accuracy of any information provided after the date of this presentation.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.