Guia do tópico

Design

Estude a evolução da linguagem visual da Apple, princípios de interação, ícones, movimento e o trabalho por trás de experiências claras em várias plataformas.

A coleção Design trata tanto de discernimento quanto de APIs. Ela mostra como hierarquia, materiais, movimento, layout, som e convenções da plataforma funcionam juntos, e como adaptar uma interface sem perder a identidade do produto.

Sessões
50
2026
13
2025
22
2024
15

O que este tópico aborda

  • Sistemas visuais e convenções da plataforma
  • Interação, movimento e resposta
  • Ícones, layout e acabamento do produto

WWDC 2026

13 sessões
  1. Aprenda CSS Grid Lanes10:25 · Design, Safari e webCrie layouts web adaptáveis a conteúdo de todos os formatos e tamanhos. Explore como Grid Lanes organiza elementos diferentes em designs limpos e flexíveis com CSS simples. Veja como flow-tolerance ajuda a…
  2. Aprofunde-se em pilhas preguiçosas e rolagem com SwiftUI21:10 · Design, SwiftUI e frameworks de interfaceEntenda o funcionamento interno das pilhas preguiçosas do SwiftUI. Explore como LazyVStack e LazyHStack estimam tamanhos, carregam subvisualizações sob demanda e pré-carregam conteúdo para uma rolagem suave…
  3. Componha efeitos gráficos avançados com SwiftUI17:55 · Design, SwiftUI e frameworks de interfaceDescubra como criar experiências personalizadas e ricas combinando APIs de layout e gráficos do SwiftUI. Mostraremos como decompor designs complexos e encadear componentes simples em um pipeline criativo…
  4. Comunique a identidade da sua marca no iOS17:26 · DesignExplore abordagens práticas de marca com tipografia, cor, componentes e interações que equilibram familiaridade e singularidade.
  5. Crie nomes claros para recursos e rótulos do app15:04 · DesignOs nomes de produtos, recursos e rótulos determinam como as pessoas entendem e percorrem o app. Explore princípios de nomenclatura cuidadosa no design, examine padrões usados em apps Apple e aprenda a tomar…
  6. Crie protótipos de interface usando agentes no Xcode18:11 · IA e aprendizado de máquina, Ferramentas para desenvolvedoresSaiba como criar protótipos do app com agentes no Xcode. Explore técnicas de IA para prototipar interações, iterar layouts e gerar soluções criativas para desafios de design. Aprenda a avaliar ideias com senso…
  7. Laboratório em grupo de Icon Composer para iniciantes61:39 · DesignParticipe online para fazer perguntas, receber orientações e acompanhar a conversa sobre como começar a usar Icon Composer. Realizado em inglês.
  8. Novidades no SwiftUI28:15 · Serviços de apps, DesignExplore as adições mais recentes ao SwiftUI e como podem melhorar seus apps. Apresentaremos um novo protocolo Document com acesso direto ao disco e diferenças baseadas em snapshots para apps de alto…
  9. Princípios de um ótimo design17:16 · Acessibilidade e inclusão, DesignAprofunde-se nos princípios fundamentais de design para plataformas Apple.
  10. Projete ambientes imersivos para apps visionOS e a web espacial15:58 · IA e aprendizado de máquina, Gráficos e jogosSaiba como criar ambientes fotorrealistas no visionOS para apps, sites e experiências SharePlay. Conheça princípios de design que tornam ambientes realmente imersivos e veja como criar ou capturar referências…
  11. Projete experiências de busca intuitivas16:17 · Fundamentos, DesignExplore novos padrões e boas práticas para implementar busca no app. Descubra como ela ajuda as pessoas a encontrar e percorrer conteúdo e veja como integrá-la a diferentes modelos de navegação e plataformas…
  12. Projete jogos sem código com Reality Composer Pro 318:53 · Ferramentas para desenvolvedores, Gráficos e jogosDescubra como usar ScriptGraph no Reality Composer Pro 3 para criar conteúdo 3D sem código para apps e jogos. Saiba como aproveitar nós visuais para criar animações e momentos interativos e incorporar…
  13. Redescubra o elemento HTML select9:30 · Design, Safari e webSaiba como controlar totalmente o estilo de menus select na web. O elemento HTML select ganha uma grande atualização com um novo valor de appearance em CSS e novos pseudoelementos. Descubra como as opções…

