9/15/2023 0 Comments Framer js on windows![]() ![]() ![]() All the type sizes (13px, 15px, 34px) are vanilla from the Windows type ramp. The acrylic brush you see on the left pane is the 60% brush that’s available as an API in the Creators Update and will ship as a XAML brush in the Fall Creators Update. I first start in XD with the Windows UI kit and the standard controls and tweak as needed – there’s a fine line between using the standard UI which feels consistent and makes the app blend into its host system and going with a tailored UI which will feel special and delightful. Now let me expand a bit on my process designing this screen. The Universal Windows platform has conincidentally a huge growth potential that’s unfolding and I think we’ll see a lot more of those apps in the coming years, and hopefully great UIs as well! That being said, I don’t see many people making designs for Windows, and I generally think of its design language as underused/undertried. The Windows platform and design system are pretty interesting to me: Windows has this flatter/more geometric and colorful design system that scales well to all devices, from phones to Xbox and Hub. I’d like to thank Cho for the invite – Jason is a hard-working and passionate UX designer whom I met while I was at and he’s been a tremendous resource and source of inspiration for me. ![]() □ I took a stab at what a Framer.js Windows app could look like – here’s a welcome screen. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |