Внутренний open-source. Как Microsoft создаёт свою новую дизайн-систему Fluent Design

В мае прошлого года Microsoft представил новую дизайн-систему — Fluent Design. Она позволяет проектировать интерфейсы приложений с простым и понятным дизайном, адаптирующимся под различные типы устройств.

Fluent Design базируется на пяти принципах: свет, глубина, движение, материализм и масштабируемость. Со временем Microsoft планирует привести все свои сервисы в соответствии с новой дизайн-системой. Первым среди продуктов обновление получила игровая приставка Xbox One. А в конце ноября Microsoft обновил значки приложений Office 365 — они стали более простыми и современными.

Так, например, из иконки Word пропал листок бумаги.

Кроме того, Microsoft обновил дизайн своего сравнительно успешного мобильного приложения Outlook для iOS. Его используют уже более 100 млн человек, а ещё у него высокие рейтинги в App Store.

Внутренний проект с открытым исходным кодом

По словам главного дизайнера Office 365 Джона Фридмана (Jon Friedman), изменение иконок Office 365 — это «начало совместной работы по обновлению всех значков Microsoft в едином стиле». Над дизайном, помимо Фридмана, в компании работают Альберт Шум (Albert Shum), представляющий Windows, и Ральф Грони (Ralf Groene) из Surface.

«Мы работаем как команда проекта с открытым исходным кодом — открыто делимся нашими идеями, критикуем их и развиваем дизайн вместе. Мы поняли, что лучший способ работы над нашей дизайн-системой Fluent Design — это внутренний open-source. Так мы получаем от каждого участника его лучшие работы».

Microsoft тщательно обдумывает все изменения и внедряет их в свои продукты постепенно. Проанализировав прошлые ошибки, компания больше не пытается запустить все обновления сразу.

«Мы работаем очень согласованно, поэтому дизайнеры Office точно знают, что будет дальше с Windows, а дизайнеры Windows точно знают, что будет дальше с Office».

В The Verge отмечают, что обновление мобильного Outlook — хороший пример внимания к деталям, которого Microsoft не хватало в некоторых областях на протяжении многих лет.

Рекомендуем: Что такое дизайн-системы и почему это плюс для продукта, но минус — для студии

IT-конференция МТС True Tech Day 17 мая

Что будет:

• 5 тематических треков: Main, Development, AI/ML, Cloud, Science;
• 50 спикеров с докладами про архитектуру, облачные платформы, NLP4Code, вероятностное программирование, безопасность контейнеров и другое;
• 10 часов нетворкинга;
• Цифровые зоны и digital-интеграции;
• А ещё вечеринка со звездой.

Все спикеры и темы уже на сайте. Регистрируйся на True Tech Day. Участие бесплатное.

Реклама. ПАО «МТС». ИНН 7740000076. ОГРН 1027700149124