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 구성 요소: 단추, 토글, 슬라이더 등과 같은 미리 빌드된 요소입니다.

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

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

WinUI 갤러리

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

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

Microsoft Store 자산 지침 키트

Figma용 Microsoft Store 자산 지침 키트는 Microsoft Store에 게시하기 위한 고품질 스크린샷, 앱 아이콘 및 기타 자산을 만드는 데 도움이 되는 템플릿 및 도구를 제공합니다.

이 키트는 앱 및 게임 자산을 만들고, 테스트하고, 제출하는 전체 프로세스를 지원합니다. 여기에는 로고 및 아이콘 크기 조정에 대한 지침과 파트너 센터에 제출한 후 스토어에 아이콘이 표시되는 방식을 보여 주는 미리 보기가 포함되어 있습니다. 또한 앱 또는 게임에 대한 일관되고 세련된 스크린샷을 생성하는 데 도움이 되는 사용자 지정 가능한 템플릿을 제공합니다.

샘플

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