메모
이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션과 예제는 현재 디자인 지침을 반영하지 않습니다.
도구 모음은 효율적인 액세스를 위해 명령을 그룹화할 수 있는 방법입니다.
screen shot of two toolbars with elements labeled 레이블이 지정된 요소가 있는 두 도구 모음의 스크린샷
몇 가지 일반적인 도구 모음입니다.
메뉴 모음 외에 또는 메뉴 모음 대신 도구 모음을 사용합니다. 도구 모음은 직접(마우스 클릭 시 표시되는 대신 항상 표시됨), 즉시(추가 입력 필요 대신) 가장 자주 사용하는 명령(포괄적인 목록 대신)을 포함하기 때문에 메뉴 모음보다 더 효율적일 수 있습니다. 메뉴 모음과 달리 도구 모음은 빠르고 편리하며 효율적일 뿐 아니라 포괄적이거나 설명이 가능할 필요는 없습니다.
일부 도구 모음은 사용자가 도구 모음을 추가 또는 제거하고, 크기와 위치를 변경하고, 콘텐츠를 변경할 수 있도록 사용자 지정할 수 있습니다. 일부 유형의 도구 모음은 도킹 해제되어 색상표 창이 생성될 수 있습니다. 도구 모음 종류에 대한 자세한 내용은 이 문서의 사용 패턴 참조하세요.
올바른 사용자 인터페이스인가요?
결정하려면 다음 질문을 고려합니다.
- 창이 기본 창인가요? 도구 모음은 기본 창에서 잘 작동하지만 일반적으로 보조 창에는 압도적입니다. 보조 창의 경우 명령 단추, 메뉴 단추 및 링크 대신 사용합니다.
- 자주 사용하는 명령 수가 적습니까? 도구 모음은 메뉴 모음만큼 많은 명령을 처리할 수 없으므로 자주 사용하는 적은 수의 명령에 효율적으로 액세스하는 방법으로 가장 적합합니다.
- 대부분의 명령이 즉시 실행되고 있나요? 즉, 대부분 추가 입력이 필요하지 않은 명령인가요? 효율성을 위해 도구 모음은 직접적이고 즉각적인 느낌을 가져야 합니다. 그렇지 않은 경우 메뉴 모음은 추가 입력이 필요한 명령에 더 적합합니다.
- 대부분의 명령을 직접 표시할 수 있나요? 즉, 사용자는 한 번의 클릭으로 상호 작용합니까? 메뉴 단추를 사용하여 일부 명령을 표시할 수 있지만 대부분의 명령을 이러한 방식으로 표시하면 도구 모음의 효율성이 떨어지므로 메뉴 모음을 선택하는 것이 좋습니다.
- 명령이 아이콘으로 잘 표현되고 있나요? 도구 모음 단추는 일반적으로 텍스트 레이블 대신 아이콘으로 표현되지만(일부 도구 모음 단추는 둘 다 사용하지만) 메뉴 명령은 텍스트로 표시됩니다. 명령 아이콘의 품질이 높지 않고 설명이 없는 경우 메뉴 모음이 더 적합할 수 있습니다.
프로그램에 메뉴 모음이 없는 도구 모음이 있고 대부분의 명령이 메뉴 단추와 분할 단추를 통해 간접적으로 액세스할 수 있는 경우 이 도구 모음은 기본적으로 메뉴 모음입니다. 대신 메뉴 지침에 도구 모음 메뉴 패턴을 적용합니다.
디자인 개념
좋은 메뉴 모음은 사용 가능한 모든 최상위 명령의 포괄적인 카탈로그인 반면, 좋은 도구 모음을 사용하면 자주 사용하는 명령에 빠르고 편리하게 액세스할 수 있습니다. 도구 모음은 사용자가 생산성을 높이는 학습을 시도하지 않습니다. 사용자가 도구 모음의 명령에 액세스하는 방법을 알아보면 메뉴 모음에서 명령에 계속 액세스하지 않습니다. 이러한 이유로 프로그램의 메뉴 모음과 해당 도구 모음은 직접 대응하지 않아도 됩니다.
도구 모음 및 메뉴 모음
일반적으로 도구 모음은 다음과 같은 방법으로 메뉴 모음과 다릅니다.
빈도. 도구 모음은 가장 자주 사용되는 명령만 표시하는 반면 메뉴 모음은 프로그램 내에서 사용 가능한 모든 최상위 명령을 카탈로그로 만듭니다.
즉시. 도구 모음 명령을 클릭하면 즉시 적용되는 반면 메뉴 명령에는 추가 입력이 필요할 수 있습니다. 예를 들어 메뉴 모음의 인쇄 명령은 먼저 인쇄 대화 상자를 표시하는 반면 인쇄 도구 모음 단추는 문서의 복사본을 기본 프린터로 즉시 인쇄합니다.
screen shot of toolbar's printer button selected 선택한 도구 모음의 프린터 단추 스크린샷이 예제에서는 인쇄 도구 모음 단추를 클릭하면 문서의 복사본 한 권이 기본 프린터로 즉시 인쇄됩니다.
직접성. 도구 모음 명령은 한 번의 클릭으로 호출되는 반면 메뉴 모음 명령은 메뉴를 탐색해야 합니다.
숫자 및 밀도입니다. 도구 모음에 필요한 화면 공간은 명령 수에 비례하며 명령이 없는 경우에도 해당 공간이 항상 사용됩니다. 따라서 도구 모음은 공간을 효율적으로 사용해야 합니다. 반면, 메뉴 모음 명령은 일반적으로 보기에서 숨겨지고 계층 구조는 모든 수의 명령을 허용합니다.
크기 및 프레젠테이션. 작은 공간에 많은 명령을 압축하기 위해 도구 모음은 일반적으로 아이콘 기반 명령(도구 설명 기반 레이블 포함)을 사용하는 반면 메뉴 모음은 텍스트 기반 명령(선택적 아이콘 포함)을 사용합니다. 도구 모음 단추에는 표준 텍스트 레이블이 있을 수 있지만 훨씬 더 많은 공간을 사용합니다.
송신/받기 레이블이
screen shot of toolbar with send/receive label 도구 모음의스크린샷레이블이 지정된 도구 모음 단추는 레이블이 지정되지 않은 단추의 3배 이상의 공간을 차지합니다.
자기 설명. 잘 디자인된 도구 모음에는 사용자가 도구 설명만 사용하여 명령을 효율적으로 찾을 수 없으므로 대부분 설명이 필요한 아이콘이 필요합니다. 그러나 자주 사용되지 않는 몇 가지 명령이 자체 설명이 아닌 경우에도 도구 모음이 제대로 작동합니다.
친숙한 아이콘이
screen shot of toolbar with familiar icons 도구 모음의스크린샷이 예제에서 가장 자주 사용되는 아이콘은 자체 설명입니다.
인식할 수 있고 구별할 수 있습니다. 자주 사용되는 명령의 경우 사용자는 위치, 모양 및 색과 같은 도구 모음 단추 특성을 기억합니다. 잘 디자인된 도구 모음을 사용하면 정확한 아이콘 기호가 기억나지 않더라도 명령을 빠르게 찾을 수 있습니다. 반면, 사용자는 자주 사용되는 메뉴 모음 명령 위치를 기억하지만 선택하기 위해 명령 레이블을 사용합니다.
스크린샷도구 모음 명령의 경우 고유한 위치, 모양 및 색을 사용하면 아이콘을 인식할 수 있고 구별할 수 있습니다.
파일 명령이 선택된 메뉴 모음의 스크린샷