WWDC 2025

22 sessões
  1. Cause grande impacto com pequenas mudanças no texto16:01 · DesignCom o novo sistema de design em todas as plataformas, este é um ótimo momento para rever os textos da interface. Saiba como pequenas mudanças, como remover repetições e começar pelos benefícios, podem melhorar…
  2. Conheça a nova aparência dos ícones de apps11:54 · SwiftUI e frameworks de interface, DesignVeja uma visão geral das novas aparências de ícones no iOS, iPadOS e macOS, incluindo tonalidades claras e escuras e opções transparentes. Saiba como usar o efeito fosco e a translucidez para deixar o ícone…
  3. Conheça o Liquid Glass19:33 · SwiftUI e frameworks de interface, DesignO Liquid Glass unifica a linguagem de design das plataformas Apple e oferece uma experiência mais dinâmica e expressiva. Conheça seus princípios de design, explore as principais propriedades ópticas e físicas…
  4. Conheça o layout espacial do SwiftUI20:21 · Design, Computação espacialExplore novas ferramentas para criar experiências espaciais com SwiftUI. Aprenda os fundamentos de visualizações 3D no visionOS, personalize layouts existentes com alinhamentos de profundidade e use…
  5. Conheça o novo sistema de design18:14 · SwiftUI e frameworks de interface, DesignAprofunde-se no novo sistema de design e explore mudanças no design visual, na arquitetura de informação e nos principais componentes do sistema. Saiba como ele redefine a relação entre interface e conteúdo e…
  6. Crie um app SwiftUI com o novo design22:17 · Design, SwiftUI e frameworks de interfaceExplore como Liquid Glass transforma a aparência e a experiência do app. Descubra como o novo material aprimora barras de ferramentas, controles e estruturas em várias plataformas, oferecendo interações…
  7. Crie um app UIKit com o novo design25:52 · Design, SwiftUI e frameworks de interfaceAtualize seu app UIKit para aproveitar todo o novo sistema de design. Exploraremos mudanças importantes em abas, visualizações divididas, barras, apresentações, busca e controles e mostraremos como usar Liquid…
  8. Crie ícones com o Icon Composer14:33 · SwiftUI e frameworks de interface, DesignSaiba como usar Icon Composer para criar ícones atualizados para iOS, iPadOS, macOS e watchOS. Veja como exportar recursos da ferramenta de design, adicioná-los ao Icon Composer, aplicar propriedades de vidro…
  9. Eleve o design do seu app para iPad15:20 · SwiftUI e frameworks de interface, DesignDê ao seu app uma ótima aparência e experiência no iPadOS. Conheça boas práticas para criar um layout responsivo em janelas redimensionáveis. Familiarize-se com os controles de janela e veja as melhores formas…
  10. Explore experiências de vídeo para visionOS25:52 · Áudio e vídeo, DesignConheça diferentes formas de criar e apresentar vídeo imersivo no app. Explore os tipos de mídia do visionOS 26, incluindo perfis para vídeo em 180°, 360° e campo de visão amplo, opções para criar e reproduzir…
  11. Explore o design de prompts e a segurança em modelos-base no dispositivo22:11 · Design, IA e aprendizado de máquinaProjete experiências de IA generativa que aproveitam os pontos fortes do framework Foundation Models. Começaremos mostrando como criar prompts para o modelo de linguagem de grande escala no dispositivo que…
  12. Fundamentos de design, da ideia à interface19:06 · Fundamentos, DesignÓtimos apps são claros, intuitivos e fáceis de usar. Descubra como o design pode elevar funções, comunicar propósito, orientar as pessoas pelo conteúdo e usar componentes com cuidado para manter a experiência…
  13. Melhores juntos: SwiftUI e RealityKit30:25 · Design, Computação espacialDescubra como combinar SwiftUI e RealityKit no visionOS 26. Explore melhorias do Model3D, incluindo animação e suporte a ConfigurationCatalog, e veja transições suaves para RealityView. Saiba como usar…
  14. Novidades no SF Symbols 722:52 · SwiftUI e frameworks de interface, DesignExplore as atualizações mais recentes do SF Symbols, a biblioteca de ícones da Apple. Conheça Draw, novo sistema de animação que imita o fluxo orgânico de um traço manual, e Variable Draw, que comunica…
  15. Novidades no Xcode 2636:56 · Design, SwiftConheça os avanços mais recentes de produtividade e desempenho no Xcode 26. Saiba como usar modelos de linguagem de grande escala no fluxo de desenvolvimento. Explore melhorias de edição e depuração…
  16. Novidades no visionOS 2638:47 · Áudio e vídeo, Empresas e educaçãoExplore novos recursos do visionOS 26. Conheça APIs volumétricas aprimoradas e saiba como combinar SwiftUI, RealityKit e ARKit. Veja como criar apps e jogos mais envolventes com rastreamento de mãos mais…
  17. Otimize seus ambientes personalizados para visionOS32:46 · Design, Gráficos e jogosDescubra como usar ferramentas procedurais para criar belos ambientes imersivos em apps ou jogos para visionOS. Apresentaremos os componentes de um ambiente de alta qualidade e aprofundaremos o processo de…
  18. Prepare a cena com SwiftUI no visionOS24:51 · Design, Computação espacialConheça novas APIs para aprimorar janelas, volumes e espaços imersivos no app para visionOS. Ajuste o comportamento das cenas ao reabrir ou fixar no lugar. Faça volumes se adaptarem ao ambiente com margens de…
  19. Princípios de design inclusivo de apps21:10 · Acessibilidade e inclusão, FundamentosDescubra como entender deficiências ajuda a criar apps melhores para todas as pessoas. Veja como tornar seus apps mais inclusivos oferecendo vários tipos de interação, personalização e APIs de acessibilidade.
  20. Projete interações ao olhar no visionOS14:10 · Computação espacial, DesignDescubra como criar interações avançadas para apps visionOS. Explore efeitos e animações personalizados ao olhar, evite erros comuns, aproveite interações como Look to Scroll e crie controles de mídia…
  21. Projete snippets interativos7:28 · IA e aprendizado de máquina, DesignSnippets são visualizações compactas acionadas por App Intents que exibem informações do app. Agora eles podem levar ainda mais recursos à Siri, ao Spotlight e ao app Atalhos com botões e informações de estado…
  22. Projete widgets para visionOS21:04 · Computação espacial, SwiftUI e frameworks de interfaceSaiba como criar belos widgets para visionOS 26 que se integram naturalmente ao ambiente das pessoas. Descubra como adicionar profundidade ao design e personalizar materiais, tamanhos e estilos para computação…

