Apple HIG: Design Foundations
Domine as Diretrizes de Design da Apple para Apps Bonitos
Crie apps para Apple com aparência e comportamento nativos seguindo as Diretrizes de Interface Humana oficiais. Evite rejeições de design e garanta que seu app atenda aos padrões de acessibilidade, layout e visuais da Apple em todas as plataformas.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "Apple HIG: Design Foundations". Qual proporção de contraste preciso para texto de 17pt no iOS?
النتيجة المتوقعة:
Para texto até 17pt (independentemente do peso), você precisa de uma proporção de contraste mínima de 4.5:1 para atender ao WCAG Level AA, que o Accessibility Inspector da Apple usa como base. Para texto 18pt e maior, ou texto em negrito de qualquer tamanho, o requisito cai para 3:1. Fonte: accessibility.md, seção 'Vision'.
استخدام "Apple HIG: Design Foundations". Mostre-me como usar cores semânticas do sistema em SwiftUI
النتيجة المتوقعة:
Use APIs de cores semânticas como Color.label, Color.secondaryLabel, Color.systemBackground em vez de codificar valores fixos. Estas se adaptam automaticamente aos modos claro/escuro e Increase Contrast: Text('Hello').foregroundColor(.label).background(Color.systemBackground). Fonte: color.md, seção 'System colors'.
استخدام "Apple HIG: Design Foundations". Como suportar Dynamic Type na minha text view?
النتيجة المتوقعة:
Aplique estilos de texto semânticos como .body, .headline, .subheadline que escalam automaticamente com o tamanho de texto preferido do usuário: Text('Hello').font(.body). Estes suportam toda a faixa de 11pt a 23pt no iOS. Combine com frame(maxWidth: .infinity) e restrições de layout apropriadas para prevenir overflow. Fonte: typography.md, seção 'Supporting Dynamic Type'.
التدقيق الأمني
آمنStatic analysis detected 2676 pattern matches across 18 markdown documentation files (4647 lines). All findings are confirmed FALSE POSITIVES from legitimate documentation content: Ruby backtick notation for inline code examples (e.g., `systemRed`, `label`), hardcoded URLs linking to Apple's official developer documentation, and 'C2 keywords' that are benign terminology in accessibility/design contexts (e.g., 'control' for Switch Control, 'access' for accessibility, 'capture' for screen capture guidelines). This skill contains only static markdown reference documentation with no executable code, network operations, or security risks. Safe to publish.
درجة الجودة
ماذا يمكنك بناءه
Projetar Apps iOS Acessíveis
Garanta que seu app atenda aos padrões de acessibilidade da Apple implementando rótulos VoiceOver, suporte Dynamic Type e proporções de contraste WCAG AA. Aprenda como testar com Accessibility Inspector e fornecer alternativas acessíveis para todos os elementos interativos.
Implementar Suporte a Modo Escuro
Adapte o esquema de cores do seu app para aparências clara e escura usando cores semânticas do sistema. Entenda como testar contraste em ambos os modos, aplicar materiais vibrantes e garantir que paletas personalizadas funcionem em todas as aparências.
Padronizar Tipografia de Apps
Use a escala de tipos e estilos de texto da Apple para garantir que seu texto escale corretamente com Dynamic Type. Aprenda quando usar SF Pro versus fontes personalizadas, como implementar hierarquia de peso de fonte e melhores práticas de espaçamento de linha.
جرّب هذه الموجهات
Estou projetando um botão com cor de fundo #007AFF e texto branco para iOS. Esta combinação é acessível? Qual proporção de contraste ela alcança e qual nível WCAG atende?
Estou criando um formulário em SwiftUI e preciso usar as cores semânticas corretas para rótulos, texto secundário e estados de erro. Mostre-me o padrão de código usando cores do sistema que se adaptam ao modo escuro.
Meu layout de texto quebra quando usuários habilitam tamanhos de fonte maiores nas configurações de Acessibilidade. Mostre-me como estruturar minha view SwiftUI usando estilos de texto e Auto Layout para escalar corretamente de 11pt a 23pt.
Preciso de ícones personalizados que correspondam à aparência óptica do SF Symbols. Quais são as especificações de design para peso do símbolo, alinhamento de grade e modos de renderização? Mostre-me como exportar símbolos personalizados que se integrem perfeitamente.
أفضل الممارسات
- Sempre verifique por `.claude/apple-design-context.md` antes de fazer perguntas para usar o contexto existente do projeto e evitar coleta de informações redundante
- Cite documentos foundation específicos do HIG com nomes de arquivo e seções ao fornecer orientação para permitir rastreabilidade e leitura adicional
- Solicite informações de targeting de plataforma cedo, pois as diretrizes da Apple variam significativamente entre iOS, macOS, watchOS, tvOS e visionOS
- Sempre explique implicações de acessibilidade ao sugerir padrões de design, incluindo proporções de contraste, suporte Dynamic Type e comportamento VoiceOver
تجنب
- Não codifique valores de cor fixos como RGB(0, 122, 255) - use APIs semânticas como UIColor.systemBlue ou Color.blue que se adaptam automaticamente ao modo escuro e configurações de acessibilidade
- Evite usar tamanhos de fonte fixos como 16.0 - em vez disso use estilos de texto como .body ou .headline que escalam com Dynamic Type e respeitam o tamanho de texto preferido do usuário
- Não dependa apenas de cor para transmitir informações - sempre forneça indicadores visuais adicionais como formas, ícones ou rótulos de texto para acessibilidade
- Nunca pule testes de acessibilidade durante o design - integre Accessibility Inspector cedo e verifique navegação VoiceOver, escalonamento Dynamic Type e proporções de contraste antes da submissão