메뉴 모음 명령의 경우 사용자는 궁극적으로 레이블에 의존합니다.
능률
특성을 고려할 때 도구 모음은 주로 효율성을 위해 설계되어야 합니다. 비효율적인 도구 모음은 의미가 없습니다.
한 가지만 수행하면
도구 모음이 주로 효율성을 위해 디자인되었는지 확인합니다. 자주 사용되고, 즉각적이고, 직접적이고, 빠르게 인식할 수 있는 명령에 도구 모음을 집중합니다.
메뉴 모음 숨기기
일반적으로 도구 모음은 메뉴 모음과 함께 잘 작동합니다. 좋은 도구 모음은 효율성을 제공하고 좋은 메뉴 모음은 포괄적입니다. 메뉴 모음과 도구 모음을 모두 사용하면 각각 손상 없이 강점에 집중할 수 있습니다.
놀랍게도 이 모델은 간단한 프로그램으로 분해됩니다. 명령이 몇 가지인 프로그램의 경우 메뉴 모음이 도구 모음의 중복되고 비효율적인 버전이므로 메뉴 모음과 도구 모음을 모두 사용하는 것은 의미가 없습니다.
이러한 중복성을 제거하기 위해 Windows Vista의 많은 간단한 프로그램은 도구 모음을 통해서만 명령을 제공하고 기본적으로 메뉴 모음을 숨기는 데 집중합니다. 이러한 프로그램에는 Windows 탐색기, Windows Internet Explorer, Windows Media Player 및 Windows 사진 갤러리가 포함됩니다.
이것은 작은 변화가 아닙니다. 메뉴 모음을 제거하면 도구 모음의 특성이 근본적으로 변경됩니다. 이러한 도구 모음은 포괄적이어야 하고 다음과 같은 방식으로 변경해야 하기 때문입니다.
빈도. 메뉴 모음을 제거하면 사용 빈도에 관계없이 창 또는 해당 상황에 맞는 메뉴에서 직접 사용할 수 없는 모든 명령에 도구 모음에서 액세스할 수 있어야 합니다.
즉시. 메뉴 모음을 제거하면 도구 모음이 명령에 대해 유일하게 표시되는 액세스 지점이 되며 도구 모음에 완벽하게 작동하는 버전이 있어야 합니다. 예를 들어 메뉴 모음이 없으면 도구 모음의 인쇄 명령에 즉시 인쇄하는 대신 인쇄 대화 상자가 표시되어야 합니다. (이 경우 분할 단추를 사용하는 것이 매우 손상됩니다. 표준 인쇄 분할 단추의 표준 메뉴 및 분할 단추를 참조하세요.)
도구 모음 및 인쇄 명령 옵션
screen shot of toolbar and print command's options 스크린샷이 예제에서는 Windows 사진 갤러리의 인쇄 도구 모음 단추에 인쇄 대화 상자를 표시하는 인쇄 명령이 있습니다.
직접성. 공간을 절약하고 혼란을 방지하기 위해 덜 자주 사용되는 명령을 메뉴 단추로 이동하여 덜 직접적으로 만들 수 있습니다.
메뉴 모음을 보완하는 데 사용되는 도구 모음은 제거되거나 숨겨진 메뉴 모음에서 사용하도록 설계된 도구 모음과 다르게 설계되었습니다. 또한 사용자가 단일 명령을 수행하기 위해 숨겨진 메뉴 모음을 표시한다고 가정할 수 없으므로 디자인 결정을 내릴 때 메뉴 모음을 완전히 제거하는 것과 동일하게 처리해야 합니다. (기본적으로 메뉴 모음을 숨기는 경우 사용자가 메뉴 모음을 표시하여 명령을 찾거나 표시하는 방법을 알아낸다고 가정하지 마세요.)
메뉴 모음 없이 작동하도록 도구 모음을 디자인하는 경우 일부 손상이 발생하는 경우가 많습니다. 그러나 효율성을 위해 너무 많이 타협하지 마십시오. 메뉴 모음을 숨기면 도구 모음이 비효율적인 경우 메뉴 모음을 숨기지 마세요.
키보드 접근성
키보드에서 도구 모음에 액세스하는 것은 메뉴 모음에 액세스하는 것과는 매우 다릅니다. 메뉴 모음은 사용자가 Alt 키를 누르고 Esc 키를 사용하여 입력 포커스를 잃을 때 입력 포커스를 받습니다. 메뉴 모음에 입력 포커스가 있으면 창의 나머지 부분과 독립적으로 탐색되어 모든 화살표 키, 홈, 끝 및 탭 키를 처리합니다. 반면 도구 모음은 사용자가 창의 전체 내용을 통해 Tab 키를 누르면 입력 포커스를 받습니다. 도구 모음은 탭 순서대로 마지막이므로 사용자가 Shift+Tab을 사용하여 뒤로 이동하는 것을 알지 못하는 한 사용 중인 페이지에서 활성화하는 데 상당한 노력이 걸릴 수 있습니다.
접근성은 여기에 딜레마를 제공합니다 : 도구 모음은 마우스 사용자에 대한 쉬운 동안, 그들은 키보드 사용자에 대한 덜 액세스 할 수 있습니다. 메뉴 모음과 도구 모음이 모두 있는 경우에는 문제가 되지 않지만 메뉴 모음이 제거되거나 숨겨진 경우입니다.
접근성을 위해 도구 모음을 완전히 제거하는 대신 메뉴 모음을 유지하는 것이 좋습니다. 메뉴 모음을 제거하고 단순히 숨기는 중에서 선택해야 하는 경우 이를 숨기는 것이 좋습니다.
사용 패턴
도구 모음에는 다음과 같은 몇 가지 사용 패턴이 있습니다.
| 사용법 | 본보기 |
|---|---|
|
기본 도구 모음 메뉴 모음을 숨기거나 제거하지 않고 작동하도록 디자인된 도구 모음입니다. |
기본 도구 모음은 효율성에 대한 필요성과 종합성의 균형을 유지해야 하므로 간단한 프로그램에 가장 적합합니다. windows 탐색기 도구 모음 screen shot of windows explorer toolbar 스크린샷Windows 탐색기의 기본 도구 모음입니다. |
|
추가 도구 모음 메뉴 모음을 사용하도록 디자인된 도구 모음입니다. |
추가 도구 모음은 손상 없이 효율성에 집중할 수 있습니다. 도구 모음 screen shot of a menu bar over a toolbar 위에 있는 메뉴 모음의 스크린샷Windows Movie Maker의 추가 도구 모음입니다. |
|
도구 모음 메뉴 도구 모음으로 구현된 메뉴 모음입니다. |
도구 모음 메뉴는 주로 메뉴 단추 및 분할 단추의 명령으로 구성된 도구 모음이며, 있는 경우 몇 가지 직접 명령만 있습니다. 아이콘 및 명령이 screen shot of menu bar with icons and commands 메뉴 모음의스크린샷Windows 사진 갤러리의 도구 모음 메뉴입니다. |
| 사용자 지정 가능한 도구 모음 사용자가 사용자 지정할 수 있는 도구 모음입니다. |
사용자 지정 가능한 도구 모음을 사용하면 사용자가 도구 모음을 추가하거나 제거하고, 크기와 위치를 변경하고, 콘텐츠를 변경할 수도 있습니다. 수십 개의 아이콘이 screen shot of a toolbar with dozens of icons 도구 모음의스크린샷Microsoft Visual Studio의 사용자 지정 가능한 도구 모음입니다. |
|
팔레트 창 명령 배열을 표시하는 모덜리스 대화 상자입니다. |
팔레트 창은 도킹되지 않은 도구 모음입니다. 색 대화 상자 screen shot of a colors dialog box 스크린샷글꼴 대화 상자 screen shot of a fonts dialog box 스크린샷Windows 그림판의 팔레트 창입니다. |
도구 모음에는 다음과 같은 스타일이 있습니다.
| 스타일 | 본보기 |
|---|---|
| 레이블이 지정되지 않은 아이콘 레이블이 지정되지 않은 작은 아이콘 단추의 행 하나 이상 |
레이블을 지정할 단추가 너무 많거나 프로그램이 자주 사용되는 경우 이 스타일을 사용합니다. 이 스타일을 사용하면 복잡한 기능이 있는 프로그램에 여러 행이 있을 수 있으므로 사용자 지정할 수 있어야 하는 유일한 스타일입니다. 이 스타일을 사용하면 자주 사용되는 경우 일부 명령 단추에 레이블을 지정할 수 있습니다. 레이블이 지정되지 않은 작은 아이콘이 screen shot of toolbar with small, unlabeled icons 도구 모음의 스크린샷WordPad의 레이블이 지정되지 않은 아이콘 도구 모음입니다. |
| 레이블이 지정되지 않은 큰 아이콘 레이블이 지정되지 않은 큰 아이콘 단추의 단일 행입니다. |
쉽게 인식할 수 있는 아이콘이 있고 일반적으로 작은 창에서 실행되는 간단한 유틸리티에 이 스타일을 사용합니다. 레이블이 지정되지 않은 큰 아이콘이 screen shot of toolbar with large, unlabeled icons 도구 모음의스크린샷큰 아이콘이 screen shot of toolbar with large icons 도구 모음의스크린샷Windows Live Messenger 및 Windows 코드 조각 도구의 레이블이 지정되지 않은 큰 아이콘 도구 모음입니다. |
| 레이블이 지정된 아이콘 레이블이 지정된 작은 아이콘의 단일 행입니다. |
명령이 거의 없거나 프로그램이 자주 사용되지 않는 경우 이 스타일을 사용합니다. 이 스타일에는 항상 단일 행이 있습니다. 레이블이 지정된 아이콘이 screen shot of toolbar with labeled icons 도구 모음의스크린샷Windows 탐색기의 레이블이 지정된 아이콘 도구 모음입니다. |
| 부분 도구 모음 전체 도구 모음이 필요하지 않을 때 공간을 절약하는 데 사용되는 작은 아이콘의 부분 행입니다. |
탐색 단추, 검색 상자 또는 탭이 있는 창에 이 스타일을 사용하여 창 위쪽에서 불필요한 가중치를 제거합니다. 메뉴 모음, 도구 모음 및 즐겨찾기 모음 screen shot of menu bar, toolbar and favorites bar 스크린샷부분 도구 모음을 탐색 단추, 검색 상자 또는 탭과 결합할 수 있습니다. |
|
큰 부분 도구 모음 전체 도구 모음이 필요하지 않을 때 공간을 절약하는 데 사용되는 큰 아이콘의 부분 행입니다. |
탐색 단추 또는 검색 상자가 있는 간단한 유틸리티에 이 스타일을 사용하여 창 위쪽에서 불필요한 가중치를 제거합니다. 큰 부분 도구 모음 screen shot of a large partial toolbar 스크린샷Windows Defender의 큰 부분 도구 모음입니다. |
마지막으로 도구 모음 컨트롤에는 다음과 같은 몇 가지 사용 패턴이 있습니다.
| 사용법 | 본보기 |
|---|---|
|
명령 아이콘 단추 명령 단추를 클릭하면 즉각적인 작업이 시작됩니다. |
레이블이 지정된 아이콘 도구 모음 screen shot of a labeled-icons toolbar 스크린샷Windows 팩스 및 스캔의 아이콘 명령 단추 예제입니다. |
|
모드 아이콘 단추 모드 단추를 클릭하면 선택한 모드로 전환됩니다. |
세로 도구 모음 screen shot of a vertical toolbar 스크린샷Windows 그림판의 모드 단추 예제입니다. |
|
속성 아이콘 단추 속성 단추의 상태는 현재 선택한 개체의 상태(있는 경우)를 반영합니다. 단추를 클릭하면 선택한 개체에 변경 내용이 적용됩니다. |
서식 아이콘 및 선택한 텍스트 screen shot of formatting icons and selected text 스크린샷Microsoft Word의 속성 단추 예제입니다. |
| 레이블이 지정된 아이콘 단추 아이콘과 텍스트 레이블이 레이블이 지정된 명령 단추 또는 속성 단추입니다. |
이러한 단추는 아이콘이 충분히 설명되지 않는 자주 사용되는 도구 모음 단추에 사용됩니다. 각 단추에 텍스트 레이블이 있을 수 있는 단추가 거의 없는 도구 모음에도 사용됩니다.
가장 자주 사용되는 단추 레이블이 지정된 도구 모음입니다. |
|
메뉴 단추 관련된 명령의 작은 집합을 표시하는 데 사용되는 명령 단추입니다. |
단일 아래쪽 삼각형은 단추를 클릭하면 메뉴가 표시됨을 나타냅니다. 도구 모음 및 드롭다운 명령 목록 screen shot of toolbar and drop-down command list 스크린샷작은 관련 명령 집합이 있는 메뉴 단추입니다. |
|
분할 단추 명령의 변형을 통합하는 데 사용되는 명령 단추입니다. 특히 명령 중 하나가 대부분의 경우 사용되는 경우입니다. |
분할 인쇄 단추 screen shot of split print button 스크린샷표준 상태의 분할 단추입니다. 메뉴 단추와 마찬가지로 아래쪽을 가리키는 단일 삼각형은 단추의 오른쪽 부분을 클릭하면 메뉴가 표시됨을 나타냅니다. 분할 인쇄 단추 명령 screen shot of split print button commands 스크린샷드롭다운 분할 단추입니다. 이 예제에서는 분할 단추를 사용하여 모든 인쇄 관련 명령을 통합합니다. 직접 인쇄 명령은 대부분의 경우 사용되므로 사용자는 일반적으로 다른 명령을 볼 필요가 없습니다. 메뉴 단추와 달리 단추의 왼쪽 부분을 클릭하면 레이블에 대한 작업이 직접 수행됩니다. 분할 단추는 다음 명령이 마지막 명령과 같을 가능성이 있는 경우에 효과적입니다. 이 경우 레이블은 색 선택기에서와 같이 마지막 명령으로 변경됩니다. 페인트 screen shot of bucket icon pouring paint 쏟아지는 버킷 아이콘의스크린샷이 예제에서는 레이블이 마지막 명령으로 변경됩니다. |
|
드롭다운 목록 속성을 보거나 변경하는 데 사용되는 드롭다운 목록(편집 가능 또는 읽기 전용)입니다. |
screen shot of drop-down list of fonts 글꼴 드롭다운 목록의스크린샷이 예제에서는 드롭다운 목록을 사용하여 글꼴 특성을 보고 설정합니다. 도구 모음의 드롭다운 목록은 현재 선택한 개체의 상태(있는 경우)를 반영합니다. 목록을 변경하면 선택한 개체의 상태가 변경됩니다. |
지침
프레젠테이션
명령 수 및 사용량에 따라 적합한 도구 모음 스타일을 선택합니다. 선택 방법에 대한 지침은 이전 도구 모음 스타일 표를 참조하세요. 프로그램 작업 영역에서 너무 많은 공간을 차지하는 도구 모음 구성을 사용하지 마십시오.
도구 모음을 콘텐츠 영역 바로 위에 놓고 메뉴 모음 및 주소 표시줄 아래에 있습니다(있는 경우).
공간이 프리미엄인 경우 다음을 수행하여 공간을 절약합니다
- 잘 알려진 아이콘 및 덜 자주 사용되는 명령의 레이블을 생략합니다.
- 전체 창 너비 대신 부분 도구 모음만 사용합니다.
- 메뉴 단추 또는 분할 단추를 사용하여 관련 명령을 통합합니다.
- 오버플로 펼침 사용하여 덜 자주 사용되는 명령을 표시합니다.
- 현재 컨텍스트에 적용되는 경우에만 명령을 표시합니다.
screen shot of toolbar's common icons not labeled 레이블이 지정되지 않은 도구 모음의 일반적인 아이콘 스크린샷Windows Internet Explorer 도구 모음은 잘 알려진 아이콘의 레이블을 생략하고, 부분 도구 모음을 사용하고, 덜 자주 사용되는 명령에 오버플로 펼침 펼침 단추를 사용하여 공간을 절약합니다.
레이블이 지정되지 않은 아이콘 도구 모음 패턴의 경우 도구 모음 행이 두 개 이하인 기본 구성을 사용합니다. 두 개 이상의 행이 유용할 수 있는 경우 도구 모음을 사용자 지정할 수 있도록 합니다. 두 개 이상의 행으로 시작하면 사용자에게 과부하가 걸리고 프로그램 작업 영역에서 너무 많은 공간을 차지할 수 있습니다.
틀렸습니다.
메뉴 모음의 스크린샷과 세 행의 도구 모음
screen shot of menu bar and three rows of toolbars 도구 모음의 행이 두 개 이상인 기본 구성은 너무 많은 시각적 혼란을 초래합니다.
현재 컨텍스트에 적용되지 않는 개별 도구 모음 단추를 제거하는 대신 사용하지 않도록 설정합니다. 이렇게 하면 도구 모음 콘텐츠를 안정적이고 쉽게 찾을 수 있습니다.
개별 도구 모음 단추를 클릭하면 오류가 직접 발생하는 경우 사용하지 않도록 설정합니다. 이렇게 하는 것은 직접적인 느낌을 유지하기 위해 필요합니다.
레이블이 지정되지 않은 아이콘 도구 모음 패턴의 경우 현재 컨텍스트에 적용되지 않는 경우 전체 도구 모음을 제거합니다. 해당 모드에서만 표시합니다.
디버그 도구 모음
screen shot of the debug toolbar 스크린샷이 예제에서 디버그 도구 모음은 프로그램이 실행될 때만 표시됩니다.
왼쪽 맞춤 도구 모음 단추를 표시합니다. 도움말 아이콘(있는 경우)이 오른쪽에 맞춰집니다.
도구 모음의 스크린샷을

