Créez un layout «in» en 5 étapes.

L'art du layout, en bon français la mise en page, se résume à quelques règles de bon aloi. Si vous vous efforcez de respecter celles-ci, il y a de fortes chances que votre document gagne en intérêt, donc en popularité auprès de votre lectorat !

Tout d'abord, énumérons les éléments qui composent le graphisme d'une page : des composantes graphiques (logo, encadré, bordure, texture, motif, fond), des images (photos ou illustrations) et, finalement, la typographie (titre et textes courants). Voilà en somme les jouets que vous devez disposer dans votre carré de sable, votre page vierge. Ci-contre, un carré de sable bien rempli !

Ensuite, dans le processus du layout, il faudra appliquer des méthodes à ces éléments, lesquels sont  : l'emplacement et la disposition; le nombre et le regroupement; la hiérarchie des proportions; le cheminement et l'orientation; la masse et la teinte.

1. L'emplacement et la disposition. Divisez votre page en 9 rectangles égaux. Cette grille de 3 X 3 vous facilitera la tâche. Chacune des intersections des guides est un point d'impact visuel. En effet, comme en photographie, la règle des tiers servira à mettre en valeur l'un des éléments de votre mise en page. Dans l'exemple ci-contre, j'ai profité de trois points d'impact en y plaçant chacune des deux mains du chef d'orchestre, le logo assurance-qualité Caronga et les couvertures de magazines. En passant, ne divisez JAMAIS une page en deux parties égales : c'est mortel d'ennui.

2. Le nombre et le regroupement. Un nombre impair d'éléments crée l'intérêt et le dynamisme, un nombre pair, quant à lui, rend la composition statique. Les éléments doivent être regroupés afin de créér l'intérêt. Du même coup, ce regroupement crée des espaces blancs et augmente la force du visuel. Ne disposez jamais les éléments également. Dans l'exemple, trois couvertures de magazines sont regroupées et disposées en éventail. De plus, cette disposition à multiples angles casse la régularité des autres éléments à angles droits.

3. La hiérarchie des proportions. Mettez en évidence l'un des éléments de votre mise en page. Tout ne peut pas (ne doit pas) être d'égale importance. Décidez ce qui vaut la peine d'être agrandi et ce qui mérite d'être réduit. Vous avez en mains une superbe photo ? Saisissez l'occasion de la mettre en grand. En général, la grosseur d'un titre sera proportionnelle à son importance (croyez-moi, ce n'est pas toujours le cas lorsque l'on voit certains layouts). Finalement, un logo est rarement de première importance (sauf en branding, naturellement), à moins de s'appeler Coca-cola, ou Ford, ou MacDonald's, et encore... Évitez de placer un logro dans votre page  !

4. Le cheminement et l'orientation. Le cheminement, c'est le trajet naturel emprunté par l'oeil du lecteur dans la page. C'est une question de tradition, en occident nous lisons de gauche à droite et de haut en bas. Le regard entre dans la page en haut à gauche et en sort en bas à droite. Il faut alors s'adapter à cette tradition en prévoyant entrées et sorties dans le layout. Créez l'intéret en disposant les éléments en alternance dans votre page afin de créer un layout jazzé. Autant que faire se peut, faites dépasser des éléments de la page (bleed): ceux-ci seront autant de points d'entrée dans votre page. N'hésitez pas à placer les éléments selon leur orientation: la photo d'un visage (le regard) ou la direction d'un véhicule ou d'un marcheur devrait diriger vers l'intérieur de la page; toute forme qui pointe devrait ramener le lecteur dans le cheminement. Remarquez dans l'exemple comme la baguette du chef d'orchestre arrive fort à propos.

5. La masse et la teinte. Rien d'absolu dans cette méthode, mais vous aiderez votre cause en équilibrant les masses de couleurs dans votre page. Voyez chaque teinte foncée comme étant lourde et chaque teinte pâle comme légère. Répartissez les masses sans pour autant provoquer la symétrie. Profitez des masses sombres pour y insérer un texte de grande importance (renversé). En effet, un texte pâle dans un fond foncé en augmente l'impact considérablement, comme une lumière dans le noir. Évitez de longs textes en petit dans les masses foncées afin de ne pas fatiguer le lecteur. Dans l'exemple, voyez comment j'ai pu mettre l'impact sur les textes que je considère les plus importants : le titre, le numéro de téléphone et le nom de domaine du site Internet.