Construire une page qui reste lisible sur mobile
Construire une page qui reste lisible sur mobile
Créez une page, composez ses sections et vérifiez sa lecture sur les petits écrans, avec une progression à chaque étape.
14 étapes · votre progression reste enregistrée dans ce navigateur
Commencer le parcours- Créer une page vide ou depuis un modèle
- Ajouter une section ou un élément au bon endroit
- Sélectionner un élément avec les calques
- Comprendre les réglages de l’élément sélectionné
- Modifier et mettre en forme un texte
- Régler la typographie et la lisibilité
- Choisir, remplacer et cadrer une image
- Choisir comment un conteneur dispose ses éléments
- Disposer les éléments en ligne ou en colonne
- Régler les marges et les espaces
- Comparer les écrans et utiliser l’aperçu
- Adapter le design avec des règles d’écran
- Adapter la disposition sur mobile
- Tester les interactions dans l’aperçu
À la fin de ce parcours, vous aurez composé une page et vérifié sa lecture sur ordinateur et mobile. Vous avancerez avec les mêmes articles que la référence, dans un ordre conseillé. La barre de parcours garde votre progression et propose l’étape précédente et la suivante.
Préparer votre essai
Ouvrez votre projet dans Design. Pour apprendre, choisissez une page de test plutôt qu’une page déjà utilisée par vos visiteurs. Préparez un texte court, une image et l’action principale que vous voulez proposer, par exemple prendre rendez-vous.
1. Créer et composer
Commencez par une page vide ou un modèle, puis ajoutez les sections utiles. Vérifiez la page sélectionnée et la langue de contenu avant de modifier les textes. Retrouvez les éléments avec les calques lorsque le clic ne sélectionne pas la bonne cible.
2. Personnaliser le contenu
Adaptez les textes, leur mise en forme, les images et les boutons. Cherchez d’abord à rendre le message clair : un titre compréhensible, une explication courte, puis une action. Le parcours vous conduit vers les réglages visuels utiles, sans saisir de CSS.
3. Organiser et adapter
Disposez les éléments dans leurs conteneurs, ajustez les espaces puis comparez plusieurs rendus. Une adaptation mobile peut concerner la disposition du parent, pas seulement la taille d’un texte. Vérifiez les règles d’écran avant chaque changement.
4. Tester le résultat
Ouvrez l’aperçu comme un visiteur. Lisez la page, testez ses liens, puis revenez dans le builder si un détail gêne. La comparaison des écrans et l’aperçu servent à des contrôles complémentaires.
Avancer à votre rythme
Utilisez Commencer le parcours puis les commandes de progression affichées sur chaque étape. Vous pouvez revenir à une étape terminée ou suivre un autre parcours en parallèle : chaque parcours conserve sa propre progression dans ce navigateur. Les articles restent accessibles directement depuis la référence.
Après ce parcours
Organiser les autres pages du site