Microsoft의 Fluent Design System은 Windows 10을 아름답게 발전시킬 것입니다

목요일에 마이크로소프트는 자사 제품을 위한 새로운 디자인 언어를 도입했습니다. 레드몬드는 새로운 Fluent 디자인 시스템이라고 부릅니다., 그리고 Windows 10과 Xbox, HoloLens, PC 및 휴대폰을 포함하여 운영 체제를 실행하는 모든 하드웨어부터 시작하여 많은 Microsoft 제품에 걸쳐 구현될 것입니다. Fluent 디자인 시스템은 Light, Depth, Motion, Material, Scale의 5가지 기본 요소를 기반으로 합니다.

Windows 10에서는 이러한 모든 요소가 함께 작동하여 직관적인 사용자 환경을 제공합니다. Microsoft는 Windows 10에서 Fluent Design System의 몇 가지 개념을 선보였으며 정말 멋져 보입니다. 물론 개념과 실제 거래는 항상 서로 크게 다르지만 Microsoft는 이미 Windows 10의 일부 자사 앱에 새로운 Fluent 디자인 시스템의 요소를 제공하고 있으며 이러한 앱은 이제 정말 좋아 보입니다. Windows 참가자라면 지금 바로 시험해 볼 수 있습니다. Redmond는 또한 아크릴 소재 및 새로운 Reveal 환경을 포함하여 Fluent Design System의 일부 핵심 부분에 대한 API를 출시했습니다. Windows 10 앱 개발자는 이러한 API를 사용하여 새로운 Fluent Design System으로 기존 앱을 개선할 수 있으며 디자이너는 Fluent Design System 앱 디자인을 시작할 수 있습니다. 디자인 키트를 사용하여. 이 새로운 API를 통해 개발자는 Windows 10의 Fluent Design System으로 구동되는 아름다운 경험을 구축할 수 있습니다.

[shunno-quote align=”right”]Fluent Design System의 첫 번째 물결은 이미 Windows Insider에서 사용할 수 있습니다.[/shunno-quote]

사실, Microsoft의 대부분의 Windows 10 앱은 이미 Groove Music, Microsoft Photos, Paint 3D, View 3D, Voice Recorder 및 Calculator 앱과 같은 앱을 포함하여 Fluent Design System의 특정 부분을 활용하고 있습니다. 이러한 앱은 Acrylic Material, Reveal Highlight, Connected Animations, Conscious Controls 및 Perspective Parallax와 같은 것을 포함하여 Fluent 디자인 시스템의 첫 번째 물결의 모든 구성 요소를 사용합니다. Microsoft는 Build 2017 세션에서 Fluent Design System에 대해 더 깊이 파고 들었습니다. 여기에서 회사는 현재 사용 가능한 항목과 Fluent Design System의 다음 단계에 대해 자세히 설명했습니다. 회사의 Paul Gusmorino와 Bojana Ostojic은 Outlook 메일 및 일정 앱, Microsoft Edge, Xbox, OneNote 및 My People 환경을 포함하여 조만간 새로운 Fluent Design System을 갖게 될 일부 앱을 선보였습니다. 회사는 Windows 10의 시작 메뉴에 Fluent Design System의 Reveal 경험을 구현하는 방법을 선보이기도 했습니다. 아래에서 일부 (감자 품질) 스크린샷을 볼 수 있습니다.

Fluent 디자인 시스템의 핵심은 모양과 느낌이 전부가 아닙니다. 기능은 모든 디자인 언어의 중요한 부분이며 Fluent Design System은 빌딩 블록을 통해 이를 잘 보여줍니다. 하지만 저는 새로운 디자인 시스템에서 정말 중요한 부분인 깊이 요소에 집중하고 싶습니다. PC에서 깊이 효과는 위의 Windows Store 개념에서 볼 수 있는 계층화된 사용자 인터페이스를 나타내며 Fluent Design System은 또한 모든 것을 하나로 모으는 시차 효과를 제공합니다.

[shunno-quote align=”left”]3D 깊이 효과는 Windows Mixed Reality에서 멋지게 보일 것입니다[/shunno-quote]

그리고 HoloLens와 같은 최신 컴퓨터로 이동하면 깊이 효과가 정말 빛납니다. Microsoft는 현재 Windows Mixed Reality에 몰입할 수 있는 3D 깊이 효과(z 깊이 레이어링)를 실험하고 있습니다. 이것이 실제로 Windows 10에서 언제 또는 출시될 것인지 여부는 분명하지 않지만 여전히 환상적으로 보입니다. 이것이 효과적으로 의미하는 바는 Fluent Design System이 키보드와 마우스만을 위해 구축된 것이 아니라는 것입니다. Microsoft는 펜, 제스처, 응시 등을 포함한 다양한 범위의 Windows 10 장치 및 입력에서 작동하도록 Fluent 디자인 시스템을 설계하고 있습니다.

[shunno-quote align=”right”]Fluent 디자인 시스템의 핵심은 일관성[/shunno-quote]

Fluent Design은 Microsoft와 Windows 10을 위한 여정입니다. 단일 OS 업데이트로 Windows 10의 디자인이 근본적으로 바뀔 것이라고 기대하지 마십시오. 전체 운영 체제에 표시되는 데 시간이 걸리며 괜찮습니다. 그러나 Fluent Design System은 Microsoft가 Windows 10의 모든 앱에서 디자인 원칙을 일관되게 유지하는 경우에만 성공할 것입니다. 현재 Windows 10 디자인의 가장 큰 문제 중 하나는 일관성이 전혀 없다는 사실입니다. 상황에 맞는 메뉴를 위한 3-4개의 서로 다른 디자인, 자사 앱은 다양한 배경색 음영을 사용하고 앱의 요소 정렬은 여기저기에 있습니다. Microsoft는 설계자가 모든 자사 앱에서 Fluent Design System을 올바르게 구현하도록 하기 위해 많은 작업을 수행해야 하지만 Redmond는 타사 개발자를 동일하게 만드는 방법을 찾아야 합니다.

지금까지 내가 본 모든 Fluent Design 개념은 전염성 있게 아름답게 보입니다. Windows Store 개념에서 새로운 Xbox 대시보드에 이르기까지 모든 Fluent Design 개념은 정말 멋집니다. 기능적 요소 중 일부는 보기에도 좋고 느낌도 정말 좋습니다. 그러나 Microsoft가 Windows 10에서 Fluent Design System의 구현을 발전시키면서 실행이 완벽한지 확인해야 합니다. 회사는 Windows 10의 앱에 새로운 Fluent 디자인 시스템을 약간만 추가했을 뿐이지만 회사는 아직 갈 길이 멀고 Windows 10의 핵심(일명 셸)에 새 디자인 시스템을 구현하는 데는 시간이 걸립니다. 시각. 그러나 그것은 전혀 문제가 없으며 Windows 10의 모든 앱과 구성 요소에서 구현이 일관되는 ​​한 새로운 Fluent Design System은 Windows 10의 미래에 매우 중요합니다.

Windows 10 Fall Creators Update를 통해 Microsoft는 Fluent Design System의 첫 번째 물결을 제공합니다. 회사는 현재 3 미디어 재생, 의식 헤더, 음성 및 공간 사운드와 함께 위의 비디오에서 본 360D 깊이 효과를 포함하여 두 번째 물결과 함께 제공될 요소를 실험하고 있습니다.