Windows 7 도구 모음

아티클
06/13/2023

참고

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

도구 모음은 효율적인 액세스를 위해 명령을 그룹화할 수 있는 방법입니다.

레이블이 지정된 요소가 있는 두 도구 모음의 스크린샷

몇 가지 일반적인 도구 모음.

메뉴 모음 대신 또는 대신 도구 모음을 사용합니다. 도구 모음은 직접(마우스 클릭 시 표시되는 대신 항상 표시됨), 즉시(추가 입력 필요 대신) 가장 자주 사용하는 명령(포괄적인 목록 대신)을 포함하기 때문에 메뉴 모음보다 더 효율적일 수 있습니다. 메뉴 모음과 달리 도구 모음은 빠르고 편리하며 효율적일 때 포괄적이거나 설명이 필요하지 않습니다.

일부 도구 모음은 사용자가 도구 모음을 추가 또는 제거하고, 크기와 위치를 변경하고, 콘텐츠를 변경할 수 있도록 사용자 지정할 수 있습니다. 일부 유형의 도구 모음은 도킹 해제되어 팔레트 창이 생성될 수 있습니다. 도구 모음 종류에 대한 자세한 내용은 이 문서의 사용 패턴을 참조하세요.

참고

메뉴, 명령 단추 및 아이콘과 관련된 지침은 별도의 문서에 제공됩니다.

올바른 사용자 인터페이스인가요?

결정하기 전에 다음 사항을 고려합니다.

창이 기본 창인가요? 도구 모음은 기본 창에서 잘 작동하지만 일반적으로 보조 창에는 압도적입니다. 보조 창의 경우 명령 단추, 메뉴 단추 및 링크를 대신 사용합니다.
자주 사용하는 명령 수가 적습니까? 도구 모음은 메뉴 모음만큼 많은 명령을 처리할 수 없으므로 자주 사용하는 적은 수의 명령에 효율적으로 액세스하는 방법으로 가장 적합합니다.
대부분의 명령이 즉시 실행되고 있나요? 즉, 대부분 추가 입력이 필요하지 않은 명령인가요? 효율성을 위해 도구 모음은 직접적이고 즉각적인 느낌을 가져야 합니다. 그렇지 않은 경우 메뉴 모음은 추가 입력이 필요한 명령에 더 적합합니다.
대부분의 명령을 직접 표시할 수 있나요? 즉, 사용자는 한 번의 클릭으로 상호 작용합니까? 메뉴 단추를 사용하여 일부 명령을 표시할 수 있지만 대부분의 명령을 이러한 방식으로 표시하면 도구 모음의 효율성이 떨어지므로 메뉴 모음을 선택하는 것이 좋습니다.
명령이 아이콘으로 잘 표시되어 있나요? 도구 모음 단추는 일반적으로 텍스트 레이블 대신 아이콘으로 표현되지만(일부 도구 모음 단추는 둘 다 사용하지만) 메뉴 명령은 텍스트로 표시됩니다. 명령 아이콘의 품질이 높지 않고 설명이 아닌 경우 메뉴 모음이 더 적합할 수 있습니다.

프로그램에 메뉴 모음이 없는 도구 모음이 있고 대부분의 명령이 메뉴 단추와 분할 단추를 통해 간접적으로 액세스할 수 있는 경우 이 도구 모음은 기본적으로 메뉴 모음입니다. 대신 메뉴 지침에 도구 모음 메뉴 패턴을 적용합니다.

설계 개념

좋은 메뉴 모음은 사용 가능한 모든 최상위 명령의 포괄적인 카탈로그인 반면, 좋은 도구 모음은 자주 사용하는 명령에 빠르고 편리하게 액세스할 수 있도록 합니다. 도구 모음은 사용자가 생산성을 높일 수 있도록 학습하려고 시도하지 않습니다. 사용자가 도구 모음에서 명령에 액세스하는 방법을 알게 되면 메뉴 모음에서 명령에 계속 액세스하지 않습니다. 이러한 이유로 프로그램의 메뉴 모음과 도구 모음은 직접 대응하지 않아도 됩니다.

일반적으로 도구 모음은 다음과 같은 방법으로 메뉴 모음과 다릅니다.

주파수. 도구 모음은 가장 자주 사용되는 명령만 표시하는 반면 메뉴 모음은 프로그램 내에서 사용 가능한 모든 최상위 명령을 카탈로그화합니다.
즉시. 도구 모음 명령을 클릭하면 즉시 적용되는 반면 메뉴 명령에는 추가 입력이 필요할 수 있습니다. 예를 들어 메뉴 모음의 인쇄 명령은 먼저 인쇄 대화 상자를 표시하는 반면 인쇄 도구 모음 단추는 문서의 복사본 하나를 기본 프린터로 즉시 인쇄합니다.

이 예제에서 인쇄 도구 모음 단추를 클릭하면 문서의 단일 복사본이 기본 프린터로 즉시 인쇄됩니다.
직접성. 도구 모음 명령은 한 번의 클릭으로 호출되는 반면 메뉴 모음 명령은 메뉴를 탐색해야 합니다.
숫자 및 밀도. 도구 모음에 필요한 화면 공간은 명령 수에 비례하며 명령이 없더라도 항상 해당 공간이 사용됩니다. 따라서 도구 모음은 공간을 효율적으로 사용해야 합니다. 반면 메뉴 모음 명령은 일반적으로 보기에서 숨겨지고 계층 구조는 모든 수의 명령을 허용합니다.
크기 및 프레젠테이션. 작은 공간에 많은 명령을 압축하기 위해 도구 모음은 일반적으로 아이콘 기반 명령(도구 설명 기반 레이블 포함)을 사용하는 반면 메뉴 모음은 텍스트 기반 명령(선택적 아이콘 포함)을 사용합니다. 도구 모음 단추에는 표준 텍스트 레이블이 있을 수 있지만 훨씬 더 많은 공간을 사용합니다.

