Les titres sont l’un des éléments les plus importants de votre page et constituent souvent le point de départ qui donne le ton à toute la conception. Alors pourquoi ne pas les rendre grands?
Aujourd'hui, nous allons examiner sept techniques de conception différentes que vous pouvez mettre en œuvre en une minute ou moins et qui amélioreront votre titre, du plus simple au plus impressionnant.
Une grosse ligne, une petite ligne
Nous allons commencer par l'astuce la plus typique et la plus simple de la liste. L'un des outils les plus puissants pour créer des titres est le contraste, que nous utiliserons encore et encore tout au long de cet article.
Ici, nous avons choisi d'appliquer le contraste principalement sous la forme de la taille de la police. Il est extrêmement courant d’avoir une structure de titre à deux lignes dans laquelle une ligne utilise une taille de police plus grande que l’autre. Cela fonctionne avec n'importe quelle police et vous pouvez choisir la ligne la plus grande.
Comme dans quelques-uns des autres exemples ci-dessous, l’important est de mettre l’accent là où vous pensez qu’il appartient. Dans mon exemple,? Great Headline? est l’idée principale et est toujours souligné, que ce soit en haut ou en bas.
Variez votre cas
C'est un truc simple que je finis souvent par utiliser. En utilisant à peu près n'importe quelle structure de titre que vous voulez, essayez de changer de casse pour certains de vos mots ou lignes.
Dans les exemples ci-dessus, j'ai utilisé diverses combinaisons de texte en majuscules, minuscules et minuscules. En règle générale, les majuscules sont utilisées pour la mise en évidence, mais il est agréable de lancer une balle courbe de temps en temps et de faire de la ligne minuscule la principale source d’attention, comme je l’ai fait dans le deuxième titre.
Vos raisons de choisir les mots ou les lignes à capitaliser peuvent bien sûr être logiques et réfléchies, mais n’ayez pas peur de tenter un peu d’application arbitraire. Votre raisonnement peut être aussi simple que le fait que vous aimiez la beauté d’un mot en toutes les lettres minuscules.
Toutes les majuscules: plus difficile à lire?
Quelque part dans le credo des concepteurs, on trouve une déclaration sur la façon dont les majuscules rendent la lecture difficile. C'est vrai dans une certaine mesure, mais cela ne s'applique vraiment que dans de grands blocs de texte, comme un paragraphe ou une phrase très longue.
La différence de hauteur des lettres en minuscules vous permet de différencier et de lire plus rapidement, mais quand il n'y a que quelques mots, il est parfaitement facile de lire en majuscule et j'ai même entendu certains dire que c'était plus facile!
Largeur de ligne égale
Cette technique est utilisée tout le temps dans la conception de titre moderne. Le résultat que j'ai obtenu ci-dessus est assez inhabituel (intentionnellement). Vous voyez généralement cette technique utilisée sur un sans-serif condensé audacieux comme Helvetica, mais ne tombez pas dans le piège de faire ce que font les autres, lancez-vous vous-même et essayez-la avec la police de votre choix. Cela n’aura pas toujours fière allure, mais l’expérimentation est une partie importante de chaque projet!
La police que j'ai utilisée ci-dessus est DeLarge Bold, qui est certes assez difficile à lire, mais qui est assez attrayante à petites doses.
L'idée derrière cette technique est que vous défendez vraiment le concept d'un titre en tant qu'élément unique. En créant une colonne de largeur fixe, différentes formes de lettres et longueurs de lignes deviennent normalement un tout cohérent qui permet de travailler plus facilement dans un modèle plus grand. En plus, tu sais, ça a l'air cool.
Ligne égale largeur en ligne
Vous souhaitez implémenter cette technique avec du texte en direct sur le Web? Il existe quelques plugins jQuery, comme Lettering.js et BigText, qui facilitent la tâche. BigText est spécifiquement conçu pour cette technique, tandis que Letterring.js est plus flexible et peut être utilisé pour créer la plupart des exemples de ce message, sinon tous.
Accent sélectif sur les mots
Celui-ci a la même logique de base que le premier exemple ci-dessus. Nous essayons simplement d'utiliser la taille comme point de contraste majeur. Ici, nous mettons l’accent sur certains mots et en sous-insiste d’autres.
Il n'y a pas de vraie formule magique pour que les mots soient grands, il suffit de le sentir et de voir ce qui a du sens. Je réduis généralement les mots sans importance tels que? Le? ou et? en essayant de faire lire les gros mots assez décemment dans son ensemble. Par exemple, dans l'exemple ci-dessus, vous pouvez voir la phrase? Make Some Important? bien que ce ne soit pas tout à fait ce que dit la phrase dans son ensemble.
À l'époque où j'ai conçu les publicités imprimées, c'était l'un de mes trucs les plus utilisés pour les titres. En version imprimée, vous essayez toujours de capter l'attention de quelqu'un en une fraction de seconde et réduire un titre à ses parties les plus importantes aide vraiment à atteindre cet objectif tout en gardant le titre géant avec lequel les rédacteurs vous ont donné à travailler.
Un double message
Celui-ci est un peu bizarre et ne devrait être utilisé que dans de rares cas, mais c'est assez amusant. Vous pouvez utiliser la taille, le poids, la police de caractères et / ou la couleur pour définir des lettres spécifiques à partir du reste de la ligne.
Le résultat est un message caché intelligent dans votre titre. Dans les titres ci-dessus, j'ai fait "DUH !? et? WOW? ressortir. Ce sont des exemples trop simples, il est bien plus impressionnant de perdre du temps à faire en sorte que les deux significations fonctionnent bien comme l’a fait ce designer.
Intégrer des graphiques de modification de texte
Si vous voulez un design vraiment intéressant, essayez de ne pas placer votre titre en flottant tout seul, mais plutôt de l'insérer dans les graphiques de la page. Cela fonctionne très bien avec des formes vectorielles simples comme celle ci-dessus. Remarquez comment le message principal et le graphique se renforcent mutuellement.
L’un des endroits les plus typiques de cette technique est l’infographie. Ici, le but est de mélanger les images dans le texte pour rendre le message plus clair, c'est donc un paramètre évident et approprié pour que cela soit utilisé.
Parfois, vos lettres sont assez faciles à manipuler pour pouvoir être pliées et étirées de manière à suivre les lignes de votre graphique, c’est le cas du "W". au dessus de. Cependant, les autres lettres étaient beaucoup plus curieuses, j'ai donc choisi la solution de facilité et fait découper le graphique.
Texte niché
Nous avons commencé avec une technique très simple, alors je pensais en finir avec une autre. Ce type de titre est très courant dans les titres de magazines. Fondamentalement, vous tapez quelque chose dans la casse du titre et observez l’espace négatif formé entre les ascendeurs. C'est souvent l'endroit idéal pour pousser un mot ou deux dans.
Le résultat est un titre bien intégré dont la création ne prend que deux secondes! Parfait pour toutes les fois où vous avez dépassé vos délais et que vous avez besoin de créer un design en un temps record.
Conclusion
La morale de cette histoire est de réfléchir à deux fois avant de simplement taper ce titre et de l'appeler un jour. Réfléchissez toujours à la manière dont vous pouvez améliorer la lisibilité et / ou l’esthétique du texte afin de mieux répondre aux objectifs de la conception.
Laissez un commentaire ci-dessous et laissez-nous savoir lequel de vos favoris. Avez-vous vos propres astuces de titre à partager?