Crie widgets para visionOS

Nesta sessão, você aprende a criar widgets bonitos e bem-pensados para o visionOS. No Vision Pro, os widgets são objetos 3D que se integram ao espaço físico e podem ser inseridos pelo novo app Widgets no visionOS. Esta sessão aborda alguns dos princípios de design para criar widgets nativos: persistência, tamanho fixo, personalização e detecção de proximidade.

No visionOS, os widgets persistem quando colocados em superfícies horizontais ou verticais no ambiente. Em uma superfície horizontal, como uma mesa ou prateleira, o widget se inclina um pouco na direção da pessoa que o insere. Esse ângulo sutil ajuda na leitura e projeta uma sombra que faz com que o widget pareça ancorado no ambiente. Ao criar widgets para o visionOS, considere o contexto e como eles podem ser posicionados em um ambiente. Os widgets ficam no espaço real da pessoa. Eles não se fixam nem permanecem nos ambientes.

Os widgets no visionOS têm dimensões definidas e consistentes para que se ajustem a uma parede, mesa ou prateleira. Você tem acesso aos mesmos tamanhos de modelo de widgets que em outras plataformas da Apple, mas, no visionOS, eles refletem as dimensões do mundo real. Há também um novo tamanho extragrande para widgets em modo retrato, ideal para criar peças de destaque que mais parecem obras de arte na parede do que uma interface tradicional. Ao oferecer widgets nessa plataforma, crie pensando nos princípios de design gráfico ou sinalização: use hierarquia clara, tipografia forte e escala bem-planejada para garantir a legibilidade do conteúdo a diferentes distâncias. Cada widget pode ser redimensionado com o recurso de canto, variando de 75% a 125% do tamanho original sem comprometer o layout. Por isso, é importante usar recursos de alta resolução.

Você pode personalizar a aparência do seu widget além das opções de personalização do sistema. Escolha um estilo que se adapte ao seu conteúdo: papel ou vidro. Os widgets de papel têm uma aparência de impressão que responde à iluminação ambiente. Já os de vidro têm uma aparência mais clara e em camadas, com elementos em primeiro plano coloridos que permanecem nítidos e legíveis, independentemente das condições de iluminação. As pessoas podem usar as paletas fornecidas pelo sistema para colorir os widgets. Por isso, é importante testar o conteúdo com esses estilos. Embora seja possível desativar o tom do fundo, a moldura do widget sempre recebe uma cor. As pessoas também podem escolher o tamanho da moldura de um widget. Se o widget for colocado em uma superfície vertical, as pessoas podem selecionar um estilo de montagem preferido: Elevado (que fica sobre a parede como um quadro) ou Embutido (inserido na parede). Você também pode oferecer outras opções de personalização do widget, permitindo ajustes significativos e específicos do conteúdo, o que torna o widget mais expressivo e adaptável.

Os widgets também podem adaptar a densidade das informações em tempo real de acordo com a proximidade de uma pessoa. Pense nisso como um design responsivo, mas, em vez da tela, é o tamanho angular que muda conforme a proximidade da pessoa. O visionOS define dois limites fundamentais para o design: Padrão, quando o widget é visto de perto, e Simplificado, quando é visto de longe. Nem todo widget precisa usar esse recurso, mas adaptar-se à distância melhora a clareza. Sempre que possível, mantenha elementos compartilhados em ambos os limites de distância para que o layout pareça contínuo. Se você incluir interações, certifique-se de que as áreas interativas do widget sejam sempre fáceis de acessar, independentemente da distância da pessoa.