레이블이 지정된 도구 모음 단추는 레이블이 지정되지 않은 단추의 3배 이상의 공간을 차지합니다.
자기 설명. 잘 디자인된 도구 모음에는 사용자가 도구 설명만 사용하여 명령을 효율적으로 찾을 수 없으므로 대부분 설명이 필요한 아이콘이 필요합니다. 그러나 자주 사용되지 않는 몇 가지 명령이 설명이 아닌 경우 도구 모음은 여전히 잘 작동합니다.

이 예제에서 가장 자주 사용되는 아이콘은 자체 설명입니다.
인식할 수 있고 구별할 수 있습니다. 자주 사용되는 명령의 경우 사용자는 위치, 모양 및 색과 같은 도구 모음 단추 특성을 기억합니다. 잘 디자인된 도구 모음을 사용하면 정확한 아이콘 기호가 기억나지 않더라도 명령을 빠르게 찾을 수 있습니다. 반면, 사용자는 자주 사용되는 메뉴 모음 명령 위치를 기억하지만 선택하기 위해 명령 레이블을 사용합니다.

도구 모음 명령의 경우 고유한 위치, 모양 및 색을 사용하면 아이콘을 인식할 수 있고 구별할 수 있습니다.

메뉴 모음 명령의 경우 사용자는 궁극적으로 레이블에 의존합니다.

효율성

특성을 고려할 때 도구 모음은 주로 효율성을 위해 설계되어야 합니다. 비효율적인 도구 모음은 의미가 없습니다.

한 가지만 수행하면...

도구 모음이 주로 효율성을 위해 디자인되었는지 확인합니다. 자주 사용되고, 즉각적이고, 직접적이고, 빠르게 인식할 수 있는 명령에 도구 모음을 집중합니다.

일반적으로 도구 모음은 메뉴 모음과 함께 잘 작동합니다. 좋은 도구 모음은 효율성을 제공하고 좋은 메뉴 모음은 포괄적입니다. 메뉴 모음과 도구 모음을 모두 사용하면 각각 손상 없이 강점에 집중할 수 있습니다.

놀랍게도 이 모델은 간단한 프로그램으로 세분화됩니다. 명령이 몇 가지인 프로그램의 경우 메뉴 모음과 도구 모음이 모두 있으면 메뉴 모음이 도구 모음의 중복되고 비효율적인 버전이 되기 때문에 의미가 없습니다.

이러한 중복성을 제거하기 위해 Windows Vista의 많은 간단한 프로그램은 도구 모음을 통해서만 명령을 제공하고 기본적으로 메뉴 모음을 숨기는 데 중점을 줍니다. 이러한 프로그램에는 Windows Explorer, Windows Internet Explorer, Windows 미디어 플레이어 및 Windows 사진 갤러리가 포함됩니다.

이것은 작은 변화가 아닙니다. 메뉴 모음을 제거하면 도구 모음의 특성이 근본적으로 변경됩니다. 이러한 도구 모음은 다음과 같은 방식으로 포괄적이고 변경되어야 하기 때문입니다.

주파수. 메뉴 모음을 제거하면 사용 빈도에 관계없이 창 또는 상황에 맞는 메뉴에서 직접 사용할 수 없는 모든 명령에 도구 모음에서 액세스할 수 있어야 합니다.
즉시. 메뉴 모음을 제거하면 도구 모음이 명령에 유일하게 표시되는 액세스 지점이 되며 도구 모음에 완벽하게 작동하는 버전이 있어야 합니다. 예를 들어 메뉴 모음이 없는 경우 도구 모음의 인쇄 명령은 즉시 인쇄하는 대신 인쇄 대화 상자를 표시해야 합니다. (이 경우 분할 단추를 사용하는 것이 매우 손상됩니다. 표준 인쇄 분할 단추는 표준 메뉴 및 분할 단추를 참조하세요.)

이 예제에서는 Windows 사진 갤러리의 인쇄 도구 모음 단추에 인쇄 대화 상자를 표시하는 인쇄 명령이 있습니다.
직접성. 공간을 절약하고 혼란을 방지하기 위해 덜 자주 사용되는 명령을 메뉴 단추로 이동하여 덜 직접적일 수 있습니다.

메뉴 모음을 보완하는 데 사용되는 도구 모음은 제거되거나 숨겨진 메뉴 모음에 사용하도록 설계된 도구 모음과 다르게 설계되었습니다. 또한 사용자가 숨겨진 메뉴 모음을 표시하여 단일 명령을 수행한다고 가정할 수 없으므로 디자인 결정을 내릴 때 메뉴 모음을 완전히 제거하는 것과 동일하게 메뉴 모음을 숨겨야 합니다. 기본적으로 메뉴 모음을 숨기는 경우 사용자가 메뉴 모음을 표시하여 명령을 찾거나 표시하는 방법을 파악한다고 가정하지 마세요.

메뉴 모음 없이 작동하도록 도구 모음을 디자인하는 경우 몇 가지 손상이 발생하는 경우가 많습니다. 그러나 효율성을 위해 너무 많이 타협하지 마십시오. 메뉴 모음을 숨기면 도구 모음이 비효율적인 경우 메뉴 모음을 숨기지 마세요.

키보드 접근성

키보드에서 도구 모음에 액세스하는 것은 메뉴 모음에 액세스하는 것과는 매우 다릅니다. 사용자가 Alt 키를 누르면 메뉴 모음에 입력 포커스가 표시되고 Esc 키로 입력 포커스가 손실됩니다. 메뉴 모음에 입력 포커스가 있으면 창의 나머지 부분과 독립적으로 탐색되어 모든 화살표 키, 홈, 끝 및 탭 키를 처리합니다. 반면 도구 모음은 사용자가 창의 전체 콘텐츠를 통해 Tab 키를 누를 때 입력 포커스를 받습니다. 도구 모음은 탭 순서대로 마지막이므로 사용자가 Shift+Tab을 사용하여 뒤로 이동해야 하는 경우가 아니면 사용 중인 페이지에서 활성화하는 데 상당한 노력이 걸릴 수 있습니다.

