Windows 8.1 (Universal App) UI resources

Question

I'm working on a Windows 8.1 Universal App project.
I'm quiet confuse mostly for the different resolutions I should work on.
I'm starting from an existing Windows Phone 8 App.
I usually worked on one unique screen resolution 480x800.
Any rooms for specific UI design topic?

My request:
it would be really great to get any templates (photoshop, illustrator, sketchApp) or other instructions about how to set up my working environment.

Thank you.

Answer 1

Please make sure not to use any margin this is the only to ensure that no matter which screen but your UI will remain the same as you have designed. Note that when you drag and drop controls they have margins in them so you also have to take care of them this same applies to any imported template

Hope that helps.

Please mark as answer if found useful...

Muhammad Asad

Microsoft Intern

Answer 2

Take a look at http://dev.windows.com/en-us/design for design resources. The Get the templates section includes design templates for PowerPoint, Adobe Illustrator, and Adobe Photoshop.

Also check out the guidelines for Layout and scaling .

If you have more specific design questions please let us know.

For strategies on implementing layout (rather than designing layout) for different screens in a Xaml app see Quickstart: Designing apps for different window sizes . For discussion of implementation please post in the Building Windows Store apps with C# or VB forum.

--Rob

Answer 3

Check this session from Build 2014 it was super useful for me.