UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Редизайн PowerToys для Windows 11
Редакція
Редакція

Опубліковано

Редизайн PowerToys для Windows 11

В прошлом году я написал в блоге статью под названием «Редизайн PowerToys» в которой представил Fluent Design для PowerToys (проекта с открытым исходным кодом). С тех пор многое изменилось…

Microsoft PowerToys - это набор утилит для опытных пользователей, позволяющих настроить и оптимизировать работу с Windows для повышения производительности.

Были добавлены новые утилиты, обновлены текущие, и проект в целом сильно вырос. Что касается интерфейса, я был занят редизайном и активно добавлял XAML для большинства инструментов, входящих в PowerToys. ModernWPF предоставил способ изменять вид элементов управления WPF по умолчанию и сделать их похожими на WinUI 2.5, что стало отличным началом для формирования более связного пакета приложений.

Но потом вышла Windows 11! Новый взгляд на Windows представляет собой обновленный UX, затрагивающий все уровни продукта. Новые материалы, такие как Мика (Mica), придают операционной системе спокойный вид, а микроанимации оживляют интерфейс.

В связи с грядущей поддержкой неупакованных приложений WinUI 3 я хотел изучить, как перенести этот захватывающий новый взгляд на Fluent Design в PowerToys. В этой статье я переделал несколько утилит, чтобы они были концепцией и источником вдохновения для сообщества, чтобы высказать свое мнение. Все концепции созданы как нефункциональные UWP-приложения, поэтому вы можете попробовать их самостоятельно, просмотрев XAML.

Color Picker

Строка заголовка Mica и новая история цветов – самое большое изменение. Различные цветовые тона теперь виртуально сгруппированы, чтобы уменьшить беспорядок и улучшить общую иерархию. Кроме того, в этой версии навигация с помощью клавиатуры стала проще, и используется более плавная анимация.

Исходный код -GitHub issue

Всплывающее меню в области уведомлений

Это новое всплывающее окно можно найти в области уведомлений Windows 11. Оно обеспечивает доступ к таким утилитам, как «Run», «Color Picker» и «Shortcut Guide», а также предоставляет быстрые настройки. Эти быстрые настройки зависят от модуля и позволяют пользователям, например, быстро переключаться между макетами Fancy Zones. Нижняя панель обеспечивает доступ к приложению PowerToys Settings во время уведомлений об обновлении.

Исходный код

Run

Новый внешний вид Run делает его ближе к Поиску Windows. Он обеспечивает удобный поиск файлов, запуск приложений или использование одного из многих плагинов. При запуске он может отображать последние запросы и обзор сочетаний клавиш плагинов. Панель результатов можно кастомизировать с помощью плагинов. Он может содержать определенные команды (например, открытие приложения от имени администратора или непосредственно в Терминале Windows) или быть оптимизированным для отображения превью (при выборе файлов).

Исходный код - GitHub issue

Image Resizer

Image Resizer (для пакетного изменения размера изображений) получил косметическое обновление. Новый интерфейс также упрощает установку пользовательских размеров и сохранение их непосредственно в качестве предустановки для последующего использования (без необходимости открывать страницу настроек).

Исходный код -GitHub issue

PowerRename

Текущая версия PowerRename (утилита для пакетного переименования файлов и папок) представляет собой приложение Win32, которое выглядит… устаревшим :)! Это мощная утилита, но интерфейс нарушает определенные соглашения: каждая настройка является флажком, но иногда ведет себя как радио-кнопка. В этой новой версии добавлена поддержка тем и всплывающие окна для полей поиска, и замены, чтобы пользователям было проще вставлять команды регулярных выражений.

Старый дизайн vs. новый дизайн. Исходный код - GitHub issue

FancyZones Editor

Текущая версия FancyZones Editor уже является большим шагом вперед по сравнению с первым поколением. Однако есть еще возможности упростить процесс редактирования. Текущий интерфейс позволяет редактировать одни свойства на экране выбора, а другие – в самих редакторах. Существуют также разные редакторы, основанные на типе макета и определенных функциях, которые трудно обнаружить или просто основанных не на соглашениях Windows (например, перетаскивание и удерживание для объединения зон). Эта концепция обеспечивает удобный редактор со всеми настройками благодаря гибкой панели инструментов с различными режимами для объединения, разделения зон или установки интервала между ними.

Новый опыт редактирования в FancyZones. Исходный код

Настройки

Модуль настроек – важное приложение, которое позволяет пользователям кастомизировать различные утилиты PowerToys. Здесь мы адаптировали внешний вид приложения «Настройки ОС», чтобы предоставить знакомый и простой способ получить необходимые настройки. В настоящее время он доступен в PowerToys 0.45!

Вывод

Windows 11 предлагает много возможностей и более согласованный интерфейс. Поскольку WinUI 3 поддерживает тот же внешний вид, а поддержка неупакованных приложений скоро появится, мы надеемся увидеть, что больше приложений для Windows будут его применять!

Оставляйте фидбек на GitHub в репозитории PowerToys!


Перевод статьи medium.com

Найстарші коментарі (0)