접근성은 여기에 딜레마를 제시 : 도구 모음은 마우스 사용자에 대한 쉬운 동안, 그들은 키보드 사용자가 덜 액세스 할 수 있습니다. 메뉴 모음과 도구 모음이 모두 있는 경우에는 문제가 되지 않지만 메뉴 모음이 제거되거나 숨겨진 경우입니다.

접근성을 위해 도구 모음을 위해 메뉴 모음을 완전히 제거하는 대신 메뉴 모음을 유지하는 것이 좋습니다. 메뉴 모음을 제거하고 숨기는 것 중에서 선택해야 하는 경우 숨기는 것이 좋습니다.

사용 패턴

도구 모음에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

사용법	예제
기본 도구 모음 메뉴 모음 없이 작동하도록 디자인된 도구 모음으로, 숨기거나 제거합니다.	기본 도구 모음은 효율성의 필요성과 종합성의 균형을 유지해야 하므로 간단한 프로그램에 가장 적합합니다. Windows Explorer 기본 도구 모음입니다.
추가 도구 모음 메뉴 모음에서 작동하도록 설계된 도구 모음입니다.	보완 도구 모음은 손상 없이 효율성에 집중할 수 있습니다. Windows 무비 메이커의 추가 도구 모음입니다.
도구 모음 메뉴 도구 모음으로 구현된 메뉴 모음입니다.	도구 모음 메뉴는 주로 메뉴 단추 및 분할 단추의 명령으로 구성된 도구 모음이며, 직접 명령이 몇 가지 있는 경우입니다. Windows 사진 갤러리의 도구 모음 메뉴입니다.
사용자 지정 가능한 도구 모음 사용자가 사용자 지정할 수 있는 도구 모음입니다.	사용자 지정 가능한 도구 모음을 사용하면 사용자가 도구 모음을 추가하거나 제거하고, 크기와 위치를 변경하고, 콘텐츠를 변경할 수도 있습니다. Microsoft Visual Studio에서 사용자 지정할 수 있는 도구 모음입니다.
팔레트 창 명령 배열을 표시하는 모덜리스 대화 상자입니다.	팔레트 창은 도킹되지 않은 도구 모음입니다. Windows 그림판의 팔레트 창

도구 모음에는 다음과 같은 스타일이 있습니다.

스타일	예제
레이블이 지정되지 않은 아이콘 레이블이 지정되지 않은 작은 아이콘 단추가 하나 이상 있습니다.	레이블을 지정할 단추가 너무 많거나 프로그램이 자주 사용되는 경우 이 스타일을 사용합니다. 이 스타일을 사용하면 복잡한 기능이 있는 프로그램에 여러 행이 있을 수 있으므로 사용자 지정할 수 있어야 하는 유일한 스타일입니다. 이 스타일을 사용하면 자주 사용되는 경우 일부 명령 단추에 레이블을 지정할 수 있습니다. WordPad의 레이블이 지정되지 않은 아이콘 도구 모음입니다.
레이블이 지정되지 않은 큰 아이콘 레이블이 지정되지 않은 큰 아이콘 단추의 단일 행입니다.	쉽게 인식할 수 있는 아이콘이 있고 일반적으로 작은 창에서 실행되는 간단한 유틸리티에 이 스타일을 사용합니다. Windows Live Messenger 및 Windows 캡처 도구의 레이블이 지정되지 않은 큰 아이콘 도구 모음입니다.
레이블이 지정된 아이콘 레이블이 지정된 작은 아이콘의 단일 행입니다.	명령이 거의 없거나 프로그램이 자주 사용되지 않는 경우 이 스타일을 사용합니다. 이 스타일에는 항상 단일 행이 있습니다. Windows Explorer 레이블이 지정된 아이콘 도구 모음입니다.
부분 도구 모음 전체 도구 모음이 필요하지 않은 경우 공간을 절약하는 데 사용되는 작은 아이콘의 부분 행입니다.	탐색 단추, 검색 상자 또는 탭이 있는 창에 이 스타일을 사용하여 창 위쪽에서 불필요한 가중치를 제거합니다. 부분 도구 모음을 탐색 단추, 검색 상자 또는 탭과 결합할 수 있습니다.
큰 부분 도구 모음 전체 도구 모음이 필요하지 않은 경우 공간을 절약하는 데 사용되는 큰 아이콘의 부분 행입니다.	탐색 단추 또는 검색 상자가 있는 간단한 유틸리티에 이 스타일을 사용하여 창 위쪽에서 불필요한 가중치를 제거합니다. Windows Defender 큰 부분 도구 모음입니다.

마지막으로 도구 모음 컨트롤에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

