Explore how to create engaging Windows applications by incorporating effects, animations, and new types of content that form the building blocks for the Fluent Design System. This session showcases new platform capabilities that enable you to craft innovative 2D and 3D experiences using volumetric objects, vector graphics, depth, motion, lights, and materials. Learn how to bring differentiated UI to your application, tailored for a wide range of Windows devices.

3. Windows.UI.Composition
DirectX Family
Windows.UI.Xaml

5. DirectX Family
Windows.UI.Composition
Windows.UI.Xaml

6. DirectX Family
Windows.UI.Composition
Windows.UI.Xaml

7. DirectX Family
Windows.UI.Composition
Windows.UI.Xaml

8. DirectX Family
Windows.UI.Composition
Windows.UI.Xaml

9. DirectX Family
Windows.UI.Composition
Windows.UI.Xaml

10. 2D Animated Vector Graphics

12. ShapeVisual
ContainerShape + SpriteShape

13. ShapeVisual
ContainerShape + SpriteShape
Animatable Geometry with
Win2D Interoperability
Morph Trim

14. ShapeVisual contains trees of
ContainerShape + SpriteShape
Animatable Geometry with
Win2D Interoperability
Morph Trim
Clip Visuals

17. Lottie
Airbnb
Windows
<lottie:CompositionPlayer Source="Assets/IconAnimation.json" />
Bodymovin JSON
Bodymovin
Adobe AfterEffects
Lottie
Lottie
FrameworkElement

19. 2D Animated Vector Graphics
2.5D UI Scenes

20. ThemeShadow

22. Customizable
<ThemeShadow x:Name="SharedGridShadow" />
<Style TargetType="GridViewItem">
<Setter Property="Shadow"
Value="{StaticResource SharedGridShadow}" />
</Style>
C#:
SharedGridShadow.Receivers.Add(gridBG);

24. 2.5D UI Scenes
3D Volumetric Content
2D Animated Vector Graphics

26. Continuity
easy
aka.ms/windowsui/3din2d

27. Bringing Differentiated Experiences to
Existing Windows Apps
Scene-Based Shadows
Volumetric Content
Animated Vector Graphics
Material
Light

29. Bringing Differentiated Experiences to
Your Windows Apps

31. Join the Conversation
aka.ms/WinUILabs
@WindowsUI
windowsui@microsoft.com
aka.ms/lottie-windowsreally

32. BREAKOUT SESSIONS – Tuesday 5/8 BREAKOUT SESSIONS – Wednesday 5/9 THEATER SESSIONS – Mon & Wed
Modernizing Desktop Apps
on Windows 10
Mike Harsh
10:30am-11:45am
Building powerful desktop and MR applications
with new windowing apis
Roberth Karman
8:30AM-9:15AM
Designing for Fluent with Adobe XD
and other design tools
Joey Pitt, K.C. Sullivan
Mon 5/7 1:00PM-1:20PM
Courageous Design – embracing successes
and failures through iteration.
Jon Friedman
1:15PM-2:30pm
Developing for Sets on Windows 10
Jason Watson, Raymond Chen
10:15-11:30am
Fluent Design System inside of
Microsoft: Office
Chris Bimm, William Devereux
Wed 5/9 11:30am-11:50am
Fluent Design: Evolving our Design System
Chigusa Sansen, Tim Allen
3:00pm – 4:15pm
Harnessing the Power of AI with Windows Ink
Avani Reddy, Yibo Sun
10:15am-11:00am
Our Fluent Path to Spatial Computing:
Easy as 1-2D-3D
Mike Harnisch
Wed 5/9 1:30pm-1:50pm
What's New for Windows UX Developers?
Fluent and XAML
Paul Gusmorino
4:45pm – 6:00pm
Creating Innovative Experiences for
Fluent Design using the Visual Layer
Danielle Neuberger, Sohum Chatterjee
1:00pm-1:45pm
Rapidly Construct LOB Applications with UWP
and Visual Studio 2017
Daniel Jacobson, Ryan Demopoulos
2:45pm- 4:00pm