Share
La réapparition de l'écriture manuscrite a pris le pas sur Instagram et en a fait une compétence recherchée. La vaste gamme de styles différents permet à la technique d’être incroyablement polyvalente et d’être un facteur de conception intéressant. Les logos (Pinterest, Montage) et les en-têtes de page (The Boxtrolls, Journée mondiale de la boulangerie) ont fait leur apparition et ont prouvé leur pertinence pour les supports numériques..
http://worldbakingday.comBien qu’il semble souvent simple, le lettrage à la main peut être une tâche complexe, et encore plus lorsqu’il est appliqué à la conception Web réactive. Dans cet esprit, j'ai rassemblé quelques considérations pour vous aider à décider quand il convient d'utiliser l'écriture manuscrite et comment l'utiliser au mieux de ses possibilités..
Recherchez des lettres d'inspiration sur Pinterest sur PinterestUn bon lettrage à la main a l'air facile et amusant, mais avant de vous engager à l'inclure dans votre projet Web, posez-vous ces questions: cela convient-il à la marque? L'échelle de lettrage ou l'orientation changeront-elles? La lisibilité sera-t-elle maintenue? Existe-t-il un contraste suffisant entre espace clair / obscur, positif / négatif afin que les caractères puissent être distingués à plus petite échelle? Chacune de ces questions doit être considérée tout au long de votre processus de conception..
Avant de commencer un projet, j'aime énumérer les mots-clés qui représentent la marque et le message que je tente de transmettre. Nous pouvons faire la même chose avec le lettrage à la main pour voir si la technique se superpose à la marque. Voici ma liste de mots-clés de lettrage:
Comme il existe de nombreux styles différents de lettrage à la main, tous ces termes ne s'appliqueront pas, mais si certains décrivent votre marque, vous pouvez passer à l'étape suivante de votre processus..
Recess Ice Cream utilise un lettrage à la main qui correspond à leur logoEn supposant que vous souhaitiez que votre texte soit réactif, vous devez choisir de le rendre évolutif ou de modifier l'orientation en fonction de la taille de l'écran. L'évolutivité peut créer des transitions en douceur entre différentes tailles d'écran, mais en fonction de la complexité et du poids de votre lettrage, un changement d'orientation peut être plus avantageux pour un écran plus petit pour des raisons de lisibilité..
The Girl + The Bull utilise le lettrage à la main sur son site Web réactifSauf si vous utilisez l'illisibilité pour faire valoir un point, vous devez toujours vous assurer que votre auditoire peut lire votre lettrage à la main ou votre police décorative. Un mot dont la lecture prend plus de trois secondes devrait probablement être ajusté pour le rendre plus clair. Prenez du recul par rapport à votre travail et plissez les yeux. Pouvez-vous encore le lire? L'un des éléments les plus faciles à surveiller est le contraste. Y a-t-il un contraste dans la nuance des couleurs utilisées? Devrait-il y avoir? Plus important encore, y a-t-il un contraste entre et dans les formes des lettres? Un moyen rapide d’améliorer la lisibilité consiste à ajuster le poids et le crénage des lettres..
Les titres de Vintage Hope sont lourds et volumineux, avec un fort contraste avec l'arrière-planIl existe différentes manières d’appliquer le lettrage à la main sur le Web. Vous devrez choisir entre l’utilisation d’images bitmap, de SVG ou de polices Web et celle qui convient le mieux à vos besoins et à ceux de votre client. Pour vous aider à choisir, consultez ci-dessous le pour et le contre de chacun.
Si vous avez créé un lettrage manuel personnalisé, une image est une option simple, en particulier si vous êtes débutant. L'un des principaux problèmes avec les images est que les robots ne peuvent pas les lire. Si vous allez utiliser une image, assurez-vous que le texte est moins important et inutile pour le référencement..
Les SVG deviennent rapidement la norme de l’industrie pour les graphiques vectoriels sur le Web. En plus d'être fantastiques pour la réactivité, les SVG peuvent être davantage personnalisés via CSS et JavaScript, à la fois en apparence et en animation. Lisez à propos des fichiers SVG pour plus d'informations..
Avec le nombre sans cesse croissant de polices Web disponibles, il existe un grand choix de polices décoratives qui donnent l’illusion d’un lettrage à la main. Si vous cherchez une solution rapide ou quelque chose de plus simple à assembler, les polices Web sont la solution..
Vous trouverez ci-dessous quelques sites Web utilisant le lettrage à la main de manière appropriée..
Sur ce site Web, le logo et le mot illustrant «parfait» créent un contraste agréable avec les photos sombres et intenses. Les photos montrent la haute qualité des plats que le restaurant utilise et crée, tandis que les lettres manuscrites nous informent de leur atmosphère plus décontractée. Le poids plus lourd de «parfait» lui permet de bien évoluer et de maintenir la lisibilité. Cet exemple utilise une image pour leur lettrage à la main.
Winshape Camps imite le style de lettrage à la main avec une police (cher Joe Hannes) pour les déclarations d’impact. Les imperfections de la police (notez en quoi chaque "f" est différent en fonction de la ligature?) Est ce qui la rend plus efficace - humaine et désordonnée - comme Camp.
Un autre site Web sur l’alimentation, vous pouvez constater que le lettrage à la main est couramment utilisé dans cette industrie. L'essence de «fait maison» est capturée par des mots qui semblent être écrits par un humain plutôt que par une machine. Rappelant une carte de recette manuscrite, vous pouvez à peine dire qu'une police (Art) a été utilisée plutôt qu'un lettrage personnalisé.
Lorsque vous planifiez votre projet Web, vous devez vous poser trois questions lorsque l’inscription manuscrite est à prendre en compte:
L'examen de ces questions avant et pendant votre flux de travail permettra à votre lettrage d'être plus efficace et rentable..
Accentsconagua