사용법	예제
명령 아이콘 단추 명령 단추를 클릭하면 즉각적인 작업이 시작됩니다.	Windows 팩스 및 스캔의 아이콘 명령 단추 예제입니다.
모드 아이콘 단추 모드 단추를 클릭하면 선택한 모드로 전환됩니다.	Windows 그림판의 모드 단추 예제입니다.
속성 아이콘 단추 속성 단추의 상태는 현재 선택한 개체의 상태(있는 경우)를 반영합니다. 단추를 클릭하면 선택한 개체에 변경 내용이 적용됩니다.	Microsoft Word 속성 단추의 예입니다.
레이블이 지정된 아이콘 단추 아이콘 및 텍스트 레이블로 레이블이 지정된 명령 단추 또는 속성 단추입니다.	이러한 단추는 아이콘이 충분히 설명이 되지 않는 자주 사용되는 도구 모음 단추에 사용됩니다. 각 단추에 텍스트 레이블이 있을 수 있는 단추가 거의 없는 도구 모음에서도 사용됩니다. 가장 자주 사용되는 단추에 레이블이 지정된 도구 모음입니다.
메뉴 단추 작은 관련 명령 집합을 표시하는 데 사용되는 명령 단추입니다.	아래쪽을 가리키는 단일 삼각형은 단추를 클릭하면 메뉴가 표시됨을 나타냅니다. 작은 관련 명령 집합이 있는 메뉴 단추입니다.
분할 단추 명령의 변형을 통합하는 데 사용되는 명령 단추입니다. 특히 명령 중 하나가 대부분의 경우 사용되는 경우 입니다.	표준 상태의 분할 단추입니다. 메뉴 단추와 마찬가지로 아래쪽을 가리키는 단일 삼각형은 단추의 오른쪽 부분을 클릭하면 메뉴가 표시됨을 나타냅니다. 드롭다운 분할 단추입니다. 이 예제에서는 분할 단추를 사용하여 모든 인쇄 관련 명령을 통합합니다. 직접 인쇄 명령은 대부분의 경우 사용되므로 사용자는 일반적으로 다른 명령을 볼 필요가 없습니다. 메뉴 단추와 달리 단추의 왼쪽 부분을 클릭하면 레이블에 대한 작업이 직접 수행됩니다. 분할 단추는 다음 명령이 마지막 명령과 같을 가능성이 있는 경우에 효과적입니다. 이 경우 레이블은 색 선택기에서와 같이 마지막 명령으로 변경됩니다. 이 예제에서는 레이블이 마지막 명령으로 변경됩니다.
드롭다운 목록 속성을 보거나 변경하는 데 사용되는 드롭다운 목록(편집 가능 또는 읽기 전용)입니다.	이 예제에서는 드롭다운 목록을 사용하여 글꼴 특성을 보고 설정합니다. 도구 모음의 드롭다운 목록은 현재 선택한 개체의 상태(있는 경우)를 반영합니다. 목록을 변경하면 선택한 개체의 상태가 변경됩니다.

지침

프레젠테이션

명령 수 및 사용량에 따라 적합한 도구 모음 스타일을 선택합니다. 선택하는 방법에 대한 지침은 이전 도구 모음 스타일 테이블을 참조하세요. 프로그램 작업 영역에서 너무 많은 공간을 차지하는 도구 모음 구성을 사용하지 않습니다.
도구 모음이 있는 경우 콘텐츠 영역 바로 위에 메뉴 모음 및 주소 표시줄 아래에 배치합니다.
공간이 프리미엄인 경우 다음을 통해 공간을 절약합니다.
- 잘 알려진 아이콘 및 덜 자주 사용되는 명령의 레이블을 생략합니다.
- 전체 창 너비 대신 부분 도구 모음만 사용합니다.
- 메뉴 단추 또는 분할 단추를 사용하여 관련 명령을 통합합니다.
- 오버플로 쉐브론을 사용하여 자주 사용되지 않은 명령을 표시합니다.
- 현재 컨텍스트에 적용되는 경우에만 명령을 표시합니다.
Windows Internet Explorer 도구 모음은 잘 알려진 아이콘의 레이블을 생략하고, 부분 도구 모음을 사용하고, 자주 사용되지 않은 명령에 오버플로 펼침 펼침을 사용하여 공간을 절약합니다.
레이블이 지정되지 않은 아이콘 도구 모음 패턴의 경우 도구 모음 행이 두 개 이하인 기본 구성을 사용합니다. 두 개 이상의 행이 유용할 수 있는 경우 도구 모음을 사용자 지정할 수 있도록 합니다. 두 개 이상의 행으로 시작하면 사용자에게 과부하가 걸리고 프로그램 작업 영역에서 너무 많은 공간을 차지할 수 있습니다.

잘못된 예:

두 개 이상의 도구 모음 행이 있는 기본 구성은 시각적으로 너무 복잡합니다.
현재 컨텍스트에 적용되지 않는 개별 도구 모음 단추를 제거하는 대신 사용하지 않도록 설정합니다 . 이렇게 하면 도구 모음 콘텐츠를 안정적이고 쉽게 찾을 수 있습니다.
개별 도구 모음 단추를 클릭하면 오류가 직접 발생하는 경우 사용하지 않도록 설정합니다. 직접적인 느낌을 유지하기 위해서는 그렇게 해야 합니다.
레이블이 지정되지 않은 아이콘 도구 모음 패턴의 경우 현재 컨텍스트에 적용되지 않는 경우 전체 도구 모음을 제거합니다. 해당 모드에서만 표시합니다.

이 예제에서 디버그 도구 모음은 프로그램이 실행될 때만 표시됩니다.
왼쪽 맞춤 도구 모음 단추를 표시합니다. 도움말 아이콘(있는 경우)이 오른쪽에 맞춰집니다.

도움말을 제외한 모든 도구 모음 단추가 왼쪽에 맞춰집니다.

예외: Windows 7 스타일 도구 모음은 프로그램별 명령을 왼쪽에 맞추지만 옵션, 보기 및 도움말과 같은 잘 알려진 표준 명령을 오른쪽에 맞춥니다.
도구 모음 단추 레이블을 동적으로 변경하지 마세요. 이렇게 하면 혼란스럽고 예기치 않은 작업이 수행됩니다. 그러나 아이콘을 변경하여 현재 상태를 반영할 수 있습니다.

이 예제에서는 아이콘이 기본 명령을 나타내도록 변경됩니다.

컨트롤 및 명령

