Windows 11 디자인
Microsoft가 이미 앱을 설계했습니다. 올바른 시스템 파츠를 선택하고, 배치한 후, 그 기능을 방해하지 마세요.
- 디자인 체크리스트: design-rules.md.
- 복사 가능한 XAML 패턴: patterns.md.
Microsoft의 다섯 가지 Fluent 원칙
- 자연스러움: 사용자 입력(키보드, 마우스, 터치, 펜)에 적응합니다.
- 직관적: 친숙한 레이아웃, 일관된 아이콘, 명확한 계층 구조.
- 반응형: 즉각적인 피드백과 부드러운 마이크로 애니메이션.
- 의도적: 모든 시각적 요소는 목적을 갖습니다.
- 정교함: 정렬된 모서리, 일관된 4px/8px 그리드 간격, 세련된 재질.
Windows 11 시각적 재질
- Mica (
MicaBackdrop): 주 창 프레임에 적용됩니다. 사용자의 바탕 화면 배경을 동적으로 샘플링하여 미묘한 색조 표면을 만듭니다. - Acrylic (
DesktopAcrylicBackdrop): 일시적인 부동 플라이아웃, 상황에 맞는 메뉴 및 대화상자에 사용됩니다. - 모서리: 카드와 버튼은 Windows 11 표준 8px 모서리 반경을, 작은 칩은 4px를 사용합니다.
- 타이포그래피: 동적 광학 크기 조정이 적용된 Segoe UI Variable.
- 아이콘: Segoe Fluent 아이콘 (
FontIcon Glyph="\uE...").
완료 조건
모든 뷰와 플라이아웃이 표준 Fluent 2 컨트롤을 사용하고, Mica 또는 Acrylic 백드롭이 적용되었으며, 타이포그래피가 Segoe UI Variable에 부합해야 합니다.