La colonne de contenu à gauche et l'illustration Bitcoin à droite forment la relation responsive la plus importante du bloc. Sur un affichage large, le titre, le filet doré, le champ d'e-mail et le bouton d'inscription peuvent occuper une zone de lecture compacte, tandis que la grande image circulaire apporte son poids visuel à côté. À mesure que la largeur disponible se réduit, la question essentielle est de savoir si le formulaire reste facile à parcourir et si l'illustration continue d'appuyer le message sans exercer une contrainte horizontale excessive.
L'évaluation d'une maquette responsive doit par conséquent examiner le retour à la ligne dans « Acheter et vendre des cryptomonnaies », la largeur du champ d'e-mail, la position du bouton d'inscription et l'espace séparant le formulaire de l'image. Si les colonnes s'empilent, leur ordre et leur espacement détermineront si le titre reste le premier point d'attention et si l'illustration Bitcoin fait office de panneau d'accompagnement plutôt que de rupture. Le fin filet doré doit rester visible sans paraître détaché du titre.
L'arrière-plan bleu profond permet de préserver la continuité lors des changements de mise en page, mais l'échelle de l'image et la densité du contenu exigent néanmoins une comparaison visuelle d'un mode à l'autre. Les Modes responsives de Nicepage facilitent cette vérification sur les grands écrans, ordinateurs de bureau, ordinateurs portables, tablettes et téléphones. Cette fonctionnalité permet d'inspecter la présentation ; elle ne modifie pas le contenu sous-jacent à deux colonnes du bloc.
Lorsque vous utilisez Générateur de maquette de site Web, vous pourrez ajuster les couleurs, les polices, l'en-tête et le texte, la mise en page, les colonnes et autres éléments de conception, ainsi que le contenu et les images.
Utilisez les modes responsifs pour visualiser l'affichage du site web sur les grands écrans, les ordinateurs de bureau, les ordinateurs portables, les tablettes et les téléphones. Basculez entre les différents modes d'affichage pour comparer la mise en page sur différentes largeurs d'écran et observer comment la typographie, les images, l'espacement, la navigation et les autres contenus s'adaptent à chaque appareil.
Nicepage propose des outils de conception web responsive pour ajuster l'affichage sur chaque appareil lorsque la mise en page initiale nécessite des améliorations. Vous pouvez personnaliser les vues mobiles séparément, modifier la taille et la position des éléments, adapter les grilles, les listes et les galeries, et masquer certains éléments ou blocs sur certaines tailles d'écran. Cela permet de développer une maquette de site web responsive au lieu d'évaluer le design sur une seule taille d'écran fixe.
Utilisez Aperçu en direct pour examiner la conception sans l'interface d'édition. L'aperçu instantané masque le navigateur de pages, le panneau des propriétés, les sélections et les cadres, facilitant ainsi l'évaluation de la présentation générale, de la hiérarchie du contenu et de la mise en page adaptative, telles qu'elles apparaîtraient à un visiteur.
Ce processus rend le modèle utilisable comme maquette de site web adaptatif pour visualiser, comparer et optimiser l'affichage d'un même site web sur différentes tailles d'écran.