도구 모음 vs. 메뉴 바 (macOS)
Toolbar는 창 안에 자주 쓰는 기능을 두는 거야. Menu bar는 화면 위에 앱의 모든 명령을 둬.
일반 문서 또는 선택 작업을 도구 모음에 넣으세요. 모든 명령, 키보드 단축키 및 덜 일반적인 작업은 메뉴 막음에 보관하세요.
각 패턴이 무엇을 하는지 확인하세요
각 예제를 시도해 보세요. 그런 다음 그것이 수행하려는 작업에 대해 읽어보세요.
Unified Title Bar Toolbar
Unified Title Bar Toolbar는 창 제목 영역에 붙은 명령줄이야. 사용자가 바꿀 수 있고, 공통 문서나 보기 기능을 담아.
메모 앱은 여백을 끌어서 옮길 수 있는 제목 표시줄 한 칸에 사이드바 열고 닫기, 검색, 공유, 글꼴 도구를 모두 모아둬요.
- 사용할 때
- 직접 접근과 맞춤 선택이 아래 작업에 도움이 되는 현재 창과 연결된 일반 명령에 사용하세요.
- 다음 경우에는 사용하지 마세요
- 희귀하거나 파괴적인 명령으로 화면을 붐비게 하지 마세요. 선택에 따른 항목은 제자리에 두고 활성화되거나 선택된 상태를 업데이트할 수 있습니다. 불필요한 레이아웃 이동을 피하고, 필수 명령은 메뉴 바에서 발견할 수 있도록 유지하세요.
- 코드에서 사용된 이름
AppKit NSToolbar / SwiftUI toolbar
macOS Menu Bar
macOS 메뉴 바는 화면 상단에 있는 줄입니다. 활성 앱은 명확한 메뉴에서 전체 명령 세트를 여기에 표시합니다.
글쓰기 앱은 새로 만들기, 내보내기, 찾기, 창 기능을 File, Edit, Window 같은 익숙한 메뉴에 둬.
- 사용할 때
- 여기 앱의 전체 명령 세트를 넣으세요. 사용자들이 메뉴 이름으로 찾거나 키보드 단축키로 실행하는 명령을 포함하세요.
- 다음 경우에는 사용하지 마세요
- 창 내부 탐색에 이를 사용하지 마세요. 툴바나 컨텍스트 메뉴에 나타나더라도 명령어는 여기에 유지하세요. 현재 상태에 따라 명령어를 업데이트하세요.
- 코드에서 사용된 이름
AppKit NSMenu / SwiftUI Commands
빠른 비교
| UI 패턴 | 이런 경우에 가장 좋아요 | 대상 아님 | 코드에서 사용된 이름 |
|---|---|---|---|
| Unified Title Bar ToolbarUnified Title Bar Toolbar | 직접 접근과 맞춤 선택이 아래 작업에 도움이 되는 현재 창과 연결된 일반 명령에 사용하세요. | 희귀하거나 파괴적인 명령으로 화면을 붐비게 하지 마세요. 선택에 따른 항목은 제자리에 두고 활성화되거나 선택된 상태를 업데이트할 수 있습니다. 불필요한 레이아웃 이동을 피하고, 필수 명령은 메뉴 바에서 발견할 수 있도록 유지하세요. | AppKit NSToolbar / SwiftUI toolbar |
| macOS Menu BarmacOS Menu Bar | 여기 앱의 전체 명령 세트를 넣으세요. 사용자들이 메뉴 이름으로 찾거나 키보드 단축키로 실행하는 명령을 포함하세요. | 창 내부 탐색에 이를 사용하지 마세요. 툴바나 컨텍스트 메뉴에 나타나더라도 명령어는 여기에 유지하세요. 현재 상태에 따라 명령어를 업데이트하세요. | AppKit NSMenu / SwiftUI Commands |
출시하기 전에
- 01
그 사람이 해야 할 일을 적으세요.
- 02
키보드, 포커스, 터치, 확대/축소, 로딩, 비어 있음, 오류 상태를 테스트하세요.
- 03
사람들이 마우스 오버나 동작 없이 동일한 정보를 얻을 수 있도록 하세요.
- 04
작은 화면과 큰 화면에서 실제 콘텐츠로 테스트하세요.
비교 요청 복사 가능
팀이 패턴 사이에서 선택하는 데 도움이 필요할 때 이것을 복사하세요.
실제 사용자 흐름에 가장 적합한 패턴을 Unified Title Bar Toolbar (Unified Title Bar Toolbar)、macOS Menu Bar (macOS Menu Bar)에서 선택하세요. 이 규칙 사용: Toolbar는 창 안에 자주 쓰는 기능을 두는 거야. Menu bar는 화면 위에 앱의 모든 명령을 둬. 작업, 콘텐츠 양, 흐름 중단 비용을 기록하세요. 키보드, 터치, 로딩, 오류, 축소 동작을 확인하세요. 선택 이유를 설명한 후 프로젝트 디자인 시스템으로 가장 작은 접근 가능한 버전을 만드세요.