가장 자주 사용되는 명령을 선호합니다.
- 기본 도구 모음의 경우 포괄적인 명령을 제공합니다. 기본 도구 모음은 메뉴 모음만큼 포괄적일 필요는 없지만 다른 곳에서는 쉽게 검색할 수 없는 모든 명령을 제공해야 합니다. 기본 도구 모음에는 다음을 위한 명령이 필요하지 않습니다.
  - UI 자체에 직접 있는 명령입니다.
  - 일반적으로 상황에 맞는 메뉴를 통해 액세스되는 명령입니다.
  - 잘라내기, 복사 및 붙여넣기와 같은 잘 알려진 표준 명령입니다.
- 추가 도구 모음의 경우 가장 자주 사용되는 명령을 제공합니다. 메뉴 모음 명령은 도구 모음 명령의 상위 집합이므로 모든 항목을 제공할 필요가 없습니다. 빠르고 편리한 명령 액세스에 집중하고 나머지는 건너뜁니다.
직접 컨트롤을 선호합니다. 다음과 같은 기본 설정 순서로 도구 모음 단추를 사용합니다.
- 아이콘 단추. 직접 및 는 최소한의 공간을 사용합니다.
- 레이블이 지정된 아이콘 단추입니다. 직접적이지만 더 많은 공간을 차지합니다.
- 분할 단추. 가장 일반적인 명령에 대한 직접이지만 명령 변형을 처리합니다.
- 메뉴 단추. 간접적이지만 많은 명령을 제공합니다.
즉각적인 명령을 선호합니다. 즉시 실행되거나 유연성을 위한 추가 입력이 있을 수 있는 명령의 경우:
- 기본 도구 모음의 경우 유연한 버전의 명령(예: 인쇄...)을 사용합니다.
- 추가 도구 모음의 경우 도구 모음에서 직접 실행 버전(예: 인쇄)을 사용하고 메뉴 모음에서 유연한 버전(예: 인쇄...)을 사용합니다.
자주 사용되는 명령에 대한 레이블을 제공합니다. 특히 아이콘이 잘 알려진 아이콘이 아닌 경우 입니다.

용인되는:

Better:

Windows 팩스 및 스캔 도구 모음에는 몇 가지 명령이 있으므로 더 나은 버전은 가장 중요한 버전에 레이블을 지정합니다.
도구 모음에 직접 있는 도구 모음 메뉴에는 명령을 배치하지 마세요.

잘못된 예:

이 예제에서 인쇄는 도구 모음에 직접 있으므로 메뉴에 있을 필요가 없습니다.

조직 및 주문

도구 모음 내의 명령을 관련 그룹으로 구성합니다.
가장 자주 사용하는 그룹을 먼저 배치합니다. 그룹 내에서 명령을 논리적 순서로 배치합니다. 전반적으로 명령에는 쉽게 찾을 수 있는 논리적 흐름이 있어야 하지만 가장 자주 사용되는 명령이 먼저 표시됩니다. 이렇게 하면 특히 오버플로가 있는 경우 가장 효율적입니다.
그룹 간 명령이 약하게 결합된 경우에만 그룹 구분자를 사용합니다. 이렇게 하면 그룹화가 명확하고 명령을 더 쉽게 찾을 수 있습니다.

Windows Mail의 그룹화된 도구 모음 예제입니다.
자주 사용하는 명령 옆에 파괴적인 명령을 배치하지 않습니다. 순서 또는 그룹화 중 하나를 사용하여 분리를 가져옵니다. 또한 도구 모음에 파괴적인 명령을 배치하지 않고 대신 메뉴 모음 또는 상황에 맞는 메뉴에만 배치하는 것이 좋습니다.

용인되는:

Better:

더 좋은 예제에서는 Delete 명령이 Print와 물리적으로 구분됩니다.
오버플로 펼침 단추를 사용하여 모든 명령을 표시할 수 없음을 나타냅니다. 그러나 모든 명령을 표시할 공간이 충분하지 않은 경우에만 오버플로를 사용합니다.

잘못된 예:

오버플로 펼침 단추는 모든 명령이 표시되는 것은 아니지만 더 나은 레이아웃을 사용할 수 있음을 나타냅니다.
가장 자주 사용하는 명령은 도구 모음(즉, 오버플로가 아님)에서 작은 창 크기로 직접 액세스할 수 있는지 확인합니다. 필요한 경우 명령의 순서를 변경하거나, 자주 사용되지 않는 명령을 메뉴 단추 또는 분할 단추로 이동하거나, 도구 모음에서 완전히 제거합니다. 문제가 남아 있는 경우 선택한 도구 모음 스타일을 다시 고려하세요.

일반적으로 도구 모음은 메뉴 모음과 함께 잘 작동합니다. 두 도구 모음을 모두 사용하면 각 도구 모음이 손상 없이 강점에 집중할 수 있기 때문입니다.

도구 모음 디자인에서 메뉴 모음이 중복되는 경우 기본적으로 메뉴 모음을 숨깁니다.
키보드 사용자가 메뉴 모음에 더 쉽게 액세스할 수 있으므로 메뉴 모음을 완전히 제거하는 대신 메뉴 모음을 숨깁니다.
메뉴 모음을 복원하려면 보기(기본 도구 모음의 경우) 또는 도구(보조 도구 모음의 경우) 메뉴 범주에 메뉴 모음 확인 표시 옵션을 제공합니다. 자세한 내용은 표준 메뉴 및 분할 단추를 참조하세요.
사용자가 Alt 키를 누를 때 메뉴 모음을 표시하고 첫 번째 메뉴 범주에 입력 포커스를 설정합니다.

상호 작용

마우스로 가리키면 단추 어댑터를 표시하여 아이콘을 클릭할 수 있음을 나타냅니다. 도구 설명 시간 제한 후 도구 설명 또는 정보 설명을 표시합니다.

