Microsoft показала ось Z в Fluent Design System


Новый интерфейс Microsoft под названием Fluent Design System будет распространяться среди пользователей поэтапно. Одной из запланированных функций в нём станет слой Z-depth layering, о котором мы расскажем ниже.

Fluent Design System уже можно встретить в операционной системе Windows 10 Creators Update в предустановленных приложениях Microsoft, а в осеннем обновлении Fall Creators Update изменений интерфейса будет ещё больше.

Что такое слой Z-depth layering?

Хотя дизайн Fluent Design уже был официально анонсирован, пока он не представлен по всей операционной системе Windows 10 и на это уйдёт ещё как минимум несколько обновлений. Fluent Design распространяется по версиям Redstone 2, Redstone 3, Redstone 4 и т.д.

Microsoft рассказала о некоторых своих планах по второй волне обновлений Fluent Design. В выступлении на конференции разработчиков Build 2017 создатели Fluent Design поведали об экспериментах со второй волной Fluent Design, в том числе о функции Z-depth layering.

Z-depth layering представляет собой особенность пользовательского интерфейса, которая позволяет 2D-приложениям иметь трёхмерный вид в окружении смешанной реальности. Например, Microsoft показала, что можно отодвинуть фон приложения от его содержимого, давая ощущение глубины при перемещении окна.

Эта функция сосредоточена на 3D в устройствах HoloLens или Mixed Reality. Microsoft считает, что наголовные устройства Mixed Reality уже скоро станут популярными, поэтому дизайн Fluent Design нацелен на этот трёхмерный мир.

Также второй этап развития Fluent Design System может включать в себя просмотр видео с углом обзора 360 градусов, сознательные заголовки и т.д. Fluent Design сейчас можно увидеть на предварительных сборках в приложениях Почта, Edge и ряде других.

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
pohozhie-programmy.ru
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: