Créer de beaux traitements de type est un travail difficile.
Il est devenu assez courant de prétendre que la typographie est ignorée sur le Web, mais la réalité est que la typographie est une mode en plein essor à l'apogée de son jeu sur Internet.
De nombreux concepteurs de sites Web se sont vraiment intensifiés ces dernières années et ont créé des travaux typographiques absolument magnifiques, en particulier dans les titres de sites Web. Ci-dessous, nous allons examiner plus de quinze modèles de titres méticuleusement conçus qui vous inciteront à réfléchir à deux fois avant de gifler un type ennuyeux entouré d'un tag h1 sur votre site.
Quatre-vingt deux design
J'aime vraiment ce blocage de logo. Le travail de détail sur la police principale est vraiment intéressant. Remarquez le travail d'accent subtil sur le côté gauche des lettres, un peu comme une ombre discrète.
ONETWENTYSIX
Vous pensez peut-être qu’un titre fait apparaître le texte directement dans Print Master Gold, mais dans les bonnes mains, cet effet peut sembler très attrayant. Ici, le texte a été vieilli de manière assez convaincante et placé sur une texture de vieux parchemin. La structuration de la typographie apparaît clairement dans un vieux livre.
Le vieil état
Un autre impressionnant blocage du logo principal, celui-ci utilisant une structure circulaire. Remarquez l'utilisation d'un cercle intérieur pour séparer le contenu en plus de quelques superbes éléments graphiques: le gros vecteur swoosh et les petites étoiles. La clé de la structure ici est la taille variée du texte, "le". et? 2007? sont considérablement plus petites que "Old State".
Team Fannypack
Ce site propose un certain nombre de verrouillages typographiques attrayants dans la zone de navigation. Ils ont tous une apparence merveilleusement antique et utilisent une variété de polices et de graphiques pour réaliser le thème.
CreativePayne
Il se passe beaucoup de choses ici: au moins trois polices de caractères de tailles différentes, deux couleurs différentes et quelques éléments graphiques distincts. Notez que le script est utilisé avec parcimonie, c'est une police de caractères attrayante, mais difficile à lire en grandes parties.
J'aime le grand graphique de l'État de Washington et les petites flèches qui renforcent le mot "petit". J'aime aussi les deux lignes horizontales très subtiles qui divisent le texte et renforcent la structure.
Gorilla Coffee
Ici encore, nous voyons une police de script utilisée avec parcimonie en conjonction avec une police de caractères plus grasse, plus facile à lire. De même, comme dans l'exemple précédent, deux lignes horizontales divisent le contenu empilé en sections. Les deux polices utilisées ici sont assez uniques et constituaient un excellent choix.
Studio de conception Web Foundation Six
Un titre simple mais beau utilisant toutes les lettres majuscules, des tourbillons à chaque extrémité et une étoile colorée qui attire votre attention sur le centre. Remarquez comment les caractères gras avec des empattements puissants sont accentués par des caractères minces et sans empattement.
Journal de Min Tran
Ce titre est assez simple, mis à part la police non traditionnelle mais attrayante. La clé ici est le traitement spécial du mot "de". Dans ce style particulier, vous verrez souvent des mots de liaison utilisés comme point de vente pour l’embellissement graphique.
Canon + BARC | Défi 24 heures
Cette pile attrayante utilise beaucoup d’espace et crée un rectangle vertical clair. L'élément 24 heures du titre est renforcé par les graphismes soleil et lune en bas et nous voyons encore une fois deux lignes horizontales être utilisées pour séparer le contenu (cela semble définitivement être une tendance).
Remarquez que le titre entier est en gras et en majuscule et qu’il est ensuite agité dans le dernier mot (défi), ce qui donne un caractère gras en italique dans toutes les lettres minuscules.
Sanctuary T Shop
J'aime beaucoup la façon dont le graphique en feuilles a été répété ici pour créer un cadre pour le titre. C'est une astuce assez unique que l'on ne voit pas dans les autres exemples.
Encore une fois, nous voyons à la fois des italiques et une différence entre toutes les lettres majuscules utilisées comme outils principaux pour mettre l’accent sur une certaine zone du titre.
Art et Design par Shyama Golden
L'effet typographique ici fonctionne bien sur le fond de parchemin et le petit graphique du viseur est extrêmement nostalgique.
Notez que les mots de connexion sont minimisés, centrés verticalement et en italique, comme indiqué plus haut. Cela ajoute une certaine variation visuelle au titre et permet aux mots les plus gros et les plus importants de se distinguer.
Festival finere
Nous voyons ici un script extrêmement complexe associé à une police de caractères italique vraiment audacieuse. Notez le contraste important entre les zones épaisses et fines de la police plus grande. Ces zones fines aident à s’associer à la sensation du script ci-dessus.
Le titre n'est pas flanqué de deux lignes continues mais de trois lignes fines poussées l'une contre l'autre pour créer un tout plus épais. Encore une fois, nous voyons cette expérimentation à la fois épaisse et mince comme avec la typographie. Ceci est également effectué à travers les éléments graphiques à gauche et à droite.
La cabine de design
Celui-ci a reçu beaucoup d'attention grâce à Dribbble. À première vue, ce joyau d’un élément de design est d’une simplicité trompeuse. Cependant, quand vous le prenez vraiment, vous pouvez apprécier le niveau de travail qui a été consacré à cela.
La base est un grand? TDC? avec un effet de tamis arrière réalisé par les lignes diagonales espacées du type. Il est intéressant de noter que cette ligne est coupée par une ligne de deux pixels (une lumière et une sombre) coupée au milieu par quelques diamants. Jusqu'au type principal, chaque mot a sa propre variante de police (le design et le compartiment diffèrent par leur audace), et le mot? Design? a encore un effet d’écran ancien sur l’ombre, celle-ci étant réalisée avec un motif à pois.
Globalement, c'est un excellent petit morceau de design dans un style bien plus difficile à réussir qu'il n'y paraît!
Poignée limitée
Ce site fou prend l'idée de titres superposés à un tout autre niveau en remplissant absolument la page avec eux.C'est certainement un peu écrasant mais l'effet global est unique et résolument rétro.
Illustration de Monkeyworks
Je pense que les polices de caractères serif se prêtent vraiment à de beaux titres. Il s’agit d’un design relativement simple que vous pourriez perdre en quelques minutes, mais le résultat final est de loin supérieur à celui de taper le titre et de l’appeler un jour.
Les lumières de linné
Nous voyons ici l'idée d'un script complexe poussée à l'extrême. Notez comment les courbes de la police ont été dupliquées dans les embellissements séparés. En un coup d'œil, cela ressemble à un graphique tourbillonnant complexe et entrelacé.
Cette technique donne assurément un aspect calligraphique de grande classe que l’on pourrait s’attendre à voir sur une étiquette de vin coûteuse.
Montrez-nous les vôtres!
Maintenant que vous avez vu notre collection de beaux titres, ouvrez Photoshop et Illustrator et créez les vôtres. Téléchargez-le sur Dribbble, Flickr ou un autre site de partage d'images et publiez un lien ci-dessous afin que nous puissions jeter un coup d'œil.
Veillez également à signaler les gros titres que vous avez trouvés flottant sur le Web.
Le partage est génial. Collez cet extrait pratique sur Twitter ou Facebook pour partager l'article avec vos amis:
15+ designs de titres superbes et élégants http://ow.ly/2Bi7e