이 예제에서는 다양한 표시 상태를 보여줍니다.
왼쪽에서 한 번 클릭:
- 명령 단추의 경우 컨트롤과 정상적으로 상호 작용합니다.
- 모드 단추의 경우 현재 선택한 모드를 반영하도록 컨트롤을 표시합니다. 모드가 마우스 상호 작용의 동작에 영향을 미치는 경우 포인터도 변경합니다.
  
  이 예제에서는 마우스 상호 작용 모드를 표시하도록 포인터가 변경됩니다.
- 속성 단추 및 드롭다운 목록의 경우 현재 선택한 개체의 상태를 반영하는 컨트롤(있는 경우)을 표시합니다. 상호 작용 시 컨트롤의 상태를 업데이트하고 선택한 개체에 변경 사항을 적용합니다. 아무것도 선택하지 않으면 아무 것도 수행하지 않습니다.
왼쪽 두 번 클릭에서 왼쪽 한 번 클릭과 동일한 작업을 수행합니다.
- 예외: 드문 경우지만 도구 모음 명령을 더 효율적으로 모듈식으로 사용할 수 있습니다. 이러한 경우 두 번 클릭하여 모드를 전환합니다.
  
  이 예제에서 서식 복사 명령을 두 번 클릭하면 모든 후속 클릭이 형식을 적용하는 모드가 됩니다. 사용자는 한 번의 클릭으로 모드를 벗어날 수 있습니다.
마우스 오른쪽 단추로 클릭:
- 사용자 지정 가능한 도구 모음의 경우 도구 모음을 사용자 지정하기 위한 상황에 맞는 메뉴를 표시합니다. 마우스 위로 마우스가 아닌 마우스를 마우스 오른쪽 단추로 클릭할 때 메뉴를 표시합니다.
- 다른 도구 모음의 경우 아무 것도 수행하지 않습니다.

아이콘

드롭다운 목록을 제외한 모든 도구 모음 컨트롤에 대한 아이콘을 제공합니다.

드롭다운 목록에는 아이콘이 필요하지 않지만 다른 모든 도구 모음 컨트롤은 이 작업을 수행합니다.

예외: Windows 7 스타일 도구 모음은 아이콘이 잘 알려진 명령에만 아이콘을 사용합니다. 그렇지 않으면 아이콘 없이 텍스트 레이블을 사용합니다. 이렇게 하면 레이블의 명확성이 향상되지만 더 많은 공간이 필요합니다.
도구 모음 배경색에 대해 도구 모음 아이콘이 명확하게 표시되는지 확인합니다. 항상 컨텍스트 및 고대비 모드에서 도구 모음 아이콘을 평가합니다.
특히 가장 자주 사용되는 명령에 대해 용도를 명확하게 전달하는 아이콘 디자인을 선택합니다. 사용자가 도구 설명을 사용하여 명령을 효율적으로 찾을 수 없으므로 잘 디자인된 도구 모음에는 설명이 필요한 아이콘이 필요합니다. 그러나 자주 사용되지 않는 몇 가지 명령에 대한 아이콘이 설명이 아닌 경우 도구 모음은 여전히 잘 작동합니다.
특히 가장 자주 사용되는 명령에 대해 인식할 수 있고 구별할 수 있는 아이콘을 선택합니다. 아이콘에 고유한 모양과 색이 있는지 확인합니다. 이렇게 하면 아이콘 기호가 기억나지 않더라도 명령을 빠르게 찾을 수 있습니다.
도구 모음 아이콘이 에어로 스타일 아이콘 지침을 준수하는지 확인합니다.

자세한 내용과 예제는 아이콘을 참조하세요.

도구 모음에서 메뉴 단추와 분할 단추를 사용하는 경우 가능한 경우 다음 표준 메뉴 구조와 관련 명령을 사용하세요. 메뉴 모음과 달리 도구 모음 명령은 액세스 키를 사용하지 않습니다.

기본 도구 모음

이러한 명령은 표준 메뉴 모음에 있는 명령을 미러 기본 도구 모음에만 사용해야 합니다. 이 목록에는 순서 및 구분 기호, 바로 가기 키 및 타원이 있는 단추 레이블(및 형식)이 표시됩니다. 메뉴 모음을 표시하고 숨기는 명령은 보기 메뉴에 있습니다.

파일 NewCtrl+N
열기... Ctrl+O
닫기
<separator>
SaveCtrl+S
다른 이름으로 저장...
<separator>
전송 위치
<separator>
인쇄... Ctrl+P
인쇄 미리 보기
페이지 설정
<separator>
ExitAlt+F4(일반적으로 지정되지 않은 바로 가기)

편집(메뉴 단추) UndoCtrl+Z
RedoCtrl+Y
<separator>
CutCtrl+X
CopyCtrl+C
PasteCtrl+V
<separator>
allCtrl+A 선택
<separator>
DeleteDel(일반적으로 지정되지 않은 바로 가기)
이름 바꾸기...
<separator>
찾을... Ctrl+F
nextF3 찾기(일반적으로 명령이 지정되지 않음)
교체... Ctrl+H
로 가다... Ctrl+G

인쇄(분할 단추) 인쇄... Ctrl+P
인쇄 미리 보기
페이지 설정

보기(메뉴 단추) 메뉴 모음(표시되는 경우 검사)
세부 정보 창(표시되는 경우 검사)
미리 보기 창(표시되는 경우 검사)
상태 표시줄(표시되는 경우 검사)

Zoom
확대/축소Ctrl++
축소Ctrl+-

텍스트 크기(선택한 설정에 글머리 기호 포함)

최대
큼
중간
작음
작은

전체 화면F11
RefreshF5

도구(메뉴 단추) ...

옵션 도움말(분할 단추, 도움말 아이콘 사용) <program name> helpF1

<program name> 정보

추가 도구 모음

이러한 명령은 표준 메뉴 모음을 보완합니다. 이 목록에는 순서 및 구분 기호, 바로 가기 키 및 타원이 있는 단추 레이블(및 형식)이 표시됩니다. 메뉴 모음을 표시하고 숨기는 명령은 도구 메뉴에 있습니다.

