Language: HTML | XAML

Defining layouts and navigation (HTML)

Learn how to layout your app and support navigation.

Before you begin  Be sure you've downloaded your design assets for Windows Store apps and read these design patterns:

In this section

TopicDescription

Laying out your UI

Learn about the basic UI layout of Windows Store apps, including which UI surface to use for adding buttons, popping up messages and menus, and showing errors.

Laying out an app page

Learn how to layout a single app page by using the grid to adhere to the Windows 8 silhouette.

Defining layouts and views

Learn how to support the different views and layouts: snapped, filled, scaled for pixel density, and scaled for different size screens.

Supporting navigation

Learn how to support navigation in your app.

 

Related topics

Detailed UX guidelines for Windows Store apps
Roadmap for Windows Store apps using JavaScript

 

 

Show:
© 2014 Microsoft