창 관리

참고

이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션 및 예제에는 현재 디자인 지침이 반영되지 않습니다.

이 문서에서는 처음 화면에 표시될 때 창의 기본 배치, 다른 창(Z 순서)에 상대적인 누적 순서, 초기 크기 및 표시가 입력 포커스에 미치는 영향에 대해 설명합니다.

다음 지침은 다음과 같습니다.

• 최상위 창에는 소유자 창이 없으며 작업 표시줄에 표시됩니다. 예: 애플리케이션 창. Windows Vista 이상에서는 소유자 창 및 속성 시트가 없는 대화 상자도 최상위로 간주됩니다.
• 소유 창에는 소유자 창이 있으며 작업 표시줄에 표시되지 않습니다. 예: 모달 대화 상자, 모덜리스 대화 상자.
• 사용자 시작 창은 사용자의 작업의 직접적인 결과로 표시됩니다. 그렇지 않으면 프로그램에서 시작한 경우 프로그램이 시작되거나 Microsoft Windows 에서 시작된 경우 시스템이 시작됩니다. 예를 들어 옵션 대화 상자는 사용자가 시작하지만 모임 미리 알림이 프로그램이 시작됩니다.
• 컨텍스트 창은 시작된 개체와 강력한 관계가 있는 사용자 시작 창입니다. 예를 들어 상황에 맞는 메뉴 또는 알림 영역 아이콘으로 표시되는 창은 상황에 맞는 창이지만 메뉴 모음에 표시되는 창은 그렇지 않습니다.
• 활성 모니터는 활성 프로그램이 실행 중인 모니터입니다.
• 기본 모니터는 시작 메뉴, 작업 표시줄 및 알림 영역이 있는 모니터입니다.

설계 개념

창 관리는 가장 기본적인 사용자 활동 중 하나입니다. Windows Vista 이전에는 창에 작은 기본 크기가 부여되고 화면 중간에 배치되는 경우가 많았습니다. 이 접근 방식은 이전의 단일 저해상도 모니터에서는 잘 작동하지만 최신 비디오 하드웨어에는 작동하지 않습니다.

Windows는 지원되는 최소 화면 해상도보다 훨씬 높은 해상도로 실행되는 최신 비디오 하드웨어를 지원하도록 설계되었으며 여러 모니터가 있을 수 있습니다. 그러면 다음이 수행됩니다.

• 사용자가 고급 하드웨어를 완전히 활용할 수 있습니다.
• 더 먼 거리에서 마우스를 이동하려면 사용자의 노력이 덜 필요합니다.
• 창 배치를 보다 예측 가능하고 쉽게 찾을 수 있도록 합니다.

지원되는 최소 화면 해상도

Windows에서 지원하는 최소 유효 화면 해상도 는 800x600픽셀입니다. 즉, 고정 크기 창은 작업 표시줄의 공간을 예약하는 동안 최소 해상도로 완전히 표시되어야 하지만 크기 조정 가능한 창은 최소 해상도에서 작동하는 한 1024x768 픽셀의 유효 해상도에 최적화할 수 있습니다.

현재 Windows PC의 가장 일반적인 실제 화면 해상도는 1024x768픽셀 이상이지만 800x600픽셀을 대상으로 하면 Windows에서 다음을 수행할 수 있습니다.

• 소형 노트북 PC를 비롯한 모든 최신 하드웨어에서 잘 작동합니다.
• 높은 dpi(인치당 점 수) 설정을 지원합니다.
• 접근성을 위해 더 큰 글꼴을 지원합니다.
• 전역적으로 사용되는 하드웨어를 지원합니다.

지원할 최소 해상도를 선택하려면 적절한 균형을 맞추는 것이 필요합니다. 더 높은 해상도를 대상으로 지정하면 현대 하드웨어의 상당한 비율에 대해 최적이 않은 환경이 생성되는 반면, 낮은 해상도를 대상으로 하면 디자이너가 사용 가능한 화면 공간을 최대한 활용할 수 없습니다.

대상 사용자가 Windows 최소값보다 훨씬 더 높은 해상도를 사용하고 있다고 생각되면 크기를 조정하는 크기 조정 가능한 창을 사용하여 추가 화면 공간을 최대한 활용하도록 프로그램을 디자인할 수 있습니다.

지침

일반

