Redesigning PowerToys for Windows 11

Redesigning PowerToys for Windows 11

medium.com medium.com2 weeks ago in#Web Design Love62

PowerToys for Windows 11 (Concept) New utilities had been presented, the present ones up to date and the full mission has grown so much. On the UI aspect, I’ve been busy redesigning and actively contributing belongings (e.g. icons) and XAML for the vast majority of equipment that send with PowerToys. ModernWPF supplied a approach to reskin default WPF controls and made them seem like WinUI 2.5, which used to be an excellent begin to get to a extra coherent suite of apps. But then Windows 11 took place! This new tackle Windows introduces a contemporary new UX that touches all layers of the product. New fabrics like Mica supply a relaxing contact to the OS, whilst micro-animations convey the interface alive. With WinUI three unpackaged reinforce coming quickly, I sought after to discover the best way to convey this thrilling new take of Fluent to PowerToys. In this blog-post, I re-designed a few utilities as an idea and inspiration for the neighborhood to offer comments on. All ideas are construct as non-functional UWP apps, so you’ll be able to take a look at them out your self have a look at the XAML. The Mica name bar and the brand new, round colour historical past are the largest trade right here. The other colour tones are actually stacked nearly and made smaller to cut back muddle and reinforce general hierarchy. Also keyboard navigation is more uncomplicated on this model whilst smoother animations are used. Source code Image Resizer (for bulk-resizing pictures) were given a contemporary coat of paint. This UI additionally makes it more uncomplicated to set customized dimensions and saving it at once as a preset for later use (with out the will of opening the Settings web page). Source code The present model of PowerRename (a application to bulk-rename information and folders) is a Win32 app that appears… dated :)! It’s a formidable application, however the UI breaks sure conventions: each surroundings is a CheckBox however once in a while behave as a RadioButton.This new model brings theming reinforce and flyouts for the quest and exchange fields to lend a hand customers insert regex instructions extra simply. Old vs. new Source code The present model of the FancyZones Editor is already a large step up from the first technology. However, there are nonetheless some alternatives to simplify the modifying enjoy. The present UI supplies a approach to edit sure homes within the variety display, and others within the editors itself. There also are other editors in response to the structure kind and sure functionalities there are arduous to find, or just now not in response to Windows conventions (like dragging and protecting for merging zones). This thought supplies a blank editor enjoy with the entire settings integrated by way of having a versatile toolbar with other modes to merge, cut up zones or set zone spacing. New editor enjoy for FancyZones Source code The Settings module is the most important software that permits customers to customise the more than a few PowerToys utilities. Here, we have now followed the OS Settings app appear and feel to offer a well-recognized and easy approach to get to the settings you want. This is recently delivery with PowerToys 0.45! Windows 11 brings so much to the desk and a extra coherent person enjoy throughout Windows. With WinUI three supporting the similar appear and feel, and with unpackaged reinforce coming quickly we’ll optimistically see extra Windows apps adopting it! If you could have any comments,  » Read More

Like to keep reading?

This article first appeared on medium.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply