Windows 앱용 리소스 디자인

이 항목에서는 시각적으로 매력적이고 사용자에게 친숙한 Windows 애플리케이션을 만들기 위한 다양한 디자인 및 UI 관련 리소스를 제공합니다.

글꼴

Windows 형식 시스템을 사용하면 UI에서 가독성과 가독성을 최대화하기 위해 콘텐츠의 구조 및 계층 구조를 만들 수 있습니다(자세한 내용은 Segoe UI 글꼴 패밀리참조).

다음 글꼴을 사용하는 것이 좋습니다.

• Segoe UI 변수 (Windows타이포그래피 참조)
• Segoe Fluent Icons (Segoe Fluent Icons 글꼴참조)
• Segoe MDL2(Segoe MDL2 자산 아이콘참조)

Windows UI 키트

Figma용 Windows 디자인 키트는 개발자와 디자이너가 시각적으로 일관되고 매력적인 Windows 앱을 만들 수 있도록 도와주는 포괄적인 도구 키트를 제공합니다.

Windows 디자인 키트는 다음을 포함하는 Figma 라이브러리입니다.

• UI 구성 요소: 단추, 토글, 슬라이더 등과 같은 미리 빌드된 요소입니다.

• 디자인 패턴: 탐색, 대화 상자 및 레이아웃을 위한 템플릿입니다.

• 스타일 및 토큰: 미리 정의된 색상, 타이포그래피 및 간격입니다.

Windows UI Kit for Figma (윈도우 UI 키트 for Figma)

WinUI 갤러리

WinUI 갤러리의 디자인 지침 섹션에서는 앱에 적합한 색, 입력 체계 및 아이콘을 선택하고 적용하는 데 도움이 되는 모범 사례 및 도구를 제공합니다. 접근성 섹션에는 모든 사용자가 앱을 보다 포괄적이고 액세스할 수 있도록 하는 코드 조각과 팁이 포함되어 있습니다.

디자인 지침 섹션의 스크린샷

WinUI 갤러리 디자인 지침

샘플

모든 Windows 앱 샘플의 전체 목록은 샘플 및 리소스 페이지 확인하세요.