추가 도구 모음 범주 이름은 보다 포괄해야 하므로 표준 메뉴 범주 이름과 다릅니다. 예를 들어 편집과 관련이 없는 명령이 포함되어 있으므로 구성 범주는 편집 대신 사용됩니다. 메뉴 모음과 도구 모음 간의 일관성을 유지하려면 오해의 소지가 없는 경우 표준 메뉴 범주 이름을 사용합니다.

잘못된 예:

다른 명령에 대해 동일한 옵션의 스크린샷

이 예제에서는 도구 모음에 표준 편집 메뉴 명령이 있으므로 일관성을 위해 구성 대신 편집을 사용해야 합니다.

팔레트 창

팔레트 창은 짧은 제목 표시줄을 사용하여 화면 공간을 최소화합니다. 제목 표시줄에 닫기 단추를 놓습니다.
제목 표시줄 텍스트를 팔레트 창을 표시하는 명령으로 설정합니다.
문장 부호를 끝내지 않고 문장 스타일 대문자를 사용합니다.
창 관리 명령에 대한 상황에 맞는 메뉴를 제공합니다. 사용자가 제목 표시줄을 마우스 오른쪽 단추로 클릭할 때 이 상황에 맞는 메뉴를 표시합니다.

이 예제에서 사용자는 제목 표시줄을 마우스 오른쪽 단추로 클릭하여 상황에 맞는 메뉴를 표시할 수 있습니다.
가능하고 유용한 경우 팔레트 창을 크기 조정할 수 있도록 합니다. 창 프레임 위에 있을 때 크기 조정 포인터를 사용하여 창의 크기를 조정할 수 있음을 나타냅니다.
팔레트 창이 다시 표시되면 마지막으로 액세스한 것과 동일한 상태를 사용하여 표시합니다. 닫을 때 창 크기와 위치를 저장합니다. 다시 표시할 때 저장된 창 크기와 위치를 복원합니다. 또한 이러한 특성을 사용자 단위로 프로그램 인스턴스 간에 지속적으로 만드는 것이 좋습니다.

사용자 지정

두 개 이상의 행으로 구성된 도구 모음에 대한 사용자 지정을 제공합니다. 레이블이 지정되지 않은 아이콘 스타일만 사용자 지정이 필요합니다. 명령이 거의 없는 간단한 도구 모음에는 사용자 지정이 필요하지 않습니다.
적절한 기본 구성을 제공합니다. 사용자는 일반적인 시나리오에 맞게 도구 모음을 사용자 지정할 필요가 없습니다. 잘못된 초기 구성에서 벗어나는 방법을 사용자 지정하는 사용자에 의존하지 마세요. 대부분의 사용자가 도구 모음을 사용자 지정하지 않는다고 가정합니다.
다음 명령을 사용하여 상황에 맞는 메뉴를 제공합니다.
- 사용 가능한 도구 모음을 표시하는 검사 상자 목록
- 잠금/잠금 해제 도구 모음
- 사용자 지정...
실수로 변경되는 것을 방지하기 위해 기본적으로 사용자 지정 가능한 도구 모음을 잠급니다.
사용자 지정 명령의 경우 표시되는 도구 모음과 각 도구 모음의 명령을 선택하는 기능을 제공하는 옵션 대화 상자를 표시합니다.

이 예제에서 Visual Studio는 도구 모음을 사용자 지정하는 옵션 대화 상자를 제공합니다.
다시 설정 명령을 제공하여 옵션 사용자 지정 대화 상자에서 원래 도구 모음 구성으로 돌아갑니다.
다음과 같은 방법으로 끌어서 놓기를 사용하여 도구 모음을 사용자 지정하는 기능을 제공합니다.
- 도구 모음 순서 및 위치를 설정합니다.
- 도구 모음 길이를 설정하여 너무 작은 도구 모음을 표시하여 오버플로 펼침 단추로 콘텐츠를 표시합니다.
- 지원되는 경우 도구 모음의 도킹을 취소하여 팔레트 창이 되고 그 반대의 경우도 마찬가지입니다.
옵션 사용자 지정 대화 상자가 표시되는 경우:
- 도구 모음 콘텐츠를 설정합니다.
- 도구 모음 콘텐츠의 순서를 설정합니다.
이렇게 하면 사용자가 보다 직접적이고 효율적으로 변경할 수 있습니다.
사용자별로 모든 도구 모음 사용자 지정을 저장 합니다.

타원 사용

도구 모음 명령은 즉각적인 작업에 사용되지만 작업을 수행하려면 추가 정보가 필요한 경우가 있습니다. 명령이 적용되기 전에 추가 정보가 필요함을 나타내려면 줄임표를 사용합니다. 도구 설명 및 레이블의 끝에 줄임표를 배치합니다(있는 경우).

줄임표가 있는 인쇄 도구 설명 텍스트의 스크린샷

이 예제에서는 인쇄... 명령은 자세한 정보를 수집하는 인쇄 대화 상자를 표시합니다.

그러나 명령이 즉시 적용될 수 없는 경우 줄임표가 필요하지 않습니다. 따라서 예를 들어 공유 설정에는 추가 정보가 필요하지만 명령이 즉시 적용될 수 없으므로 줄임표가 없습니다.

도구 모음, 명령 및 도구 설명의 스크린샷

공유 설정 명령은 즉시 적용할 수 없으므로 줄임표가 없습니다.

도구 모음은 지속적으로 표시되고 공간은 프리미엄이므로 타원을 자주 사용하지 않아야 합니다.

참고

도구 모음에 표시되는 메뉴의 경우 메뉴 타원 지침을 적용합니다.

권장 크기 조정 및 간격

간격 정보가 있는 도구 모음의 스크린샷

