- Centre d'aide
- Concevoir et modifier
- Variantes responsives et par appareil
Variantes responsives et par appareil
Créez les versions mobile et bureau d'un écran et gardez-les alignées.
Dernière mise à jour :
Créer une variante
Demandez-la, ou utilisez le contrôle d'appareil sur l'écran :
Fais une version mobile de la landing page.
La variante est un nouvel écran sur le canevas, adapté à la largeur cible — pas un redimensionnement fluide. Les mises en page sont réellement réorganisées : les sections multi-colonnes s'empilent, la navigation se replie, la typographie descend d'échelle.
Coût
Convertir un écran vers une autre taille d'appareil est facturé par écran au même tarif qu'une régénération, parce que c'en est une. Convertir huit écrans coûte huit fois ce montant — mieux vaut vérifier son solde avant.
Garder les variantes alignées
Les variantes sont des écrans distincts : une modification ultérieure sur la version bureau ne descend pas automatiquement dans la mobile. Deux options :
- Demandez la modification sur les deux explicitement : « Sur les landing pages bureau et mobile, change le CTA en “Commencer gratuitement”. »
- Ou terminez d'abord le design bureau, puis générez les variantes une fois à la fin. C'est généralement l'ordre le moins coûteux.
Le thème est partagé
Les deux variantes utilisent le thème du projet : les changements de couleur et de police s'appliquent donc automatiquement aux deux. Seule la mise en page est propre à chaque variante.
Code exporté
Le code exporté reflète l'écran exporté. Si vous voulez une implémentation réellement responsive plutôt que deux mises en page figées, exportez l'écran bureau et adaptez-le, ou exportez les deux et fusionnez-les au point de rupture — voir Exporter le code.
Cet article vous a-t-il été utile ?
Articles liés
Modifier un écran
Les trois façons de changer un design — discussion, mode édition et thème — et quand chacune est le bon outil.
Thèmes et chartes graphiques
Comment fonctionne le thème du projet, comment le changer sans risque, et pourquoi les couleurs ne doivent jamais être modifiées écran par écran.
Exporter le code (HTML, React, Tailwind)
Exportez un écran seul ou un projet entier en code front-end prêt pour la production.