What is the recommended workflow when trying to make your UI look nice at multiple resolutions? Specifically, I would like my UI to be built for 1920x1080 and then have all other resolutions be scalings of that resolution. This goes for font size, width, height, etc.

There are 2 alternatives depending on the UI layout you need.

- If the UI can be split in several zones/cells, then you can use a Grid to split your screen in relative columns/rows, and then place the UI inside the corresponding cells wrapped by Viewboxes:



- If there are different aspect ratios depending on the resolution and your UI cannot be split that way, then you should use LayoutTransform with a ScaleTransform in your UI root to handle the UI scale:



Please let me know if you need more help with any of this.

Thank you so much for the examples, I will try them out. Can you go into a bit more detail about what LayoutTransform actually does? I did look it up but I think you may be able to shed more direct light on how it fixes this particular problem with aspect ratios.

The LayoutTransform just scales the available space (resolution), but keeping the aspect ratio, so the UI adapts as if you were changing the window size.
In the xamltoy example I posted you can see the wrapped text adjusts depending on the available width and independently of the scale applied to the LayoutTransform. This is very useful to stretch different parts of the UI without affecting the scale of the content.