WWDC 2024

15 sessões
  1. Aprimore a experiência de abas e barra lateral no iPadOS15:46 · Design, SwiftUI e frameworks de interfaceO iPadOS 18 apresenta um novo sistema de navegação que permite escolher entre uma barra de abas e uma barra lateral. A barra de abas redesenhada oferece mais espaço para conteúdo e outras funções. Saiba como…
  2. Aprimore animações e transições da interface14:14 · Design, SwiftUI e frameworks de interfaceVeja como adotar a transição de zoom na navegação e nas apresentações para aumentar a sensação de continuidade no app. Saiba também como animar visualizações do UIKit com animações do SwiftUI para facilitar a…
  3. Conheça o sistema de design da próxima geração do CarPlay19:25 · Serviços do sistema, DesignExplore o sistema de design no centro da próxima geração do CarPlay, que permite a cada fabricante expressar a personalidade e a marca de seus veículos. Saiba como mostradores, layouts, conteúdo dinâmico e…
  4. Crie ambientes personalizados para seus apps imersivos no visionOS9:27 · Computação espacial, DesignDescubra como criar ambientes personalizados, visualmente ricos e eficientes para apps no Apple Vision Pro. Conheça diretrizes de design, recomendações de especialistas e técnicas que você pode usar em…
  5. Crie efeitos personalizados ao olhar no visionOS16:40 · Design, Computação espacialSaiba como desenvolver efeitos personalizados que atualizam as visualizações quando as pessoas olham para elas. Veja como criar um efeito de expansão de botão que combina opacidade, escala e recorte. Conheça…
  6. Crie efeitos visuais personalizados com SwiftUI26:06 · Design, Gráficos e jogosDescubra como criar efeitos visuais marcantes no SwiftUI. Saiba como desenvolver efeitos de rolagem exclusivos, tratamentos detalhados de cor e transições personalizadas. Também exploraremos efeitos gráficos…
  7. Dê personalidade ao app com textos de UX20:49 · DesignTodo app tem uma personalidade, que aparece no que você diz, e na forma como diz. Saiba como definir a voz do app e ajustar o tom para cada situação, de notificações comemorativas a mensagens de erro…
  8. Explore a reprodução de vários vídeos no visionOS14:02 · Design, Computação espacialSaiba como o AVExperienceController permite reproduzir vários vídeos no Apple Vision Pro. Reveja as boas práticas para adoção e explore casos de uso, como assistir a uma transmissão esportiva por diferentes…
  9. Explore os controles de jogos no visionOS16:22 · Design, Computação espacialDescubra como projetar e implementar ótimos controles para seu jogo no visionOS. Saiba como os gestos do sistema oferecem formas simples de interação com os jogos. Explore também boas práticas para oferecer…
  10. Novidades no SF Symbols 617:19 · SwiftUI e frameworks de interface, DesignExplore as atualizações mais recentes do SF Symbols, a biblioteca de ícones da Apple criada para integração com San Francisco, a fonte do sistema em todas as plataformas Apple. Saiba como as novas…
  11. Projete App Intents para experiências do sistema9:19 · IA e aprendizado de máquina, DesignApp Intents oferecem recursos a controles, Spotlight, Siri e outras experiências do sistema. Veja como identificar as funções mais adequadas para App Intents e usar parâmetros para tornar esses intents…
  12. Projete Atividades ao Vivo para o Apple Watch8:38 · Serviços de apps, DesignA partir do watchOS 11, as Atividades ao Vivo do seu app para iOS aparecem automaticamente no Conjunto Inteligente de um Apple Watch conectado. Saiba como otimizar o layout da Atividade ao Vivo para o pulso e…
  13. Projete experiências interativas para visionOS20:48 · Computação espacial, DesignAprenda com os designers de Encounter Dinosaurs a criar uma narrativa interativa atraente para o Apple Vision Pro. Descubra como esse tipo de experiência se diferencia dos apps, das mídias e dos jogos atuais e…
  14. Projete jogos avançados para plataformas Apple23:54 · Gráficos e jogos, DesignSaiba como adaptar seu jogo de alto nível para que ele se encaixe naturalmente no Mac, iPad e iPhone. Veremos como deixar o jogo com ótima aparência em diferentes telas, ajustar entradas e controles para que…
  15. Projete ótimos apps para visionOS19:03 · Gráficos e jogos, Computação espacialVeja como criar apps atraentes de computação espacial adotando a imersão, projetando para olhos e mãos e aproveitando profundidade, escala e espaço. Compartilharemos vários exemplos de ótimos apps para…