1. Modern Design Principles (MS)

2. Hubs & spoke navigation pattern Hierarchical pattern Best for large collections of related content Content is separated into sections, levels of detail Pattern provides intuitive navigation, promotes discovery

3. Based on 20px units

4. New layouts Typography creates a visual hierarchy and a built in typeramp in the default stylesheet Grid & alignments gives a structured and consistent layout 42pt 20pt 11pt 9pt

6. Choosing the right tool VS == code Blend == layout Beginners => Easy Start Advanced => High Productivity

7. Page *.xaml for UI *.xaml.cs for code behind (c# logic) UI can be generated through Blend Or written by hand in Visual Studio

8. The UI Language XAML XML based syntax Case sensitive Inline properties for UI customization Styles and templates can be referenced and collected in ResourceCollections ”Content” & ”Text” controls

9. XAML sample

10. XAML sample Login Cancel