표준 도구 모음에 권장되는 크기 조정 및 간격입니다.

레이블

일반

문장 스타일의 대문자를 사용합니다.
- 예외: 레거시 애플리케이션의 경우 필요한 경우 대문자 표시 스타일을 혼합하지 않도록 타이틀 스타일 대문자를 사용할 수 있습니다.

레이블이 지정되지 않은 아이콘 단추

도구 설명을 사용하여 명령에 레이블을 지정합니다. 도구 설명 텍스트의 경우 단추에 레이블이 지정된 경우 레이블을 사용하지만 바로 가기 키가 있는 경우 바로 가기 키를 포함합니다.

아이콘 단추 도구 설명의 예입니다.

레이블이 지정된 아이콘 단추

간결한 레이블을 사용합니다. 가능한 경우 한 단어( 최대 4개 단어)를 사용합니다.
아이콘 오른쪽에 레이블을 놓습니다.
infotip을 사용하여 명령을 설명합니다. 단추에 레이블이 지정되므로 인포 설명 대신 도구 설명을 사용하면 중복됩니다.

레이블이 지정된 아이콘 단추 정보 설명의 예입니다.

드롭다운 목록

목록에 항상 값이 있는 경우 현재 값을 레이블로 사용합니다.

이 예제에서는 현재 선택한 글꼴 이름이 레이블 역할을 합니다.
편집 가능한 드롭다운 목록에 값이 없으면 프롬프트를 사용합니다.

이 예제에서는 드롭다운 목록의 레이블에 프롬프트가 사용됩니다.

동사 기반 메뉴 단추 이름을 선호합니다. 그러나 만들기, 표시, 보기 또는 관리인 경우 동사를 생략합니다. 예를 들어 도구 및 페이지 메뉴 단추에는 동사가 없습니다.
메뉴 내용을 명확하고 정확하게 설명하는 단일 특정 단어를 사용합니다. 이름은 메뉴의 모든 것을 설명할 정도로 일반적이지 않아도 되지만, 사용자가 메뉴에서 찾은 내용에 놀라지 않도록 충분히 예측할 수 있어야 합니다.
필수는 아니지만 유용한 경우 정보 설명 설명을 제공합니다.

동사, 명사 또는 명사 구로 시작하는 메뉴 항목 이름을 사용합니다.
동사 기반 메뉴 이름을 선호합니다. 그러나 만들기, 표시, 보기 또는 관리인 경우 동사를 생략합니다. 예를 들어 다음 명령은 동사를 사용하지 않습니다.
- 정보
- 고급
- 전체 화면
- 새로 생성
- 옵션
- 속성
특정 동사를 사용합니다. 변경 및 관리와 같은 일반적이고 도움이 되지 않는 동사를 사용하지 않습니다.
단일 개체에 적용되는 명령에 단수 명사 를 사용하고, 그렇지 않으면 복수 명사 를 사용합니다.
보완 명령 쌍의 경우 명확하게 보완적인 이름을 선택합니다. 예: 추가, 제거; 표시, 숨기기; 삽입, 삭제.
기술이 아닌 사용자 목표 및 작업에 따라 메뉴 항목 이름을 선택합니다.
명시된 용도로 다음 메뉴 항목 이름을 사용합니다.
- 옵션: 프로그램 옵션을 표시하려면
- 사용자 지정: 특히 기계식 UI 구성과 관련된 프로그램 옵션을 표시합니다.
- 개인화: 일반적으로 사용되는 개인 설정 에 대한 요약을 표시합니다.
- 선호: 사용하지 마세요. 대신 옵션을 사용합니다.
- 속성: 개체의 속성 창을 표시하려면
- 설정: 메뉴 레이블로 사용하지 마세요. 대신 옵션을 사용합니다.
하위 메뉴를 표시하는 메뉴 항목에는 레이블에 줄임표가 없습니다. 하위 메뉴 화살표는 다른 선택 항목이 필요했음을 나타냅니다.

설명서

도구 모음을 참조하는 경우:

도구 모음이 하나만 있는 경우 도구 모음으로 참조합니다.
여러 도구 모음이 있는 경우 이름으로 참조한 다음, 도구 모음이라는 단어를 참조합니다. 기본적으로 켜지고 파일 열기 및 인쇄와 같은 기본 작업에 대한 단추가 포함된 기본 도구 모음을 표준 도구 모음으로 참조하세요.
도구 모음은 캡슐화되지 않은 단일 단어입니다. 반면 메뉴 모음은 두 단어입니다.
도구 설명 레이블로 도구 모음 단추를 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용하지만 줄임표는 포함하지 않습니다.
레이블 및 단어 메뉴별 도구 모음 메뉴 단추를 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용합니다.
일반적으로 도구 모음 컨트롤을 도구 모음 단추로 참조하세요.
사용자 상호 작용을 설명하려면 도구 모음 단추 및 읽기 전용 드롭다운 목록을 클릭하고 편집 가능한 드롭다운 목록에 를 입력합니다. 선택, 선택 또는 선택을 사용하지 마세요.
프로그래밍 설명서를 제외하고 계단식, 풀다운, 드롭다운 또는 팝업을 사용하여 메뉴 단추를 설명하지 마세요.
사용할 수 없는 항목을 흐리게 표시하거나 사용하지 않도록 설정하거나 회색으로 표시하지 않음을 참조하세요. 프로그래밍 설명서에서 사용 안 함을 사용합니다.
가능하면 굵은 텍스트를 사용하여 레이블의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 레이블을 따옴표로 묶습니다.

예:

도구 모음의 페이지 메뉴에서 전자 메일로 페이지 보내기를 클릭합니다.
도구 모음의 글꼴 상자에 "Segoe UI"를 입력합니다.
서식 도구 모음에서 표시를 가리킨 다음 메모를 클릭합니다.

다음을 통해 공유