Apple HIG: Layout and Navigation Components
HIG 네비게이션 패턴으로 적응형 Apple 앱 레이아웃 설계하기
여러 Apple 플랫폼용 앱을 빌드하려면 복잡한 네비게이션 패턴과 레이아웃 적응에 대한 이해가 필요합니다. 이 스킬은 사이드바, 스플릿 뷰, 탭 바 등에 대한 공식 Apple Human Interface Guidelines 를 제공하여 앱이 플랫폼 규약을 따르도록 보장합니다.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“Apple HIG: Layout and Navigation Components”。 검사기 패널이 있는 문서 편집기를 빌드하고 있습니다. 사이드바와 패널 중 무엇을 사용해야 합니까?
预期结果:
검사기가 있는 문서 편집기의 경우 macOS 에서 패널 (사이드바 아님) 을 사용하십시오. 사이드바는 섹션 간 기본 네비게이션에 사용되며, 패널은 메인 콘텐츠를 보완하는 2 차 컨트롤과 속성에 사용됩니다. iPad 에서는 검사기를 팝오버 또는 시트로 표시하십시오. 참조: inspector 패턴은 panels.md, 기본 네비게이션 패턴은 sidebars.md.
正在使用“Apple HIG: Layout and Navigation Components”。 6 개의 최상위 섹션이 있을 때 탭 바는 어떻게 처리합니까?
预期结果:
iOS 탭 바는 최대 5 개의 보이는 탭을 지원합니다. 섹션이 6 개인 경우 추가 섹션은 'More' 탭에 넣으십시오. 그러나 6 개의 최상위 섹션이 사이드바 (iPad) 또는 중첩 네비게이션으로 재구성할 기회인지 고려하십시오. iPadOS 18+ 에서는 .sidebarAdaptable 을 사용하여 iPad 에서는 사이드바, iPhone 에서는 탭 바를 자동으로 표시하십시오. 참조: 탭 카운트 가이드는 tab-bars.md, 대체 패턴은 sidebars.md.
安全审计
安全This skill contains only documentation markdown files referencing Apple Human Interface Guidelines. All 768 static analysis findings are false positives: backtick patterns are markdown code blocks with API names, URLs link to official Apple Developer documentation, and cryptographic/C2 keywords are spurious text matches in design documentation. No executable code, network calls, or system commands present.
质量评分
你能构建什么
iOS 앱 네비게이션 설계
첫 iPad 앱을 빌드하는 개발자가 네비게이션에 탭 바와 사이드바 중 어떤 것을 사용할지 결정해야 합니다. 이 스킬은 각 패턴을 언제 사용해야 하는지, NavigationSplitView 가 사이즈 클래스 간에 어떻게 적응하는지 설명합니다.
크로스플랫폼 레이아웃 전략
iPhone, iPad, Mac 에서 출시하는 팀이 통합 네비게이션 전략이 필요합니다. 이 스킬은 반응형 레이아웃을 계획하기 위한 적응 체크리스트와 패턴 선택 테이블을 제공합니다.
visionOS 공간 레이아웃
첫 visionOS 앱을 제작하는 개발자가 윈도우, 볼륨, 오너먼트를 이해해야 합니다. 이 스킬은 공간 포지셔닝과 오너먼트 부착 패턴을 설명합니다.
试试这些提示
4 개의 메인 섹션 (Home, Search, Library, Settings) 이 있는 앱을 빌드하고 있습니다. iPhone 과 iPad 에서 각각 어떤 네비게이션 패턴을 사용해야 합니까?
내 앱은 iPad 에서 3 열 레이아웃을 사용하는데 iPhone 에서 깨집니다. NavigationSplitView 를 사용하여 어떻게 적응해야 합니까?
macOS 사이드바와 iPad 사이드바의 차이점은 무엇입니까? 각 패턴은 언제 사용해야 합니까?
내 iPad 앱은 Split View, Slide Over, Stage Manager 를 지원해야 합니다. 테스트해야 할 사이즈 클래스 전환은 무엇이며 어떻게 처리해야 합니까?
最佳实践
- 질문하기 전에 항상 기존 apple-design-context.md 확인 - 이미 사용 가능한 정보 활용
- 네비게이션 패턴을 정보 아키텍처 깊이에 맞추기: 얕은 구조는 탭 바 사용, 깊은 계층은 사이드바 사용
- 모든 사이즈 클래스 전환과 iPad 멀티태스킹 비율에서 레이아웃 적응 테스트
避免
- 깊은 계층을 더 잘 처리할 수 있는 사이드바 대신 iPad 에서 탭 바 사용
- compact vs regular 사이즈 클래스에 적응하지 않는 고정 너비 레이아웃 빌드
- Apple Vision Pro 타겟팅 시 visionOS 공간 규약 무시