blog.atwork.at

news and know-how about microsoft, technology, cloud and more.

Mit HTML Controls zu tollen Metro style Apps

In Windows 8 können Metro-style-Apps mit HTML, CSS und Javascript entwickelt werden - soviel ist allgemein bekannt. (Web) Developer müssen sich mit Metro Design auseinandersetzen. Auch nichts Neues. Es gibt allerdings einige Themen, die in Windows 8 beachtet werden sollten. Das beginnt bei der Touch-Eingabe und impliziert somit beispielsweise die Minimalgröße von Controls und geht bis zu HTML5 und CSS Tipps!

Dieser MSDN-Artikel informiert über einige Besonderheiten beim Design von Metro-Apps mit HTML:

Using HTML controls to create great Metro style apps

Hier einige Beispiele:

Ein Button in Metro sieht anders aus als im Browser:

win8-html-metro-buttons

Texte sollten immer mit CSS formatiert werden (und wenig Grafiken verwendet werden):

win8-html-metro-css

Touch-Steuerung (Finger) sind nicht präzise:

win8-html-metro-touch

Controls sollten sofort reagieren, beispielsweise beim Drücken oder Loslassen:

win8-html-metro-pressed

Ganz wichtig sind natürlich Fonts, Segoe UI ist (für die westlichen Sprachen) Standard.

Alle Details für Windows 8 Developer sind im Original-Artikel zu finden: Using HTML controls to create great Metro style apps

In diesem Sinne: Make your app fast and fluid - with HTML!



Loading