Windows 11 시그니처 환경

시그니처 환경은 Windows 11이 모든 Fluent 환경에서 일관된 모양과 느낌을 유지하면서 시각적 언어를 표현하는 데 사용하는 디자인 요소입니다.

Several UI elements highlighting new geometry in Windows 11

기하 도형

기하 도형은 화면에서 UI 요소의 모양, 크기 및 위치를 설명합니다. 이런 기본적인 디자인 요소를 통해 전체 디자인 시스템에서 환경의 느낌을 일관적으로 유지할 수 있습니다. Windows 11은 보다 친근하고 매력적이며 현대적인 환경을 만드는 업데이트된 기하 도형을 특징으로 합니다.

A window and modal dialog in light mode on the left and dark mode on the right

색상

색상은 사용자 인터페이스 요소 간의 시각적 계층 구조와 구조체를 나타내어 사용자가 작업에 집중하는 데 유용합니다. Windows 11은 색상을 사용하여 차분한 기반을 제공하고 사용자 상호 작용을 섬세하게 개선하며, 필요할 때만 중요한 항목을 강조합니다.

An application window with a single content area

계층화 및 상승

계층화는 하나의 표면을 다른 표면과 겹쳐서 동일한 표면 내에서 시각적으로 구분되는 둘 이상의 영역을 만드는 개념입니다. Windows 11은 계층화 및 상승을 앱 계층 구조의 기반으로 사용합니다.

A UI surface made of acrylic

재질

재질은 UI 표면을 실제 아티팩트와 유사하게 만드는 시각 효과입니다. Windows 11은 재질을 사용하여 UI가 환경에 연결된 상태를 유지합니다. 재질을 통해 표면에 생동감을 불어넣으며, 포커스가 있거나 없는 애플리케이션을 구별할 수 있습니다.

A shopping cart icon

아이콘 체계

아이콘 체계는 사용자가 앱을 이해하고 탐색하는 데 도움이 되는 일련의 시각적 이미지와 기호입니다. Windows 11 아이콘 체계는 당사의 디자인 언어와 함께 발전해왔습니다. 시스템 아이콘 글꼴의 모든 글리프가 보다 부드러운 기하 도형과 현대적인 비유를 수용하도록 재설계되었습니다.

Several words rendered in Segoe UI Variable

입력 체계

언어의 시각적 표현인 입력 체계의 주요 목적은 정보 전달입니다. Windows 11 유형 시스템은 UI에서 가독성을 극대화하기 위해 콘텐츠의 구조체와 계층 구조를 만드는 데 유용합니다.

An animated image that shows several examples of motion in the Windows UI.

동작

동작은 인터페이스가 애니메이션처럼 움직이고 사용자 상호 작용에 응답하는 방식을 설명합니다. Windows 동작은 직접적으로 반응하며 상황에 맞게 구현됩니다. 사용자 입력에 대한 피드백을 제공하고 길 찾기를 지원하는 공간 패러다임을 강화합니다.