المهارات Apple HIG: Menus and Buttons

🍎

Apple HIG: Menus and Buttons

Name: Apple HIG: Menus and Buttons
Author: sickn33

آمن

Apple 스타일 메뉴 및 버튼 디자인

macOS 및 iOS 인터페이스가 Apple 의 디자인 표준을 따르도록 하세요. 이 스킬은 Apple 의 Human Interface Guidelines 에서 메뉴 구조, 버튼 스타일 및 툴바 배치에 대한 권위 있는 지침을 제공합니다.

يدعم: Claude Codex Code(CC)

🥉 73 برونزي

تنزيل ZIP المهارة

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

فعّل وابدأ الاستخدام

اختبرها

استخدام "Apple HIG: Menus and Buttons". macOS 앱을 구축하고 있으며 New, Open, Save, Export 와 같은 파일 동작을 위한 메뉴가 필요합니다. 무엇을 해야 합니까?

النتيجة المتوقعة:

macOS 앱의 파일 동작을 위해서는 표준 애플리케이션 메뉴 구조를 사용하세요:

1. New, Open, Save 를 File 메뉴 (앱 메뉴 다음 첫 번째 메뉴) 에 배치
2. 표준 키보드 단축키 사용: New 는 Command+N, Open 은 Command+O, Save 는 Command+S
3. Export 를 File 메뉴의 Save 아래에 추가하며, 자주 사용되는 동작인 경우 Command+Shift+E 옵션 제공
4. 순서 따르기: About, New, Open, Open Recent, [구분선], Close, Save, [구분선], Export/Print

이는 파일 메뉴가 문서 관련 명령의 기본 위치인 Apple 의 메뉴 바 규칙을 따릅니다. 툴바 단축키나 컨텍스트 메뉴를 제공하더라도 모든 명령이 메뉴 바에서 접근 가능해야 합니다.

استخدام "Apple HIG: Menus and Buttons". iOS 에서 항목 삭제를 위해 컨텍스트 메뉴와 액션 시트 중 무엇을 사용해야 합니까?

النتيجة المتوقعة:

iOS 에서는 항목 삭제를 위해 컨텍스트 메뉴가 아닌 액션 시트를 사용하세요:

**액션 시트 (권장)**
- 삭제 동작을 빨간색으로 눈에 띄게 표시
- 명확한 탭 대상으로 명시적인 사용자 선택 강제
- 넓은 히트 영역으로 터치 인터페이스에 더 적합
- 확인 메시지와 Cancel 옵션 포함 가능

**컨텍스트 메뉴 (삭제 동작에 비권장)**
- 보조 또는 편의 동작 (복사, 공유, 이름 변경) 에 더 적합
- 중요한 동작의 경우 발견하기 어려움
- 길게 누르기 제스처가 명확하지 않을 수 있음

또한 삭제 동작을 컨텍스트 메뉴에만 배치하지 마세요 — 항상 기본 접근 경로를 제공하세요. 삭제의 경우 액션 시트는 삭제 버튼 스타일링, 명확한 시각적 계층 구조, 그리고 Apple 이 돌이킬 수 없는 동작에 권장하는 명시적 선택 패턴을 제공합니다.

التدقيق الأمني

آمن

v1 • 2/25/2026

Static analysis detected 893 potential security issues across 11 files (1527 lines). All findings are false positives from a pure documentation skill containing Apple Human Interface Guidelines. Hardcoded URLs are legitimate documentation image references to developer.apple.com. 'Weak cryptographic algorithm' and 'C2 keyword' detections are triggered by common UI/UX terminology (button, control, push, etc.). 'Ruby/shell backtick execution' patterns are from markdown code blocks and inline code formatting. No executable code, no network operations, no external commands - read-only reference documentation.

الملفات التي تم فحصها

1,527

الأسطر التي تم تحليلها

النتائج

إجمالي عمليات التدقيق

لا توجد مشكلات أمنية

تم تدقيقه بواسطة: claude

درجة الجودة

الهندسة المعمارية

100

قابلية الصيانة

المحتوى

المجتمع

100

الأمان

الامتثال للمواصفات

ماذا يمكنك بناءه

macOS 메뉴 구조 디자인

macOS 애플리케이션을 구축하는 개발자가 메뉴 항목을 구성하고 키보드 단축키를 정의하며 표준 편집 메뉴를 구현해야 합니다. 이 스킬을 사용하여 메뉴 바가 Apple 의 규칙을 따르고 모든 예상되는 표준 항목을 포함하는지 확인할 수 있습니다.

iOS 앱을 위한 버튼 스타일 선택

iOS 디자이너는 여러 동작 버튼이 있는 폼을 만들고 있으며 어떤 버튼 스타일을 사용해야 할지 결정해야 합니다. 이 스킬은 적절한 버튼 역할 (주요, 취소, 삭제) 을 선택하고 적절한 시각적 계층 구조를 보장하는 데 도움이 됩니다.

컨텍스트 메뉴 구현

