Il existe une multitude de styles de mise en page différents, et notamment le style Mondrian.
Dans ce style Mondrian, des barres horizontales et verticales divisent la mise en page en plusieurs parties, comme dans cet exemple.
Dans ce tutoriel, nous créerons des blocs et leur ajouterons du contenu, puis nous utiliserons l'outil Espace pour obtenir ce type de mise en page.
Pour commencer, nous ajouterons une série de blocs dans une grille pour constituer la mise en page, puis nous ajouterons du contenu.
Tout d'abord, sélectionnez l'outil Bloc rectangulaire dans la barre d'outils.
Dans un premier temps, nous tracerons une grille de blocs.
Je vous dirai lorsque vous pourrez relâcher la souris.
Faites glisser à partir du haut pour créer un grand bloc.
Sans relâcher le bouton de la souris, appuyez 3 fois sur la flèche Haut pour créer 4 rangées de blocs, puis 2 fois sur la flèche Droite pour créer 3 colonnes de blocs.
Lorsque la grille se présente comme ceci, relâchez la souris.
La grille de blocs étant créée, nous pouvons ajuster la taille et l'espacement des blocs.
Tous les blocs ne sont pas nécessaires, nous pouvons supprimer ces trois-ci.
À l'aide de l'outil Sélection, cliquez sur une zone vierge pour désélectionner tout.
Cliquez sur ce bloc, appuyez sur Retour arrière ou Suppr pour le supprimer, et faites de même pour ces deux blocs.
Nous avons maintenant le bon nombre de blocs.
Ajustons ensuite l'espace horizontal et vertical entre les blocs.
Nous pourrions le faire manuellement, bloc par bloc.
Par exemple, cliquez sur ce bloc, qui devrait occuper tout cet espace.
Déplacez le bord droit du cadre de sélection vers la droite.
Comme ceci.
Utilisez l’outil Espace pour gagner du temps, car il permet d'ajuster l'espacement de plusieurs blocs à la fois.
Sélectionnez l'outil Espace dans la barre d'outils et placez le pointeur sur cet espace.
Lorsqu'il apparaît en surbrillance, faites-le glisser pour ajuster tous les blocs.
Faites la même chose ici, puisque ces blocs doivent être de taille différente.
Idem pour cet espace.
Vous devez obtenir quelque chose de ce genre.
Passons maintenant aux espaces verticaux.
Placez le pointeur sur cet espace et faites-le glisser vers la droite, jusqu'ici.
Le but est d'obtenir un résultat semblable au projet affiché à droite.
Faites glisser cet espace également vers la droite.
Il est possible que ce bloc n'ait pas été redimensionné chez vous, il l'est chez moi car nous l'avons ajusté manuellement plus tôt.
Pour corriger cela, appuyez sur V pour activer l'outil Sélection, sélectionnez et faites glisser le bloc pour l'élargir.
Sélectionnez à nouveau l'outil Espace.
Pour que ces deux blocs recouvrent toute la zone à droite, pointez sur leur droite et faites glisser.
Il faut également déplacer légèrement cet espace vers la droite.
Mais si vous le survolez, la surbrillance indique que l'opération affectera non seulement ces deux rectangles, mais également ceux du haut.
Pour déplacer uniquement l'espace vertical entre ces deux blocs, appuyez sur la touche Maj.
Si vous survolez l'espace, vous pouvez voir la différence : faites glisser vers la droite en gardant la touche enfoncée, relâchez le bouton de la souris, puis la touche.
Même chose ici.
Il faut déplacer cet espace vers le haut.
En le survolant, on s'aperçoit que toute la rangée sera affectée.
Appuyez sur la touche Maj et faites glisser, relâchez le bouton de la souris, puis la touche.
La grille étant prête, passons à l'ajout du contenu.
À l’aide de l'outil Sélection, appliquons des couleurs à certains blocs.
Cliquez sur celui-ci.
Pour ajouter une couleur de fond, cliquez sur la case Fond dans le panneau Propriétés et sélectionnez une couleur comme ce jaune doré.
Cliquez sur cet autre bloc et appliquez une couleur différente.
Répétez l'opération plusieurs fois en sélectionnant les couleurs de votre choix pour ces blocs.
Les blocs restants accueilleront des images.
Les deux blocs du bas contiendront une seule image qui s'étendra sur toute leur largeur.
Pour cela, vous pouvez les convertir en tracé transparent.
Faites glisser le pointeur sur les blocs et choisissez Objet > Tracés > Créer un tracé transparent.
Les deux blocs accueilleront bien une seule image, comme l'indique le X à l'intérieur du tracé.
Insérons les images.
Pour ce faire, appuyez sur Cmd + D sous macOS ou Ctrl + D sous Windows.
Sélectionnez les trois images téléchargées pour ce tutoriel et cliquez sur Ouvrir.
Pour insérer la première image du surfeur, cliquez sur ce bloc.
Cliquez sur ce bloc pour insérer l'image suivante, puis sur celui du bas pour la dernière image.
Pour adapter la taille des images à celle des cadres, sélectionnez-les une à une et utilisez les commandes d'ajustement du panneau Propriétés.
Terminons la mise en page en ajoutant le texte qui se trouve à gauche de la page.
Positionnez chaque bloc de texte en le faisant glisser.
Voilà comment créer une mise en page de style Mondrian.
