La conception autour de gros blocs de caractères peut être difficile et de plus en plus de concepteurs prennent le principe «less is is better». approche lorsque vous travaillez avec des colonnes et de grands blocs de texte. Lorsque vous utilisez une masse de caractères, comme dans un livre, un site Web contenant du texte ou un projet d'impression, l'accent est mis davantage sur la lisibilité que sur l'aspect réel du type.
Les polices de caractères sont importantes, mais le nombre de colonnes utilisées en combinaison avec les mots peut être encore plus important. Le nombre de colonnes que vous utilisez dans un projet peut varier en fonction d'un certain nombre de facteurs, tels que la police et le style utilisés, le type de projet, la taille de la police, la largeur de la gouttière et la proportion d'autres éléments.
Vous aimez l'article? Assurez-vous de vous abonner à notre flux RSS et suivez-nous sur Twitter pour rester au courant du contenu récent.
Police et style
La première chose à prendre en compte lors de la détermination du nombre de colonnes à utiliser est la sélection de la police et de la taille du type de projet. Pensez aux extras que vous souhaitez utiliser, tels que les lettrines, les retraits et l'espacement des lignes et des paragraphes.
Le style est également un facteur. Les polices Serif et sans serif sont les polices les plus utilisées dans les blocs de caractères en raison de leur excellente lisibilité à différentes tailles. Les projets utilisant le vieil anglais, les polices de caractères de script ou de nouveauté utilisaient rarement plusieurs dispositions de colonnes ou de gros blocs de texte.
De nombreuses conceptions imprimées et Web que vous voyez aujourd'hui utilisent une conception simple à une colonne pour l'élément de texte principal. La plupart des livres imprimés utilisent une colonne de texte par page, bien que ce ne soit pas toujours la tendance. Beaucoup de livres à couverture rigide anciens comportaient deux colonnes de texte par page; plusieurs formats de colonnes sont encore couramment utilisés pour des livres tels que les dictionnaires et les almanachs. Il est préférable d’utiliser une seule colonne pour les types de sites Web afin que ce type soit facile à lire lorsque vous faites défiler la page.
Les dispositions en colonnes multiples sont mieux réservées aux applications pouvant être visualisées en une seule fois, telles que les projets imprimés ou les liseuses. Les mises en page à colonnes multiples sont le plus souvent utilisées par les éditeurs de journaux et de magazines et dans les lettres d’information.
Type de projet
L'utilisation des colonnes dans les projets d'impression peut varier considérablement et la façon dont vous utilisez les colonnes peut donner une impression particulière. Les conceptions à colonne unique ont tendance à se sentir plus ouvertes et attrayantes, comme dans cette publicité Caterpillar des années 1970. Notez que la majeure partie de l'espace est utilisée pour une image et non pour le texte lui-même.
L'utilisation de plusieurs colonnes maigres peut sembler écrasante et encombrée, telle qu'une page de dictionnaire mais a un objectif distinct. Le texte n'est pas destiné à être lu dans son ensemble et est utilisé pour parcourir des informations brèves.
Les mises en page de journaux et de magazines utilisent également des mises en page multi-colonnes avec beaucoup de texte. Le Wall Street Journal utilise la même mise en page à six colonnes depuis des décennies, avec seulement quelques modifications mineures, telles que l'ajout de couleurs et de photos. Les colonnes conservent un petit texte (généralement de 9 à 11 points seulement) organisé de manière à être facilement lisible et à mettre de l'ordre dans une page comportant de nombreux éléments de texte non liés les uns aux autres.
Les magazines utilisent également plusieurs dispositions de colonnes mais ont tendance à utiliser des largeurs de colonne et des tailles de caractères plus grandes, telles que cette présentation de The Irish Times Magazine.
Dans les projets Web, pensez à l'espace disponible pour le texte. De nombreuses mises en page Web sont divisées en deux ou trois colonnes avant même que du texte ne soit ajouté au mélange. La plus grande de ces colonnes est réservée au corps du site Web et constitue l'espace avec lequel vous devez réellement travailler. Pensez aux éléments situés sous la bannière: existe-t-il une colonne d’annonces qui s’affichent sur un côté de la page? Avez-vous également inclus des éléments de navigation dans une colonne?
Une fois la norme, le modèle à trois colonnes a été mis de côté par de nombreux sites Web qui utilisent maintenant un modèle à deux colonnes, y compris ici à Design Shack et ESPN. Ce modèle autorise une colonne plus large pour la colonne principale de texte mais laisse peu de place à des dispositions de texte à plusieurs colonnes, qui sont réservées à des espaces encore plus larges.
Taille de la police et largeur de la gouttière
Bien que la plupart des éditeurs de livres modernes optent pour un format de colonne unique, il convient de noter que la taille du type varie généralement beaucoup entre les livres à couverture rigide, les livres de poche et les livres électroniques. Cet écart de taille de type convient au style à une colonne car le texte est proportionnel à la largeur de la colonne. L'exception la plus notable concerne les dictionnaires et les almanachs, où de très petites tailles de police sont utilisées avec des blocs de texte massifs dans plusieurs colonnes par page.
Les colonnes trop larges peuvent fatiguer les yeux et rendre le texte difficile à lire. Les colonnes trop minces peuvent provoquer des coupures bizarres et une césure excessive du texte. L'application Kindle pour iPad d'Apple a résolu ce problème en passant d'un format de colonne unique à une utilisation verticale, mais utilise deux colonnes lorsque l'iPad est allumé pour en faciliter la lecture.
En règle générale, dans les projets d'impression, la largeur de chaque colonne (en picas) doit être égale ou supérieure à la taille en points de la police. Dans les gros blocs de texte, la taille de la police ne doit pas dépasser la largeur de la colonne.
Il n’ya pas de règle aussi claire en matière de conception de sites Web. De nombreux concepteurs optent pour 12 ou 14 points pour la copie de corps, quelle que soit la largeur de la colonne. Si vous avez une colonne étroite pour la copie (500 pixels ou moins), optez pour une taille plus petite. Les colonnes plus larges peuvent gérer le type 14 points avec précision, sans trop de sauts de ligne gênants. Si vous recherchez quelque chose de plus concret, consultez la typographie du ratio d’or de Pearsonified.
L'espace entre chaque colonne peut déterminer la lisibilité du texte. Notez l'accent mis sur les gouttières dans la publicité de Eico Stereo ci-dessus. Les grands espaces entre les colonnes contenant une grande quantité de texte rendent les colonnes moins intimidantes à l'œil et plus faciles à lire. Sur une page de journal standard, les colonnes de texte ont une largeur comprise entre 10 et 13 picas et une gouttière de 1 pica. Les magazines utilisent également des spécifications similaires.Cet espace sépare les colonnes de sorte qu'il est facile de lire chaque ligne jusqu'à la fin, puis de descendre vers la suivante, sans passer à la colonne suivante, ce qui crée la confusion. Les tailles de police plus grandes et les largeurs de colonne plus grandes nécessitent des largeurs de gouttière plus grandes. Comme pour les colonnes, une largeur de gouttière cohérente doit être utilisée pour tout projet.
Proportion d'autres éléments
Lorsque vous décidez du nombre de colonnes qui convient le mieux à un projet, pensez à plus que du texte. Les éléments non textuels entourant la copie peuvent être tout aussi importants.
Pensez aux autres éléments qui toucheront chaque colonne de texte. Envisagez-vous d'ajouter de petites photos ou des séparations de texte? Considérez également la taille et le poids des autres objets. Dans les projets d'impression, la taille, l'épaisseur et la couleur du texte entourant chaque colonne peuvent avoir une incidence sur votre texte. Dans les projets Web, il en va de même pour les éléments situés de part et d'autre de la copie principale, en plus de prendre en compte les effets animés. Plus vous en avez autour de chaque colonne de type, plus il est important d’utiliser un type simplifié et simplifié dans chaque colonne. Les effets supplémentaires dans l'espace de travail peuvent également dicter la taille de la police utilisée. Pour que le corps du texte conserve sa propre identité, définissez-le dans une taille et une police qui contrastent avec les autres éléments.
Pour tout projet, choisissez une largeur pour les colonnes et respectez-la. Définir le type dans différentes largeurs de colonne dans un même document peut être bouleversant. Essayez d'éviter de placer du texte autour d'un trop grand nombre d'objets volumineux qui modifient la taille visuelle des colonnes. cela peut rendre le texte difficile à lire, causant de graves coupures et une césure excessive.
Conclusion
Les concepteurs d’impression tirent une leçon du Web et commencent à travailler avec moins de colonnes, mais plus larges, dans leur mise en page. Cela se voit dans l'édition de livres, les magazines et même dans certains journaux. Opter pour l'utilisation d'une seule colonne sur des projets plus verticaux est un problème ou dans la plupart des applications Web comportant de gros blocs de texte.
Les dispositions multicolonnes conviennent mieux aux polices de petite taille dans les situations de conception où un projet entier ou un bloc de texte est visible en un coup d'œil, ce qui rend les dispositions multicolonnes moins courantes dans la conception Web en raison du défilement. Gardez à l'esprit votre public, la manière dont le type sera lu et la taille de la police lors de la planification d'une présentation utilisant un format à plusieurs colonnes.
Sources d'images: nesster, nesster, quinn.anya, falaise1066 et fearghalonuallain.