도움말을 제외한 모든 도구 모음 단추가 왼쪽에 맞춰집니다.
예외: windows 7 스타일 도구 모음을 왼쪽은 프로그램별 명령을 정렬하지만 옵션, 보기 및 도움말과 같은 잘 알려진 표준 명령을 오른쪽에 맞춥니다.
도구 모음 단추 레이블을 동적으로 변경하지 마세요. 이렇게 하는 것은 혼란스럽고 예상치 못한 일입니다. 그러나 아이콘을 변경하여 현재 상태를 반영할 수 있습니다.
페인트
screen shot of bucket icon pouring paint 쏟아지는 버킷 아이콘의스크린샷이 예제에서는 아이콘이 기본 명령을 나타내도록 변경됩니다.
컨트롤 및 명령
가장 자주 사용되는 명령을 선호합니다.
- 기본 도구 모음의 경우 포괄적인 명령을 제공합니다. 기본 도구 모음은 메뉴 모음만큼 포괄적일 필요는 없지만 다른 곳에서는 쉽게 검색할 수 없는 모든 명령을 제공해야 합니다. 기본 도구 모음에는 다음을 위한 명령이 필요하지 않습니다.
- UI 자체에 직접 있는 명령입니다.
- 일반적으로 상황에 맞는 메뉴를 통해 액세스되는 명령입니다.
- 잘라내기, 복사 및 붙여넣기와 같은 잘 알려진 표준 명령입니다.
- 추가 도구 모음의 경우 가장 자주 사용되는 명령을 제공합니다. 메뉴 모음 명령은 도구 모음 명령의 상위 집합이므로 모든 것을 제공할 필요가 없습니다. 빠르고 편리한 명령 액세스에 집중하고 나머지는 건너뜁니다.
- 기본 도구 모음의 경우 포괄적인 명령을 제공합니다. 기본 도구 모음은 메뉴 모음만큼 포괄적일 필요는 없지만 다른 곳에서는 쉽게 검색할 수 없는 모든 명령을 제공해야 합니다. 기본 도구 모음에는 다음을 위한 명령이 필요하지 않습니다.
직접 컨트롤을 선호합니다. 다음과 같은 기본 설정 순서로 도구 모음 단추를 사용합니다.
- 아이콘 단추입니다. 직접적이고 최소한의 공간을 사용합니다.
- 레이블이 지정된 아이콘 단추입니다. 직접적이지만 더 많은 공간을 차지합니다.
- 분할 단추입니다. 가장 일반적인 명령을 직접 처리하지만 명령 변형을 처리합니다.
- 메뉴 단추입니다. 간접적이지만 많은 명령을 제공합니다.
즉각적인 명령을 선호합니다. 즉시 실행되거나 유연성을 위한 추가 입력이 있을 수 있는 명령의 경우:
- 기본 도구 모음의 경우 유연한 버전의 명령(예: 인쇄...)을 사용합니다.
- 추가 도구 모음의 경우 도구 모음의 직접 실행 버전(예: 인쇄)을 사용하고 메뉴 모음에서 유연한 버전(예: 인쇄...)을 사용합니다.
자주 사용하는 명령에 대한 레이블을 제공합니다. 특히 아이콘이 잘 알려진 아이콘이 아닌 경우.
허용:
screen shot of toolbar with no icons labeled 레이블이 지정된 아이콘이 없는 도구 모음의스크린샷개선:
screen shot of toolbar with some icons labeled 레이블이 지정된 일부 아이콘이 있는 도구 모음의스크린샷Windows 팩스 및 스캔 도구 모음에는 명령이 거의 없으므로 버전이 가장 중요한 레이블을 지정합니다.
도구 모음에 직접 있는 도구 모음 메뉴에 명령을 배치하지 마세요.
틀렸습니다.
도구 모음 및 메뉴
screen shot of print command on toolbar and menu 인쇄 명령 스크린샷이 예제에서 인쇄는 도구 모음에 직접 있으므로 메뉴에 있을 필요가 없습니다.
조직 및 순서
도구 모음 내의 명령을 관련 그룹으로 구성합니다.
가장 자주 사용하는 그룹을 먼저 배치합니다. 그룹 내에서 명령을 논리적 순서로 배치합니다. 전반적으로 가장 자주 사용되는 명령이 먼저 표시되더라도 쉽게 찾을 수 있는 논리적 흐름이 있어야 합니다. 특히 오버플로가 있는 경우 가장 효율적입니다.
그룹 간 명령이 약하게 결합된 경우에만 그룹 구분자를 사용합니다. 이렇게 하면 그룹화가 분명하고 명령을 더 쉽게 찾을 수 있습니다.
잘 구성된 아이콘이
screen shot of toolbar with well organized icons 도구 모음의스크린샷Windows Mail의 그룹화된 도구 모음 예제입니다.
자주 사용하는 명령 옆에 파괴적인 명령을 배치하지 않습니다. 순서 또는 그룹화 중 하나를 사용하여 분리를 가져옵니다. 또한 도구 모음에 파괴적인 명령을 배치하지 않고 대신 메뉴 모음 또는 상황에 맞는 메뉴에만 배치하는 것이 좋습니다.
허용:
인접한 인쇄 및 삭제 단추
screen shot of adjacent print and delete buttons 스크린샷개선:
구분된 인쇄 및 삭제 단추
screen shot of separated print and delete buttons 스크린샷더 나은 예제에서는 Delete 명령이 인쇄와 물리적으로 구분됩니다.
오버플로 펼침 단추를 사용하여 모든 명령을 표시할 수 없음을 나타냅니다. 그러나 모든 명령을 표시할 공간이 충분하지 않은 경우에만 오버플로를 사용합니다.
틀렸습니다.
즐겨찾기 모음 및 숨겨진 명령
screen shot of favorites bar and hidden commands 스크린샷오버플로 펼침 단추는 모든 명령이 표시되지는 않지만 더 많은 명령이 더 나은 레이아웃으로 표시될 수 있음을 나타냅니다.
가장 자주 사용되는 명령은 도구 모음(오버플로가 아님)에서 직접 액세스할 수 있는지 확인합니다. 필요한 경우 명령의 순서를 변경하거나, 자주 사용되지 않는 명령을 메뉴 단추 또는 분할 단추로 이동하거나, 도구 모음에서 완전히 제거합니다. 문제가 계속되면 선택한 도구 모음 스타일을 다시 고려하세요.
메뉴 모음 숨기기
일반적으로 도구 모음은 메뉴 모음과 함께 잘 작동합니다. 두 도구 모음을 모두 사용하면 각각이 손상 없이 강점에 집중할 수 있기 때문입니다.
- 도구 모음 디자인으로 인해 메뉴 모음이 중복되는 경우 기본적으로 메뉴 모음을 숨깁니다.
- 키보드 사용자가 메뉴 모음에 더 쉽게 액세스할 수 있으므로 메뉴 모음을 완전히 제거하는 대신 메뉴 모음을 숨깁니다.
- 메뉴 모음을 복원하려면 보기(기본 도구 모음의 경우) 또는 도구(보조 도구 모음의 경우) 메뉴 범주에 메뉴 모음 확인 표시 옵션을 제공합니다. 자세한 내용은 표준 메뉴 및분할 단추를 참조하세요.
- 사용자가 Alt 키를 누를 때 메뉴 모음을 표시하고 첫 번째 메뉴 범주에 입력 포커스를 설정합니다.
상호작용
마우스로 가리키면 단추 어도던스 표시하여 아이콘을 클릭할 수 있음을 나타냅니다. 도구 설명 시간 제한 후에 도구 설명 또는 정보 설명을 표시합니다.
단추
screen shot of an infotip describing a button 설명하는 정보 설명의스크린샷다음은 다양한 표시 상태를 보여 주는 예제입니다.
왼쪽에서 한 번 클릭:
명령 단추의 경우 컨트롤과 정상적으로 상호 작용합니다.
모드 단추의 경우 현재 선택한 모드를 반영하도록 컨트롤을 표시합니다. 모드가 마우스 상호 작용의 동작에 영향을 주면 포인터도 변경합니다.
페인트 버킷
screen shot of pointer shaped like a paint bucket 모양의 포인터 스크린샷이 예제에서는 마우스 조작 모드를 표시하도록 포인터가 변경됩니다.
속성 단추 및 드롭다운 목록의 경우 현재 선택한 개체의 상태를 반영하도록 컨트롤을 표시합니다(있는 경우). 상호 작용 시 컨트롤의 상태를 업데이트하고 선택한 개체에 변경 사항을 적용합니다. 아무것도 선택하지 않으면 아무 것도 수행하지 않습니다.
왼쪽 두 번 클릭하면 왼쪽 한 번 클릭과 동일한 작업을 수행합니다.
예외: 드물게 도구 모음 명령을 보다 효율적으로 모듈식으로 사용할 수 있습니다. 이러한 경우 두 번 클릭하여 모드를 전환합니다.
단추의 함수
screen shot of infotip showing button's functions 보여 주는 인포 팁의스크린샷이 예제에서 서식 복사 명령을 두 번 클릭하면 모든 후속 클릭이 형식을 적용하는 모드로 전환됩니다. 사용자는 한 번의 클릭으로 모드를 떠날 수 있습니다.
마우스 오른쪽 단추로 클릭:
- 사용자 지정 가능한 도구 모음의 경우 도구 모음을 사용자 지정하기 위한 상황에 맞는 메뉴를 표시합니다. 마우스를 올려 놓지 않고 마우스를 마우스 오른쪽 단추로 클릭할 때 메뉴를 표시합니다.
- 다른 도구 모음의 경우 아무 작업도 수행하지 않습니다.
아이콘
드롭다운 목록을 제외한 모든 도구 모음 컨트롤에 아이콘을 제공합니다.
글꼴 크기 드롭다운 목록
screen shot of font-size drop-down list 스크린샷드롭다운 목록에는 아이콘이 필요하지 않지만 다른 모든 도구 모음 컨트롤은 이 작업을 수행합니다.
예외: Windows 7 스타일 도구 모음은 아이콘이 잘 알려진 명령에만 아이콘을 사용합니다. 그렇지 않으면 아이콘 없이 텍스트 레이블을 사용합니다. 이렇게 하면 레이블의 명확성이 향상되지만 더 많은 공간이 필요합니다.
도구 모음 배경색에 대해 도구 모음 아이콘이 명확하게 표시되는지 확인합니다. 항상 컨텍스트 및 고대비 모드에서 도구 모음 아이콘을 평가합니다.
특히 가장 자주 사용되는 명령에 대해 용도를 명확하게 전달하는 아이콘 디자인을 선택합니다. 잘 디자인된 도구 모음에는 사용자가 도구 설명을 사용하여 명령을 효율적으로 찾을 수 없기 때문에 설명이 필요한 아이콘이 필요합니다. 그러나 자주 사용되지 않는 몇 가지 명령에 대한 아이콘이 설명이 아닌 경우에도 도구 모음이 제대로 작동합니다.
특히 가장 자주 사용되는 명령에 대해 인식할 수 있고 구별할 수 있는 아이콘을 선택합니다. 아이콘에 고유한 모양과 색이 있는지 확인합니다. 이렇게 하면 아이콘 기호가 기억나지 않더라도 명령을 빠르게 찾을 수 있습니다.
도구 모음 아이콘이 에어로 스타일 아이콘 지침을 준수하는지 확인합니다.
자세한 내용 및 예제는 아이콘참조하세요.
표준 메뉴 및 분할 단추
도구 모음에서 메뉴 단추와 분할 단추를 사용하는 경우 가능하면 다음 표준 메뉴 구조 및 관련 명령을 사용하세요. 메뉴 모음과 달리 도구 모음 명령은 액세스 키를 사용하지 않습니다.
기본 도구 모음
이러한 명령은 표준 메뉴 모음에 있는 명령을 미러링하므로 기본 도구 모음에만 사용해야 합니다. 이 목록에는 순서 및 구분 기호, 바로 가기 키 및 줄임표가 있는 단추 레이블(및 형식)이 표시됩니다. 메뉴 모음을 표시하고 숨기는 명령은 보기 메뉴에 있습니다.
파일 NewCtrl+N
열다... Ctrl+O
닫다
<구분 기호>
SaveCtrl+S
다른 이름으로 저장...
<구분 기호>
보내기
<구분 기호>
인쇄하다... Ctrl+P
인쇄 미리 보기
페이지 설정
<구분 기호>
ExitAlt+F4(일반적으로 지정되지 않은 바로 가기)
편집(메뉴 단추) UndoCtrl+Z
RedoCtrl+Y
<구분 기호>
CutCtrl+X
CopyCtrl+C
PasteCtrl+V
<구분 기호>
allCtrl+A 선택
<구분 기호>
DeleteDel(일반적으로 지정되지 않은 바로 가기)
이름 바꾸기...
<구분 기호>
찾아내다... Ctrl+F
nextF3 찾기(일반적으로 명령이 지정되지 않음)
갈다... Ctrl+H
로 가다... Ctrl+G
인쇄(분할 단추) 인쇄... Ctrl+P
인쇄 미리 보기
페이지 설정
보기(메뉴 단추) 메뉴 모음(표시되는지 확인)
세부 정보 창(표시되는지 확인)
미리 보기 창(표시되는지 확인)
상태 표시줄(표시되는지 확인)
급상승
확대/축소 inCtrl++
Zoom outCtrl+-
텍스트 크기(선택한 설정에 글머리 기호 포함)
최대
큰
보통
작은
작은
전체 화면F11
RefreshF5
도구(메뉴 단추)...
옵션 도움말(분할 단추, 도움말 아이콘 사용) <program name> helpF1
<program name> 정보
추가 도구 모음
이러한 명령은 표준 메뉴 모음을 보완합니다. 이 목록에는 순서 및 구분 기호, 바로 가기 키 및 줄임표가 있는 단추 레이블(및 형식)이 표시됩니다. 메뉴 모음을 표시하고 숨기는 명령은 도구 메뉴에 있습니다.
보조 도구 모음 범주 이름은 표준 메뉴 범주 이름과 다릅니다. 더 많이 포괄해야 하기 때문입니다. 예를 들어 편집과 관련이 없는 명령이 포함되어 있으므로 구성 범주는 편집 대신 사용됩니다. 메뉴 모음과 도구 모음 간의 일관성을 유지하려면 오해의 소지가 없는 경우 표준 메뉴 범주 이름을 사용합니다.
틀렸습니다.
다른 명령
screen shot of same options for different commands 동일한 옵션의 스크린샷
이 예제에서는 도구 모음에 표준 편집 메뉴 명령이 있으므로 일관성을 위해 구성 대신 편집을 사용해야 합니다.
색상표 창
색상표 창은 짧은 제목 표시줄을 사용하여 화면 공간을 최소화합니다. 제목 표시줄에 닫기 단추를 놓습니다.
제목 표시줄 텍스트를 팔레트 창을 표시하는 명령으로 설정합니다.
문장 부호를 끝내지 않고 문장 스타일 대문자를 사용합니다.
창 관리 명령에 대한 상황에 맞는 메뉴를 제공합니다. 사용자가 제목 표시줄을 마우스 오른쪽 단추로 클릭할 때 이 상황에 맞는 메뉴를 표시합니다.
상황에 맞는 메뉴가
screen shot of toolbox with context menu 도구 상자의스크린샷이 예제에서는 사용자가 제목 표시줄을 마우스 오른쪽 단추로 클릭하여 상황에 맞는 메뉴를 표시할 수 있습니다.
가능하고 유용한 경우 팔레트 창을 크기 조정할 수 있도록 합니다. 창 프레임 위에 있을 때 크기 조정 포인터를 사용하여 창의 크기를 조정할 수 있음을 나타냅니다.
색상표 창이 다시 표시되면 마지막으로 액세스한 것과 동일한 상태를 사용하여 표시합니다. 닫을 때 창 크기와 위치를 저장합니다. 다시 표시할 때 저장된 창 크기 및 위치를 복원합니다. 또한 사용자별로 프로그램 인스턴스 간에 이러한 특성을 영구적으로 지정하는 것이 좋습니다.
사용자화
둘 이상의 행으로 구성된 도구 모음에 대한 사용자 지정을 제공합니다. 레이블이 지정되지 않은 아이콘 스타일만 사용자 지정이 필요합니다. 명령이 거의 없는 간단한 도구 모음에는 사용자 지정이 필요하지 않습니다.
적절한 기본 구성을 제공합니다. 사용자는 일반적인 시나리오에 맞게 도구 모음을 사용자 지정할 필요가 없습니다. 잘못된 초기 구성에서 벗어나는 방법을 사용자 지정하는 사용자에 의존하지 마세요. 대부분의 사용자가 도구 모음을 사용자 지정하지 않는다고 가정합니다.
다음 명령을 사용하여 상황에 맞는 메뉴를 제공합니다.
- 사용 가능한 도구 모음을 표시하는 확인란 목록
- 잠금/잠금 해제 도구 모음
- 사용자 지정...
실수로 변경되지 않도록 사용자 지정 가능한 도구 모음을 기본적으로잠급니다.
사용자 지정 명령의 경우 표시되는 도구 모음과 각 도구 모음의 명령을 선택하는 기능을 제공하는 옵션 대화 상자 표시합니다.
사용자 지정 대화 상자 및 옵션
screen shot of customize dialog box and options 스크린샷이 예제에서 Visual Studio는 도구 모음을 사용자 지정하는 옵션 대화 상자를 제공합니다.
옵션 사용자 지정 대화 상자에서 원래 도구 모음 구성으로 돌아가도록 Reset 명령을 제공합니다.
다음과 같은 방법으로 끌어서 놓기를 사용하여 도구 모음을 사용자 지정하는 기능을 제공합니다.
- 도구 모음 순서 및 위치를 설정합니다.
- 도구 모음 길이를 설정하여 오버플로 펼침 단추로 콘텐츠를 표시하기에는 너무 작은 도구 모음을 표시합니다.
- 지원되는 경우 도구 모음의 도킹을 취소하여 팔레트 창이 되고 그 반대의 경우도 마찬가지입니다.
사용자 지정 옵션 대화 상자가 표시되는 경우:
- 도구 모음 내용을 설정합니다.
- 도구 모음 내용의 순서를 설정합니다.
이렇게 하면 사용자가 보다 직접적이고 효율적으로 변경할 수 있습니다.
사용자별로 모든 도구 모음 사용자 지정을 저장합니다.
줄임표 사용
도구 모음 명령은 즉각적인 작업에 사용되지만 작업을 수행하기 위해 추가 정보가 필요한 경우도 있습니다. 명령이 적용되기 전에 추가 정보가 필요함을 나타내려면 줄임표를 사용합니다. 도구 설명과 레이블의 끝에 줄임표를 배치합니다(있는 경우).
줄임표
screen shot of print tooltip text with ellipsis 있는 인쇄 도구 설명 텍스트의스크린샷
이 예제에서는 인쇄... 명령은 자세한 정보를 수집하기 위해 인쇄 대화 상자를 표시합니다.
그러나 명령을 즉시 적용할 수 없는 경우 줄임표가 필요하지 않습니다. 예를 들어 명령이 즉시 적용될 수 없으므로 추가 정보가 필요하더라도 공유 설정에는 줄임표가 없습니다.
도구 모음, 명령 및 도구 설명
screen shot of toolbar, command, and tooltip 스크린샷
공유 설정 명령은 즉시 적용할 수 없으므로 줄임표가 없습니다.
도구 모음은 지속적으로 표시되고 공간은 프리미엄이므로 줄임표를 자주 사용하지.
메모
도구 모음에 표시되는 메뉴의 경우 메뉴 줄임표 지침적용합니다.
권장 크기 조정 및 간격
간격 정보가
screen shot of toolbars with spacing information 있는 도구 모음의 스크린샷
표준 도구 모음에 권장되는 크기 조정 및 간격입니다.
레이블
일반
-
문장 스타일 대문자를 사용합니다.
- 예외: 레거시 애플리케이션의 경우 필요한 경우 대문자화 스타일을 혼합하지 않도록 타이틀 스타일 대문자를 사용할 수 있습니다.
레이블이 지정되지 않은 아이콘 단추
도구 설명을 사용하여 명령에 레이블을 지정합니다. 도구 설명 텍스트의 경우 단추에 레이블이 지정된 경우 레이블을 사용하지만 있는 경우 바로 가기 키를 포함합니다.
도구 모음, 프린터 아이콘 및 도구 설명
screen shot of toolbar, printer icon, and tooltip 스크린샷아이콘 단추 도구 설명의 예입니다.
레이블이 지정된 아이콘 단추
간결한 레이블을 사용합니다. 가능한 경우 한 단어, 최대 4단어를 사용합니다.
아이콘 오른쪽에 레이블을 놓습니다.
infotip을 사용하여 명령을 설명합니다. 단추에 레이블이 지정되므로 인포 설명 대신 도구 설명을 사용하면 중복됩니다.
infotip
screen shot of labeled button with infotip 레이블이 지정된 단추의스크린샷레이블이 지정된 아이콘 단추 정보 설명의 예입니다.
드롭다운 목록
목록에 항상 값이 있는 경우 현재 값을 레이블로 사용합니다.
글꼴 옵션이
screen shot of toolbar with font options 도구 모음의스크린샷이 예제에서는 현재 선택한 글꼴 이름이 레이블 역할을 합니다.
편집 가능한 드롭다운 목록에 값이 없는 경우 프롬프트를 사용합니다.
목록 레이블 검색 주소록
screen shot of list label search address books 스크린샷이 예제에서는 드롭다운 목록의 레이블에 프롬프트가 사용됩니다.
메뉴 단추 및 분할 단추
- 동사 기반 메뉴 단추 이름을 선호합니다. 그러나 만들기, 표시, 보기 또는 관리인 경우 동사를 생략합니다. 예를 들어 도구 및 페이지 메뉴 단추에는 동사가 없습니다.
- 메뉴 내용을 명확하고 정확하게 설명하는 단일 특정 단어를 사용합니다. 이름은 메뉴의 모든 것을 설명할 정도로 일반적이지 않아도 되지만 사용자가 메뉴에서 찾은 내용에 놀라지 않도록 충분히 예측 가능해야 합니다.
- 필요하지는 않지만 유용한 경우 정보 설명 설명을 제공합니다.
메뉴 항목
- 동사, 명사 또는 명사 구로 시작하는 메뉴 항목 이름을 사용합니다.
- 동사 기반 메뉴 이름을 선호합니다. 그러나 만들기, 표시, 보기 또는 관리인 경우 동사를 생략합니다. 예를 들어 다음 명령은 동사를 사용하지 않습니다.
- 약
- 고급
- 전체 화면
- 새로운
- 옵션
- 속성
- 특정 동사를 사용합니다. 변경 및 관리와 같은 일반적이고 도움이 되지 않는 동사를 사용하지 않습니다.
- 단일 개체에 적용되는 명령에 단수 명사 사용 그렇지 않으면 복수 명사 사용.
- 상호 보완 명령 쌍의 경우 명확하게 보완적인 이름을 선택합니다. 예: 추가, 제거; 표시, 숨기기; 삽입, 삭제.
- 기술이 아닌 사용자 목표 및 작업에 따라 메뉴 항목 이름을 선택합니다.
- 명시된 용도로 다음 메뉴 항목 이름을 사용합니다.
- 옵션: 프로그램 옵션을 표시하려면
- 사용자 지정: 기계식 UI 구성과 관련된 프로그램 옵션을 표시합니다.
- 개인 설정: 일반적으로 사용되는 개인 설정 설정의 요약을 표시합니다.
- 기본 설정: 사용하지 마세요. 대신 옵션을 사용합니다.
- 속성: 개체의 속성 창을 표시하려면
- 설정: 메뉴 레이블로 사용하지 마세요. 대신 옵션을 사용합니다.
- 하위 메뉴를 표시하는 메뉴 항목에는 레이블에 줄임표가 없습니다. 하위 메뉴 화살표는 다른 선택 항목이 필요했음을 나타냅니다.
문서조사
도구 모음을 참조하는 경우:
- 도구 모음이 하나만 있는 경우 도구 모음으로 참조합니다.
- 여러 도구 모음이 있는 경우 이름을 참조한 다음 단어 도구 모음을 참조합니다. 기본적으로 설정되고 파일 열기 및 인쇄와 같은 기본 작업에 대한 단추가 포함된 기본 도구 모음을 표준 도구 모음으로 참조하세요.
- 도구 모음은 캡슐화되지 않은 단일 단어입니다. 반면 메뉴 모음은 두 단어입니다.
- 도구 설명 레이블로 도구 모음 단추를 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용하지만 줄임표는 포함하지 않습니다.
- 레이블 및 단어 메뉴로 도구 모음 메뉴 단추를 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용합니다.
- 일반적으로 도구 모음 컨트롤을 도구 모음 단추로 참조하세요.
- 사용자 상호 작용을 설명하려면 도구 모음 단추 및 읽기 전용 드롭다운 목록을 클릭하고 편집 가능한 드롭다운 목록을 입력합니다. 선택, 선택 또는 선택을 사용하지 마세요.
- 프로그래밍 설명서를 제외하고 계단식, 풀다운, 드롭다운 또는 팝업을 사용하여 메뉴 단추를 설명하지 마세요.
- 사용할 수 없는 항목을 흐리게 표시하거나 사용하지 않도록 설정하거나 회색으로 표시하지 않는 것으로 참조합니다. 프로그래밍 설명서에서 사용 안 함 사용
- 가능하면 굵은 텍스트를 사용하여 레이블의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 레이블을 따옴표로 묶습니다.
예제:
- 도구 모음의 페이지 메뉴에서 전자 메일 보내기 페이지를 클릭합니다.
- 도구 모음의 글꼴 상자에 "Segoe UI"를 입력합니다.
- 서식 도구 모음에서 표시를 가리킨 다음 메모 클릭합니다.
screen shot of windows explorer toolbar 스크린샷
screen shot of a menu bar over a toolbar 위에 있는 메뉴 모음의 스크린샷
screen shot of menu bar with icons and commands 메뉴 모음의스크린샷
screen shot of a toolbar with dozens of icons 도구 모음의스크린샷
screen shot of a colors dialog box 스크린샷
screen shot of a fonts dialog box 스크린샷
screen shot of toolbar with small, unlabeled icons 도구 모음의 스크린샷
screen shot of toolbar with large, unlabeled icons 도구 모음의스크린샷
screen shot of toolbar with large icons 도구 모음의스크린샷
screen shot of menu bar, toolbar and favorites bar 스크린샷
screen shot of a large partial toolbar 스크린샷
screen shot of a labeled-icons toolbar 스크린샷
screen shot of a vertical toolbar 스크린샷
screen shot of formatting icons and selected text 스크린샷
screen shot of toolbar and drop-down command list 스크린샷
screen shot of split print button 스크린샷
screen shot of split print button commands 스크린샷
screen shot of drop-down list of fonts 글꼴 드롭다운 목록의스크린샷