UXPUB

UXPUB - сообщество из 2,963 дизайнеров и творческих людей

Место, где дизайнеры делятся опытом

Создать аккаунт Войти
Редакция
Редакция

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

Обновление Fluent Design System от Microsoft

Как наша Fluent Design System фокусируется на инновациях и реальных потребностях клиентов

Цель и процесс

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

Ранее в этом году я писал о том, что мы развиваем Fluent Design System как «нечто большее, чем набор элементов интерфейса», и как мы используем ее для коллективного проектирования и создания продуктов.

Развитие Fluent представляет собой критический момент для нашей системы проектирования в Microsoft. На Build 2017 мы представили Fluent как новейший язык дизайна Windows с акцентом на взаимодействие с пользователем на нескольких устройствах в 3D визуализации. И в переносном, и в буквальном смысле слова «Свободное владение» стало определяться акцентом на фундаментальные принципы и строительные блоки: свет, глубина, движение, материалы и масштаб.

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

Проще говоря, работа дизайнеров и разработчиков становится лучше и эффективнее, когда они работают вместе. В таких условиях они создают лучшие условия, которые расширяют возможности наших клиентов.

Форма и функции

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

Мы также обновили значок Fluent с куба до F-формы. Значок является визуальным представлением четырех значимых квадратов логотипа Microsoft, собранных для создания новой формы.

Веб-сайт был создан с использованием тех же наборов инструментов и кода для разработки Fluent, которые используют наши дизайнеры и разработчики каждый день. Они доступны для Sketch, Figma, Adobe XD и компоненты React и открыты для всех.

Постоянное движение

Fluent и его индивидуальный дизайн призваны передавать определенный момент времени. Fluent - это не бренд, Microsoft - это бренд. Fluent - это не продукт, продукт - это то, что мы приобретаем и развиваем, чтобы расширить возможности наших пользователей. Fluent является стратегической инициативой. Мы хотим, чтобы простые элементы, систематические процессы и согласованные продукты были синонимом дизайна Microsoft.

Мы изучаем и развиваем нашу систему проектирования на основе отзывов, которые мы получаем от вас - наших клиентов, партнеров и сообщества разработчиков и дизайнеров. Наша цель - максимально упростить проектирование и создание согласованного опыта. Fluent - это наше открытое совместное решение, благодаря которому мы сможем продолжать развиваться, когда появятся следующий инструмент проектирования, тенденция проектирования или новая платформа опыта.

Мы стремимся к сотрудничеству и хотели бы услышать ваши мысли. Присоединяйтесь к обсуждению в LinkedIn Fluent Design Group и посетите веб-сайт Fluent Design, чтобы узнать, что нового.


Перевод статьи Joseph McLaughlin

Обсуждение (0)