Layout
These articles help you create a flexible UI that looks great on different screen sizes, window sizes, resolutions, and orientations.
App silhouettes
Learn about common layout patterns.
App title bar
Learn about design recommendations and behaviors of the parts of a standard title bar.
Screen sizes and breakpoints
Learn about screen sizes across the Windows ecosystem and how to design for breakpoints.
Responsive design techniques
Learn about responsive design techniques that optimize your app's layout for breakpoints.
Layouts with XAML
Implement responsive UI in XAML with adaptive or tailored layouts.
Layout panels
Learn about each type of layout panel and how to use them to arrange UI elements.
Alignment, margin, padding
Use alignment, margin, and padding to influence layout behavior.
Spacing
Use sizing to provide a balance between information density and user comfort.