크로스플랫폼 개발자는 iPad 및 macOS 앱에 오른쪽 클릭 컨텍스트 메뉴를 추가하려고 합니다. 이 스킬을 참조하여 어떤 동작이 컨텍스트 메뉴에 속하는지와 기본 UI 에 속하는지, 그리고 접근성을 어떻게 보장할지 이해할 수 있습니다.

جرّب هذه الموجهات

기본 메뉴 권장사항

[특정 동작/사용 사례] 에 대해 [플랫폼] 에서 어떤 유형의 메뉴를 사용해야 합니까?

버튼 스타일 선택

[플랫폼] 에서 [시나리오 설명 - 주요 동작, 삭제 동작 등] 에 대한 버튼이 필요합니다. 어떤 버튼 스타일과 역할을 사용해야 합니까?

툴바 디자인 검토

[플랫폼] 에 대한 제 툴바 디자인을 검토해 주세요. 다음과 같은 동작이 있습니다: [동작 목록]. 이들이 메뉴가 아닌 툴바에 적합한 선택입니까?

플랫폼별 동작

[메뉴/버튼 컴포넌트] 는 [플랫폼 1] 과 [플랫폼 2] 에서 어떻게 다르게 동작해야 합니까? 키보드 단축키와 접근성 요구사항은 무엇입니까?

أفضل الممارسات

macOS 의 모든 명령은 메뉴 바에서 접근 가능해야 합니다 — 툴바와 컨텍스트 메뉴는 메뉴 항목을 대체하지 않고 보완합니다
플랫폼 일관성과 접근성을 유지하기 위해 커스텀 디자인보다 시스템 정의 버튼 스타일과 역할을 사용하세요
인지 부하를 줄이고 사용자를 주요 동작으로 유도하기 위해 뷰당 눈에 띄는 버튼을 1~2 개로 제한하세요

تجنب

명령을 컨텍스트 메뉴에만 배치하고 메뉴 바나 기본 인터페이스에서는 제공하지 않음
동일한 뷰에서 여러 눈에 띄는 버튼 스타일을 사용하여 어떤 동작이 선호되는지에 대한 시각적 혼란 발생
툴바에 너무 많은 항목을 채움 — 자주 사용되는 명령을 우선 배치하고 덜 일반적인 동작은 오버플로 메뉴로 이동

الأسئلة المتكررة

팝업 버튼과 풀다운 버튼의 차이점은 무엇입니까?

팝업 버튼은 상호 배타적인 세트에서 하나의 옵션을 선택할 때 사용합니다 (글꼴 크기 선택과 같음). 현재 선택 항목을 항상 표시합니다. 풀다운 버튼은 현재 활성화된 선택 항목이 없는 동작 목록에 사용합니다 (다양한 생성 옵션을 제공하는 'New'버튼과 같음).

삭제 동작에 primary 버튼을 사용해야 합니까?

아닙니다. 삭제 동작을 수행하는 버튼에는primary 역할을 할당하지 마세요. 가장 일반적인 선택이라도 마찬가지입니다. 주요 버튼의 시각적 강조는 사용자가 읽지 않고 탭할 수 있게 합니다. 대신 시스템 빨간색으로 사용자에게 경고하는 destructive 역할을 사용하세요.

버튼의 최소 히트 영역 크기는 무엇입니까?

iOS, iPadOS 및 macOS 에서 버튼의 히트 영역 크기는 최소 44x44 포인트여야 합니다. visionOS 에서는 최소 60x60 포인트입니다. 이는 사용자가 손가락, 포인터, 눈 또는 리모컨으로 버튼을 쉽게 선택할 수 있도록 보장합니다.

컨텍스트 메뉴와 툴바 중 언제 사용해야 합니까?

현재 뷰나 선택 항목에 작용하는 자주 사용되는 명령에는 툴바를 사용하세요. 오른쪽 클릭이나 길게 누르기로 접근하는 보조 또는 항목별 동작에는 컨텍스트 메뉴를 사용하세요. 명령을 컨텍스트 메뉴에만 배치하지 마세요 — 항상 기본 접근 경로를 제공하세요.

표준 편집 메뉴 항목에 어떤 키보드 단축키를 사용해야 합니까?

Undo 는 Command+Z, Redo 는 Command+Shift+Z, Cut 은 Command+X, Copy 는 Command+C, Paste 는 Command+V, Select All 은 Command+A, Find 는 Command+F 를 사용하세요. 이들은 macOS 에서 사용자가 기대하는 플랫폼 표준 단축키입니다.

시스템 버튼의 외관을 커스터마이징할 수 있습니까?

시스템 버튼은 색상 및 크기 커스터마이징 옵션이 있는 기본 스타일을 제공합니다. 버튼을 색조칠하고 borderless, bordered, bordered prominent 와 같은 스타일 중에서 선택할 수 있습니다. 그러나 시스템 스타일에서 벗어난 완전히 커스텀 버튼 모양을 만들지 마세요. 이는 접근성과 플랫폼 일관성을 저하시킵니다.