Passer au contenu principal
L’apparence de votre application compte autant que ce qu’elle fait. PixelGames est une Game Boy sur un téléphone : la coque crème, l’écran vert olive et les boutons épais sont tout l’intérêt du concept. Une mise en page d’application générique le ferait perdre.
1

Passer en mode Design

Passez en mode Design via le bouton en haut à gauche de votre workspace :
Canevas Design de Replit avec Design sélectionné dans le sélecteur en haut à gauche et cinq variantes du menu PixelGames

Le sélecteur Design et Build avec Design sélectionné dans le workspace PixelGames.

2

Décrivez ce que vous voulez à Agent

Décrivez le résultat souhaité et Agent s’occupe du reste. Demandez plusieurs versions à la fois pour trouver une direction.
3

Comparez les versions

Agent les dispose côte à côte sur le canevas, afin que vous les jugiez comme des écrans complets plutôt qu’un par un.
4

Choisissez-en un et voyez où l'emmener

Sélectionnez un design, puis utilisez les suggestions qui apparaissent à côté pour essayer d’autres variations.
Un design de menu PixelGames sélectionné avec des suggestions d'étapes suivantes : intégration, comparaison, remix et réinvention

Un design sélectionné, avec des suggestions d'étapes suivantes à côté.

5

Construisez la version que vous voulez

Une fois qu’une version vous convient, cliquez sur l’icône d’envoi dans la barre d’outils au-dessus. Agent retire ce design du canevas et le construit en un véritable écran dans votre application.
Un design de menu PixelGames sélectionné sur le canevas avec l'icône d'envoi mise en évidence dans la barre d'outils

L'icône d'envoi transforme le design sélectionné en un véritable écran.

​
Dépannage

  • Le changement va plus loin que vous ne le vouliez : demandez à Agent de l’annuler et décrivez un changement plus petit, un écran ou un élément à la fois.
  • Ça a l’air correct dans l’aperçu, mais pas sur un téléphone : indiquez l’appareil et ce que vous avez observé, la gestion de la zone de sécurité et de la taille d’écran en sont généralement la cause.
  • Un changement est sans cesse annulé : la même valeur est peut-être définie à plusieurs endroits, demandez à Agent où réside réellement le style de cet écran.

​
Prochaines étapes

Générer une icône d'application

Concevez l’icône sur laquelle les joueurs appuient depuis leur écran d’accueil.

Utiliser les composants natifs iOS

Associez une apparence personnalisée à des alertes et menus natifs.

​
En relation