-
Quoi de neuf dans Symbols SF 7
Découvrez les dernières mises à jour de Symbols SF, la bibliothèque d'icones d'Apple. Découvrez Draw, un nouveau système d'animation qui permet aux symboles d'imiter le flux organique d'un trait manuscrit, ainsi que Variable Draw, qui permet d'exprimer la force ou la progression. Découvrez les dégradés, qui ajoutent de la profondeur et de l'intérêt visuel aux symboles, ainsi que les améliorations de Magic Replace, qui offrent une plus grande continuité entre les symboles associés. Et découvrez comment prévisualiser et intégrer ces fonctionnalités dans vos propres apps.
Chapitres
- 0:00 - Introduction
- 2:19 - Draw
- 6:02 - Magic Replace
- 7:01 - Dégradés
- 8:02 - Symboles personnalisés
- 20:52 - Nouvelles API
Ressources
Vidéos connexes
WWDC24
-
Rechercher dans cette vidéo…
-
-
- 0:00 - Introduction
Découvrez les mises à jour apportées à Symbols SF, une collection d’icônes soigneusement conçues pour être immédiatement reconnaissables. Les mises à jour incluent : Nouveaux préréglages d’animation et de rendu, appelés Draw Fonctionnalités Magic Replace améliorées Introduction des dégradés, outils pour annoter des symboles personnalisés Mises à jour des API
- 2:19 - Draw
Symbols SF présente Draw, une nouvelle fonctionnalité qui permet d’animer les symboles le long de leur trajectoire à l’aide de deux préréglages : Draw On et Draw Off. Ces préréglages prennent en charge diverses options de lecture, notamment By Layer, Whole Symbol et une nouvelle option Individually, pour des animations plus précises. La direction du tracé de chaque symbole est personnalisable en fonction de sa conception et de sa signification, et les formes composées complexes sont également prises en charge. Utilisez Draw pour donner vie aux symboles et illustrer la progression. Une nouvelle option, Variable Draw, permet de visualiser la progression grâce à un rendu partiel, de la même manière que les couleurs variables indiquent l’intensité ou la progression.
- 6:02 - Magic Replace
Magic Replace dans Symbols SF dispose désormais de fonctionnalités améliorées, notamment la correspondance des contours et l’intégration avec les animations Draw. Cela permet des transitions fluides entre des symboles liés en conservant les contours et en remplaçant les calques différents, avec la possibilité d’utiliser les effets Draw On et Draw Off. Vous pouvez prévisualiser ces améliorations dans l’inspecteur d’animation.
- 7:01 - Dégradés
Symbols SF inclut désormais des dégradés linéaires, ajoutant profondeur et dimension aux symboles grâce à des transitions de couleurs fluides. Disponibles en couleurs système et personnalisées sur tous les modes de rendu, les dégradés enrichissent l’aspect visuel et peuvent être appliqués aux symboles personnalisés.
- 8:02 - Symboles personnalisés
Découvrez comment annoter des symboles personnalisés dans l’app Symbols SF pour activer les animations Draw. Le processus consiste à placer des points guides le long du tracé Draw souhaité. Au moins deux points guides (un cercle ouvert pour le début et un cercle fermé pour la fin) sont nécessaires pour chaque tracé. Vous aurez peut-être besoin de placer des points guides supplémentaires pour les formes complexes, les courbes prononcées ou les sous-tracés multiples. Vous pouvez également utiliser des points guides spécialisés pour des scénarios spécifiques. Il existe des outils qui permettent d’accéder au mode point guide, de placer des points et d’ajuster leur position. Il est possible de personnaliser les animations en modifiant les styles des extrémités, en activant le dessin bidirectionnel et en inversant le sens de rotation pour les symboles comportant plusieurs sous-tracés. Le placement précis des points guides est essentiel pour obtenir des animations fluides et précises. Pour animer les pointes de flèches, vous devez les dessiner sous forme de tracés distincts et les associer à des points guides. Les points guides peuvent être placés, ajustés ou remplacés manuellement. Il existe des types spécifiques pour les points de départ, d’arrivée et d’angle. Le système interpole automatiquement les points guides entre les différentes épaisseurs de symbole, mais il est essentiel de s’assurer qu’ils sont dans le même ordre. Les options avancées permettent le réglage du placement des points guides, la sélection directe des sous-tracés, ainsi que l’utilisation du dessin variable, qui permet une animation plus dynamique en autorisant certaines couches à participer au processus de dessin.
- 20:52 - Nouvelles API
SF Symbol 7 introduit de nouvelles fonctionnalités, notamment des préréglages d’animation, le dessin variable et le rendu de dégradés. Vous pouvez les appliquer dans SwiftUI, AppKit et UIKit via des modificateurs et des options de configuration. Téléchargez la version bêta, consultez la documentation et actualisez vos dessins personnalisés afin de pouvoir utiliser ces nouvelles fonctionnalités.