• 800x600 픽셀의 최소 Windows 유효 해상도를 지원합니다. 안전 모드에서 작동해야 하는 중요한 UI(사용자 인터페이스)의 경우 640x480 픽셀의 효과적인 해상도를 지원합니다. 작업 표시줄에 표시된 창에 대해 48개의 세로 상대 픽셀 을 예약하여 작업 표시줄에서 사용하는 공간을 고려해야 합니다.
• 1024x768 픽셀의 효과적인 해상도를 위해 크기 조정 가능한 창 레이아웃을 최적화합니다. 여전히 작동하는 방식으로 낮은 화면 해상도를 위해 이러한 창의 크기를 자동으로 조정합니다.
• 800x600 픽셀에서 96dpi(100%), 1024x768 픽셀에서 120dpi(125%), 1200x900 픽셀에서 144dpi(150%)로 창을 테스트해야 합니다. 컨트롤, 텍스트 및 창의 클리핑, 아이콘 및 비트맵 확장과 같은 레이아웃 문제를 확인합니다.
• 터치 및 모바일 사용 시나리오가 있는 프로그램의 경우 120dpi에 최적화합니다. 높은 dpi 화면은 현재 터치 및 모바일 PC에서 널리 사용됩니다.
• 크기 조정 가능한 창은 다음 때문에 더 이상 오른쪽 아래 모서리에 크기 조정 문자 모양을 표시하지 않아야 합니다 .
  • 창의 모든 면과 가장자리는 오른쪽 아래 모서리뿐만 아니라 크기 조정이 가능합니다.
  • 문자 모양은 표시할 상태 막대가 필요하지만 크기가 조정 가능한 많은 창은 상태 막대를 제공하지 않습니다.
  • 크기 조정 가능한 창 테두리 및 크기 조정 포인터는 크기 조정 문자 모양보다 창의 크기를 조정할 수 있다는 것을 전달하는 데 더 효과적입니다.

제목 표시줄 컨트롤

제목 표시줄 컨트롤을 다음과 같이 사용합니다.

• 거의 정확합니다. 표준 창 프레임이 있는 모든 기본 및 보조 창에는 제목 표시줄에 닫기 단추가 있어야 합니다. 닫기를 클릭하면 창을 취소하거나 닫을 수 있습니다.

이 예제에서는 대화 상자에 제목 표시줄에 닫기 단추가 없습니다.

• 최소화. 모든 기본 창 및 장기 실행 모덜리스 보조 창(예: 진행률 대화 상자)에는 최소화 단추가 있어야 합니다. 최소화를 클릭하면 창이 작업 표시줄 단추로 줄어듭니다. 따라서 최소화할 수 있는 창에는 제목 표시줄 아이콘이 필요합니다.
• 최대화/복원을 중지합니다. 크기 조정 가능한 모든 창에는 최대화/복원 다운 단추가 있어야 합니다. 최대화를 클릭하면 창이 가장 큰 크기로 표시되며, 대부분의 창은 전체 화면입니다. 반면 복원을 클릭하면 이전 크기의 창이 표시됩니다. 그러나 일부 창은 전체 화면을 사용하면 이점이 없으므로 이러한 창은 가장 큰 유용한 크기로 최대화되어야 합니다.

창 크기

• 콘텐츠에 적합한 기본 창 크기를 선택합니다. 공간을 효과적으로 사용할 수 있는 경우 더 큰 초기 창 크기를 사용하는 것을 두려워하지 마세요.
• 스크롤 막대 및 잘린 데이터를 방지하려면 실용적일 때마다 크기 조정 가능한 창을 사용합니다. 동적 콘텐츠와 목록이 있는 Windows는 크기 조정 가능한 창을 최대한 활용할 수 있습니다.
• 텍스트 문서의 경우 텍스트를 쉽게 읽을 수 있도록 최대 줄 길이는 65자입니다. 문자에는 문자, 문장 부호 및 공백이 포함됩니다.
• 고정 크기 창:
  • 작업 영역에 맞게 완전히 표시되고 크기가 조정되어야 합니다.
