창 프레임

대부분의 프로그램은 표준 창 프레임을 사용해야 합니다. 몰입형 애플리케이션은 창 프레임을 숨기는 전체 화면 모드를 가질 수 있습니다. 더 간단하고 가벼우며 응집력 있는 룩을 위해 유리를 전략적으로 사용하는 것이 좋습니다.

창 프레임을 사용하면 사용자가 창을 조작하고 제목과 아이콘을 보고 콘텐츠를 식별할 수 있습니다.

메모장 창스크린샷

일반적인 창 프레임입니다.

참고: 창 관리 및 브랜딩 관련된 지침은 별도의 문서에 제공됩니다.

디자인 개념

유리 창 프레임

유리 창 프레임은 매력적이고 가벼운 것을 목표로하는 Microsoft Windows 미학의 눈에 띄는 새로운 측면입니다. 이러한 반투명 프레임은 창을 열고 덜 방해가 되는 모양을 제공하므로 사용자는 이를 둘러싼 인터페이스가 아닌 콘텐츠와 기능에 집중할 수 있습니다.

계산기스크린 샷

유리 창 프레임.

창 틀에 닿는 창 내의 작은 지역에서 유리를 전략적으로 사용할 수 있습니다. 이러한 지역은 기술적으로 창의 클라이언트 영역에 속하더라도 창 프레임의 일부인 것처럼 보입니다.

반투명 가장자리스크린샷

이 예제에서는 프레임의 일부처럼 보이도록 클라이언트 영역에서 유리를 사용합니다.

숨겨진 프레임

경우에 따라 최상의 창 프레임은 프레임이 전혀 없습니다. 미디어 플레이어, 게임 및 키오스크 애플리케이션과 같은 다른 프로그램과 함께 사용되지 않는 몰입형 전체 화면 애플리케이션의 기본 창 경우가 많습니다.

콘텐츠 뷰어는 콘텐츠 전체 화면을 표시하는 옵션을 사용하는 것이 좋습니다. 예를 들어 Windows Internet Explorer, Windows Live 사진 갤러리, Windows Movie Maker HD, Microsoft PowerPoint 및 Microsoft Word가 있습니다.

전체 화면 보기

이 예제에서 Windows Media Player는 콘텐츠 전체 화면을 표시할 수 있습니다.

사용자 지정 프레임

대부분의 Windows 애플리케이션은 표준 창 프레임을 사용해야 합니다. 그러나 게임 및 키오스크 애플리케이션과 같은 몰입형 전체 화면의 독립 실행형 애플리케이션의 경우 전체 화면이 표시되지 않는 모든 창에 사용자 지정 프레임을 사용하는 것이 적절할 수 있습니다. 사용자 지정 프레임을 사용하는 동기는 브랜딩뿐만 아니라 전반적인 환경에 고유한 느낌을 주는 것입니다.

스크램블 그림 퍼즐과 프레임그림

사용자 지정 프레임은 게임과 같은 몰입형, 전체 화면, 독립 실행형 애플리케이션에 적합합니다.

지침

창 프레임

• 표준 창 프레임을 사용합니다.

  • 예외: 몰입형 전체 화면을 제공하기 위해 독립 실행형 애플리케이션에 고유한 느낌을 줍니다.

    • 기본 창창 프레임을 숨기는 것이 좋습니다.

    • 보조 창사용자 지정 프레임을 사용하는 것이 좋습니다.

    • 사용자 지정 프레임이 적절한 경우 가볍고 자체에 너무 많은 관심을 끌지 않는 디자인을 선택합니다.

      틀렸습니다.

      방해가 스크린샷

      이 예제에서는 사용자 지정 프레임 자체에 너무 많은 주의를 기울입니다.

• 창 프레임에 컨트롤을 추가하지 마세요. 대신 창 내에 컨트롤을 배치합니다.

  틀렸습니다.

  창 프레임

  수정:

  클라이언트 영역스크린샷

  올바른 예제에서 컨트롤은 창 프레임 대신 클라이언트 영역 내에 있습니다.

전체 화면 모드

• 선택적 전체 화면 모드가 있는 프로그램의 경우 전체 화면 모드를 사용하도록 설정합니다.

  • 메뉴 모음 또는 도구 모음에 모달 전체 화면 명령을 사용합니다. 사용자가 명령을 클릭하면 선택한 상태로 명령을 표시합니다.

    전체 화면 메뉴 항목이스크린샷

    이 예제에서는 표준 바로 가기 키와 함께 전체 화면 명령을 보여 줍니다.

• 전체 화면 바로 가기 키에 F11을 사용합니다.

• 도구 모음이 있고 전체 화면 모드가 일반적으로 사용되는 경우 전체 화면 도구 설명이 있는 그래픽 도구 모음 단추도 있습니다.

  전체 화면의 스크린샷을 되돌리기

  전체 화면 도구 모음 단추의 예입니다.

• 전체 화면 모드에서 되돌리려면 다음을 수행합니다.

  • 메뉴 모음 또는 도구 모음에 모달 전체 화면 명령을 사용합니다. 사용자가 명령을 클릭하면 명령이 지워진 상태로 표시됩니다.
  • 전체 화면 바로 가기 키에 F11을 사용합니다. 아직 할당되지 않은 경우 이 용도로 Esc를 사용할 수도 있습니다.

잔

표준 창 프레임은 Windows에서 자동으로 유리를 사용하지만 창 프레임에 닿는 지역에서 유리를 사용할 수도 있습니다.

• 텍스트 없이 창 틀을 터치하는 작은 지역에서 유리를 전략적으로 사용하는 것이 좋습니다. 이렇게 하면 영역을 프레임의 일부로 표시하여 프로그램을 더 간단하고 가벼우며 응집력 있는 모양으로 만들 수 있습니다.
• 반투명 가장자리스크린샷
• 이 예제에서 Glass는 컨트롤 대신 콘텐츠에 대한 사용자의 주의를 집중합니다.
• 일반 창 배경이 더 매력적이거나 사용하기 쉬운 상황에서는 유리를 사용하지 마십시오.

수정:

그래픽 4개와 레이블

이 예제에서는 Alt+Tab 창에 간단한 모양을 제공하는 데 유리가 사용됩니다. Glass는 그래픽과 강력한 단일 텍스트 레이블로 구성되므로 이 창에서 작동합니다.

틀렸습니다.

12개의 그래픽이스크린샷

이 잘못된 예에서 유리의 사용은 산만합니다. 일반 창 배경은 더 나은 선택이 될 것입니다.