Spécification de conception de l'interface utilisateur Apple visionOS

L'équipe de conception d'Apple a expliqué les principes de conception d'interface utilisateur spatiale que les développeurs doivent connaître. Prise en charge des spécifications de conception de l'interface utilisateur

visionOS : Le système d'exploitation visionOS installé dans sketch Vision Pro se caractérise par le rendu tridimensionnel des icônes d'application.


L'icône de l'application se compose d'un calque d'arrière-plan et d'un ou deux calques de premier plan, jusqu'à trois : chaque calque est un carré de 1024×1024 pixels, superposé et découpé en un cercle d'un diamètre de 1024 pixels pour devenir une icône.

L'équipe de conception d'Apple a déclaré : « visionOS est principalement utilisé avec les yeux et les mains, il était donc important de créer une expérience qui donne la priorité au confort et à la sécurité physiques. Plus que jamais, le contenu est configuré avec l'ergonomie à l'esprit pour éviter de provoquer des fatigues oculaires et cervicales. "La conception de l'interface utilisateur nécessite suffisamment d'espace blanc au-dessus, en dessous, à gauche et à droite pour que les gens puissent voir.

La fenêtre visionOS utilise un effet de verre translucide qui laisse passer la lumière et les objets réels et virtuels. Les fenêtres en verre donnent aux utilisateurs l'impression que votre contenu se fond dans son environnement, tout en utilisant des reflets spéculaires et des ombres pour communiquer l'échelle et la position de la fenêtre. Lorsque vous créez une fenêtre avec le style par défaut, vous obtenez automatiquement un arrière-plan en verre.

Quant à la police système, le type est le même que iOS et iPadOS, mais légèrement plus gras pour la lisibilité

Pour les boutons, il est recommandé de définir leur hauteur et leur largeur sur une taille d'au moins 60 points. Pour un bouton de taille 44 pt (ce qui est une taille courante), vous pouvez définir des marges de 8 pt en haut, en bas, à gauche et à droite. Cela fournira visuellement une séparation de 16 points entre les boutons. Ce paramètre vertical et horizontal de 60 points facilite la sélection dans la fenêtre visionOS.

De plus, en touchant directement le clavier virtuel qui apparaît dans Space avec votre doigt, vous pouvez l'utiliser comme un clavier physique.

L'application visionOS Photos, quant à elle, place la barre d'onglets verticalement dans une position fixe à gauche. C'est sur la gauche donc c'est à l'écart, mais si vous regardez cette barre d'onglets, elle se développera automatiquement pour afficher les onglets de chaque section. Lorsque vous détournez le regard de la barre d'onglets agrandie, elle se ferme automatiquement, vous permettant de vous concentrer à nouveau sur le contenu.

En tant que nouvelle solution d'expérience d'Apple, visionOS a créé une solution de conception complète dans de multiples dimensions telles que la conception d'interaction, la vision, la dynamique et l'expression de l'information !

Je suppose que tu aimes

Origine blog.csdn.net/xujialu123/article/details/131728485
conseillé
Classement