• 크기 조정 가능한 창:
  • 더 높은 해상도에 최적화될 수 있지만, 디스플레이 시 필요에 따라 실제 화면 해상도까지 크기가 축소됩니다.
  • 점진적으로 더 큰 창 크기의 경우 는 점진적으로 더 많은 정보를 표시해야 합니다. 하나 이상의 창 부분 또는 컨트롤에 크기 조정 가능한 콘텐츠가 있는지 확인합니다.
  • 최대화되거나 거의 최대화된 기본 복원된 크기를 피해야 합니다. 대신 전체 화면 없이 일반적으로 가장 유용한 기본 크기를 선택합니다. 사용자가 전체 화면으로 만들기 위해 크기를 조정하는 대신 창을 최대화한다고 가정합니다.
  • 콘텐츠가 더 이상 사용할 수 없는 아래 크기가 있는 경우 최소 창 크기를 설정해야 합니다. 크기 조정 가능한 컨트롤의 경우 크기 조정 가능한 최소 요소 크기를 목록 보기의 최소 기능 열 너비와 같은 가장 작은 기능 크기로 설정합니다.
  • 이렇게 하면 콘텐츠를 더 작은 크기로 사용할 수 있는 경우 프레젠테이션을 변경해야 합니다.

이 예제에서는 창이 표준 형식에 비해 너무 작아지면 Windows 미디어 플레이어 형식을 변경합니다.

창 위치

• 다음 지침의 경우 "가운데 맞춤"은 정확히 중간에 배치하는 대신 모니터의 위쪽으로 세로 배치를 약간 편향하는 것을 의미합니다. 모니터/소유자의 위쪽과 창 위쪽 사이에 공간의 45%를, 모니터/소유자의 아래쪽과 창 아래쪽 사이에 55%를 배치합니다. 눈이 화면 위쪽으로 자연스럽게 편향되어 있기 때문에 이 작업을 수행합니다.

  

  "가운데 맞춤"은 세로 배치를 모니터 위쪽으로 약간 편향하는 것을 의미합니다.

• 창이 상황에 맞는 경우 항상 창이 시작된 개체 근처에 표시합니다. 원본 개체가 창에 포함되지 않도록 방해가 되지 않도록 배치합니다.

  • 마우스를 사용하여 표시되는 경우 가능한 경우 아래쪽 및 오른쪽으로 오프셋합니다.

  

  시작된 개체 근처에 상황별 창을 표시합니다.

  

  알림 영역에서 시작된 Windows 아이콘이 알림 영역 근처에 표시됩니다.

• 펜을 사용하여 표시되는 경우 가능한 경우 사용자의 손으로 덮지 않도록 펜을 배치합니다. 오른손잡이 사용자의 경우 왼쪽에 를 표시합니다. 그렇지 않으면 오른쪽에 표시됩니다.

  

  펜을 사용하는 경우 사용자의 손이 덮이지 않도록 상황에 맞는 창을 표시합니다.

• 개발자:GetMessageExtraInfo API를 사용하여 마우스 이벤트와 펜 이벤트를 구분할 수 있습니다. SPI_GETMENUDROPALIGNMENT SystemParametersInfo API를 사용하여 사용자의 손짓을 확인할 수 있습니다.

• 진행률 대화 상자를 활성 모니터의 오른쪽 아래 모서리에 배치합니다.

  

  오른쪽 아래 모서리에 진행률 대화 상자를 배치합니다.

• 창이 현재 컨텍스트 또는 사용자 작업과 관련이 없는 경우 현재 포인터 위치에서 멀리 배치합니다. 이렇게 하면 실수로 인한 상호 작용을 방지할 수 있습니다.

• 창이 최상위 애플리케이션 또는 문서인 경우 항상 모니터의 왼쪽 위 모서리에서 원본을 계단식으로 연결합니다. 활성 프로그램에서 만든 경우 활성 모니터를 사용합니다. 그렇지 않으면 기본 모니터를 사용합니다.

  

  모니터의 왼쪽 위 모서리에서 최상위 애플리케이션 또는 문서 창을 계단식으로 연결합니다.

• 창이 최상위 유틸리티인 경우 항상 모니터에 "가운데"로 표시합니다. 활성 프로그램에서 만든 경우 활성 모니터를 사용합니다. 그렇지 않으면 기본 모니터를 사용합니다.

  

  최상위 유틸리티 창을 가운데에 배치합니다.

• 창이 소유 창인 경우 처음에는 소유자 창 위에 "가운데"로 표시합니다. 후속 디스플레이의 경우 소유자 창을 기준으로 마지막 위치에 표시하는 것이 더 편리할 수 있습니다.

  

  처음에는 소유자 창 위에 소유된 창을 가운데에 배치합니다.

