다음을 통해 공유


디자인 지침

지침 섹션에서는 Windows 앱 디자인의 핵심 구성 요소를 다룹니다. 이러한 항목은 앱이 직관적이고 세련되고 Fluent 디자인에 맞춰지도록 하는 패턴, 규칙 및 동작을 정의합니다. 색 및 입력 체계에서 동작, 레이아웃 및 재질에 이르기까지 각 파운데이션은 페이지, 기능 및 폼 팩터에 걸쳐 크기를 조정하는 일관된 결정을 내리는 데 도움이 됩니다.

첫 번째 화면을 매핑하거나, 상호 작용 패턴을 구체화하거나, UI가 Windows 규칙과 일치하도록 하는 등 디자인 프로세스 전체에서 이러한 기본 사항을 가이드로 사용합니다. 이러한 기초를 조기에 탐색하면 개발 시간을 절약하고, 재작업을 줄이고, 사용자에게 더 나은 환경을 제공할 수 있습니다.


색 아이콘
색상
색을 사용하여 계층 구조를 설정하고 의미를 전달하며 응집력 있는 시각적 ID를 만듭니다.

명령 아이콘
명령
사용자가 수행할 수 있는 작업을 이해하는 데 도움이 되는 명확하고 일관된 패턴으로 작업을 표시합니다.

권한 상승 아이콘
고도
깊이 및 계층을 적용하여 포커스를 안내하고 인터페이스의 구조를 강화합니다.

기하 도형 아이콘
형상
셰이프, 크기 조정 및 공간 관계를 사용하여 균형 있고 예측 가능한 레이아웃을 만듭니다.

아이콘 아이콘
아이콘
익숙하고 목적이 있는 아이콘을 사용하여 작업 및 개념을 신속하게 전달합니다.

레이아웃 아이콘
레이아웃
선명도와 흐름을 개선하는 그리드, 간격 및 맞춤 패턴으로 콘텐츠를 구성합니다.

재질 아이콘
자료
깊이와 따뜻함을 더하기 위해 Mica 및 Acrylic과 같은 Fluent 재료로 UI를 향상시킵니다.

동작 아이콘
모션
동작을 사용하여 피드백을 제공하고, 주의를 유도하고, 원활하고 반응형 상호 작용을 만듭니다.

탐색 아이콘
탐색
예측 가능하고 잘 구성된 탐색 패턴을 사용하여 사용자가 앱을 이동할 수 있도록 도와줍니다.

소리 아이콘
사운드
오디오 신호를 사용하여 피드백을 제공하고, 작업을 강화하고, 접근성을 지원합니다.

타이포그래피 아이콘
타이포그래피
일관된 형식 선택 및 계층 구조로 톤을 설정하고 가독성을 향상시킵니다.

유용성 아이콘
유용성
직관적인 상호 작용, 명확한 어워던스 및 접근성을 통해 앱을 쉽게 사용할 수 있는지 확인합니다.

위젯 아이콘
위젯
키 정보 및 작업을 표시하는 눈에 띄는 대화형 표면으로 앱을 확장합니다.

쓰기 아이콘
쓰기
명확하고 간결하며 유용한 언어를 사용하여 이해를 높이고 인지 부하를 줄입니다.