Novidades do app Símbolos SF 7

Saiba mais sobre as novidades do SF Symbols, uma coleção de ícones meticulosamente elaborados, projetados para serem instantaneamente reconhecíveis. As atualizações incluem: Novas predefinições de animação e renderização chamadas Draw Recursos aprimorados de “Substituição mágica” Introdução de gradientes, ferramentas para anotar símbolos personalizados Atualizações nas APIs

O SF Symbols apresenta o Draw, um novo recurso que permite que símbolos sejam animados com duas predefinições: “Draw On” e “Draw Off”. Essas predefinições dão suporte a várias opções de reprodução, incluindo “Por camada”, “Símbolo inteiro” e a nova opção “Individualmente”, para uma animação mais intencional. A direção de desenho de cada símbolo pode ser personalizada com base no design e significado, com suporte para formas compostas complexas. Use o recurso Draw para dar dinamismo aos símbolos e transmitir progresso. Uma nova opção “Variable Draw” permite visualizar o progresso por meio de renderização parcial, de forma semelhante à maneira como cores variáveis transmitem intensidade ou avanço.

A Substituição mágica no SF Symbols agora tem recursos aprimorados, incluindo correspondência de delimitadores e integração com animações do Draw. Isso permite transições entre símbolos relacionados, preservando delimitadores e substituindo camadas diferentes, com a opção de usar os efeitos Draw On e Draw Off. É possível visualizar essas melhorias no inspetor de animação.

O SF Symbols inclui gradientes lineares, adicionando profundidade e dimensão aos símbolos com transições de cores suaves. Disponíveis no sistema, em cores personalizadas em todos os modos de renderização, os gradientes aumentam o interesse visual e podem ser aplicados a símbolos personalizados.

Saiba como anotar símbolos personalizados no app SF Symbols para ativar animações de desenhos. O processo envolve a colocação de pontos de guia no trajeto de desenho desejado. No mínimo dois pontos de guia, um inicial (círculo aberto) e um final (círculo fechado), são necessários para cada trajeto. Talvez sejam necessários pontos de guia adicionais para formas complexas, curvas acentuadas ou trajetos múltiplos. Também podem ser usados pontos de guia especializados para cenários específicos. Existem ferramentas para entrar no modo de ponto de guia, colocar pontos e ajustar as posições. É possível personalizar as animações alterando os estilos das extremidades, ativando o desenho bidirecional e alternando a direção da rotação para símbolos com múltiplos trajetos. O posicionamento preciso dos pontos de guia é essencial para animações uniformes e precisas. Para animar pontas de seta, deve-se desenhá-las como trajetos separados e uni-las a pontos de guia. Os pontos de guia podem ser colocados, ajustados ou substituídos manualmente, e há tipos específicos para pontos de início, fim e canto. O sistema interpola automaticamente os pontos de guia em diferentes pesos de símbolos, mas é fundamental garantir que eles estejam na mesma ordem. As opções avançadas incluem ajustar o posicionamento do ponto de guia, selecionar os trajetos diretamente e usar o desenho de variáveis, o que permite uma animação mais dinâmica, de modo que camadas específicas atuem no processo.

O SF Symbol 7 apresenta novos recursos, incluindo predefinições de animação, desenho variável e renderização de gradiente. É possível aplicá-los no SwiftUI, AppKit e UIKit por meio de modificadores e opções de configuração. Baixe o beta, consulte a documentação e atualize os desenhos personalizados para utilizar esses novos recursos.