• 모덜리스 대화 상자의 경우 항상 소유자 창 위에 처음에 표시하여 쉽게 찾을 수 있도록 합니다. 그러나 사용자가 소유자 창을 활성화하면 모덜리스 대화 상자가 가려질 수 있습니다.

  

  처음에는 소유자 창 위에 모덜리스 대화 상자를 표시하여 쉽게 찾을 수 있습니다.

• 필요한 경우 전체 창이 대상 모니터 내에 표시되도록 초기 위치를 조정합니다. 크기 조정 가능한 창이 대상 모니터보다 크면 맞게 줄입니다.

창 순서(Z 순서)

• 항상 소유자 창 위에 소유 창을 배치합니다. 대부분의 경우 사용자가 볼 수 없으므로 소유 창을 소유자 창 아래에 두지 마세요.
• 사용자의 Z 주문 선택을 존중합니다. 사용자가 창을 선택하면 프로그램의 해당 instance 연결된 창(창과 소유자 또는 소유 창)만 Z 주문의 맨 위로 가져옵니다. 동일한 프로그램의 독립 인스턴스와 같은 다른 창의 순서를 변경하지 마세요.

창 활성화

• 사용자의 창 상태 선택을 존중합니다. 기존 창에 주의가 필요한 경우 작업 표시줄 단추를 세 번 플래시하여 주의를 끌고 강조 표시된 상태로 두지만 다른 작업은 수행하지 않습니다. 창을 복원하거나 활성화하지 마세요. 사운드 효과를 사용하지 마세요. 대신 사용자가 준비가 되면 창을 활성화하도록 합니다.
  • 예외: 창이 작업 표시줄에 표시되지 않으면 다른 모든 창의 맨 위로 가져와 제목 표시줄을 플래시합니다.
• 기본 창을 복원하면 보조 창에 고유한 작업 표시줄 단추가 있더라도 모든 보조 창이 복원됩니다. 복원할 때 주 창 위에 보조 창을 배치합니다.

입력 포커스

• 사용자가 시작한 작업으로 표시되는 Windows는 입력 포커스를 사용해야 하지만 창이 즉시 렌더링되는 경우에만 (5초 이내) 창이 렌더링되면 입력 포커스를 한 번 사용할 수 있습니다.
  • 창이 느리게 렌더링되는 경우(5초 이상) 사용자가 기다리는 동안 다른 작업을 수행할 수 있습니다. 이 시점에서 초점을 맞추는 것은 성가신 일이 될 것입니다, 특히 두 번 이상 수행 하는 경우.
• 시스템 시작 작업에 의해 즉시 표시되거나 표시되지 않는 Windows는 입력 포커스를 가져서는 안 됩니다. 대신 포커스 없이 맨 위에 표시하고 사용자가 준비가 되면 활성화할 수 있습니다.
  • 예외: 자격 증명 관리자.

지속성

• 창이 다시 표시되면 마지막으로 액세스한 것과 동일한 상태로 표시하는 것이 좋습니다. 닫을 때 사용된 모니터, 창 크기, 위치 및 상태(최대화 및 복원)를 저장합니다. 다시 표시할 때 적절한 모니터를 사용하여 저장된 창 크기, 위치 및 상태를 복원합니다. 또한 이러한 특성을 사용자 단위로 프로그램 인스턴스 간에 유지하는 것이 좋습니다. 예외:
  • 사용자가 완전히 다시 시작하려고 할 가능성이 훨씬 더 높은 경우 이러한 특성을 Windows에 저장하거나 유지하지 마세요.
  • Windows Tablet 및 Touch Technology 컴퓨터에서 사용할 수 있는 프로그램의 경우 가로 및 세로 모드에 대해 두 개의 창 상태를 저장합니다. 자세한 내용은 다양한 디스플레이 크기에 대한 디자인을 참조하세요.
• 현재 모니터 구성이 마지막 상태를 사용하여 창을 표시하지 못하게 하는 경우:
  • 마지막 모니터를 사용하여 창을 표시해 보세요.
  • 창이 모니터보다 큰 경우 필요에 따라 창의 크기를 조정합니다.
  • 필요에 따라 위치를 왼쪽 위 모서리로 이동하여 모니터 내에 맞도록 합니다.
  • 위의 단계가 문제를 해결하지 못하는 경우 기본 창 배치 지침에 되돌리기. 가능한 경우 이전 크기를 복원하는 것이 좋습니다.