Desktop Apps im Metro-Look / Windows 8 Style

image.png

Trotz des Windows 8 Stores und den Windows 8 Apps gibt es nach wie vor den Desktop – insbesondere für “Fat-Clients” wird es diesen wohl auch noch eine ganze Zeit lang geben. In einem anderen Post hatte ich bereits geschrieben wie man WPF Apps “metro-fizieren” kann, jedoch stellst sich mir die Frage: Wie kann man am besten den Windows 8 Stil in einer komplexeren App darstellen?

Microsoft schweigt – Desktop ist out.

image

Natürlich gibt es von Microsoft einen Design Guide für Windows 8 Apps – jedoch ist die herangehensweise dort “simpler” gemacht als bei einer Fat-Client Anwendung im klassischen Sinne und man kann nicht alles 1:1 in die Desktop-Welt übertragen (keine Action-Bar, Fullscreen etc.). Microsoft ist natürlich auch nicht wirklich großartig daran interessiert die Desktop-Welt zu verteidigen – wozu auch, gibt ja doch dringendere Baustellen.

Das Problem bleibt: Ein Fat-Client auf dem Desktop, der aber schick sein soll

Wie bereits erwähnt: Technisch gesehen gibts einige Tools und Möglichkeiten eine App zu dem Metro-Stil anzupassen. Aber wie kann denn so eine Anwendung denn nun aussehen?

Nach dem Motto “Good Artists Borrow, Great Artists Steal” schauen wir uns mal ein paar Beispiele an – da die Bedürfnisse je nach Anwendung verschieden sind kann ich die Anwendungen schlecht bewerten. Aber auflisten kann ich sie:

MetroTwit zum Download

image

image

image

GitHub for Windows – zum Download

image

image

image

Visual Studio 2012

Wobei hier “Metro” wirklich nur Ansatzweise zu sehen ist

image

Office 2013

Office lebt sehr vom Ribbon – welcher nach wie vor sehr präsent ist, aber auch nicht überall passt.

image

image

image 

Zune – ja, der alte Client

Ich glaube eines der ersten “Metro”-Style Apps von Microsoft. Achtung: Ich hab hier garnix eingerichtet, aber vermutlich eines der größeren Apps in diesem Stil (im klassischen Desktop).

image

image

image

image

image

image

MarkPad – zum Download

Danke an Philip für den Tipp!

image

image

MetroBackUpzum Download

Ein kleines, aber schickes Tool von Daniel Palme. In dem Blogpost erklärt er wie er die Anwendung sowohl vom UI als auch von der Architektur aufgepeppt hat.

image

image

Weitere Apps im Metro Stil, welche ich aber nicht installiert hab:

MetroStudio

Omnimo UI

Tiles

Kennt sonst noch wer gute Beispiele für eine gelunge Umsetzung des Metro-Styles in einer Desktop App?

Wenn dir der Blogpost gefallen hat, dann hinterlasse doch einen Kommentar. Wenn du auf dem Laufenden bleiben willst, abonniere unseren RSS Feed oder folge uns auf Twitter.

About the author

Written by Robert Mühsig

Hi, ich bin Robert Mühsig und bin Webentwickler und beschäftige mich mit Web-Frameworks auf dem Microsoft Web Stack und scheue mich auch nicht vor Javascript. Der Blog begann als "Problemsammelstelle und Lösungshilfe" und seitdem schreibe ich hier alles auf. Seit 2008 bin ich Microsoft MVP für ASP.NET. Treffen kann man mich online via Twitter (@robert0muehsig) oder hier.

2 Responses

  1. Schöne Liste von Metro Style Apps.
    Mir fällt da spontan noch die GitHub App ein.

    Reply

Comment on this post

Letzte Posts

  • image.png
    Wieviel Speicher belegt meine RavenDB? Und welchen Plan benötige ich bei CloudBird oder RavenHQ?

    Wer RavenDB nicht auf seinem eigenen Server betreiben möchte oder einfach wissen möchte wieviel Speicherplatz die eigentlichen Daten benötigen gibt es zwei Möglichkeiten: Falls es noch einen anderen Weg gibt: Immer her damit – aktuell hab ich nur die beiden Methoden gefunden und sie scheinen mehr oder weniger zu passen. RavenDB Storage per JSON über ...

  • image_thumb.png
    Powershell – Output “formatieren” und Details anzeigen

    Die Powershell ist ein prima Werkzeug und immer mehr System-Tools und Dienste stellen Powershell Module zur Verfügung. Da ich aber nur “am Rande” mit Powershell zutun habe bin ich auf ein nettes Detail gestossen, welches vermutlich bei den erfahreneren Powershell Usern maximal ein müdes Lächeln hervorruft: Ps-Cmd | Format-List etc. Um den Text-Output zu formatieren ...

  • clip_image002.jpg
    Rabatt-Code & Freiticket für die Developer Week 2013

    Nach langer Zeit haben wir mal wieder ein kleines Angebot für euch: Wir sind Medienpartner der Developer Week 2013 und über uns könnt ihr günstiger an Tickets herankommen. Mit dem Code DWX13coi könnt ihr von Sonderkonditionen profitieren (= Ticketpreise werden niedriger & keine bösen Überraschungen). Die Developer Week (DWX) bündelt vom 24.-27. Juni 2013 in ...

  • image.png
    IIS & Windows Authentication – Troubleshooting mit Negotiate & NTLM

    Windows Authentifizierung ist eine einfache (und naheliegende) Authentifizierungs-Option für “Haus-interne” Webapplikationen. Setup Im IIS selbst kann man die Windows Authentifzierung sehr leicht anschalten: Natürlich kann man dies auch über die web.config steuern: <system.web> ... <authentication mode="Windows"/> ... </system.web> ... Fehlermeldung “HTTP Error 401.2 – Unauthorized”: Dies kann (wie fast immer) viele Gründe haben, z.B. weil ...

  • image.png
    Json-Online-Tools: Viewer & Json2Csharp Generator

    Wo APIs im Spiel sind, ist das JSON Format nicht weit. Da ich immer mal wieder zwei Tools benutze, möchte ich diese hier auch mal kurz würdigen. JSON Viewer Wer nur den JSON-Text vor sich hat sieht meist die Struktur nicht. Über JSON Viewer kann man sich recht einfach einen Überblick verschaffen: [URL] JSON2CSharp Der ...

Unterstützt von…

Facebook