1 nfkld9x9kwbuoyq7h6tecg 2x 1160x620 - Обновление 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 System от Microsoft

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

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

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

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

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

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

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

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

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

Оригинал: Joseph McLaughlin

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Мыслить, выходя за новостные рамки. Дизайн-система Guardian

Небольшой обзор руководства цифровой дизайн-системы в Guardian