Aujourd'hui, nous allons parler des polices de script. Nous examinerons leur utilisation courante sur le Web, vous proposerons des astuces pour les intégrer à vos propres conceptions et découvrirons une cinquantaine de sites utilisant des scripts de manière conséquente.
Nous allons également examiner de près l'un des scripts les plus couramment utilisés sur le Web aujourd'hui. Pouvez-vous deviner de quoi il s'agit?
Homard & Web Designers: une histoire d'amour
Au cours de la dernière décennie, l'amour du monde pour Helvetica a explosé. Les personnes qui ne peuvent généralement pas nommer une police portent des chemises Helvetica et regardent des documentaires consacrés à la police de caractères emblématique. Une grande partie de cette fascination provient de la soudaine prise de conscience que Helvetica est absolument partout: c'est dans votre salle de bain, dans votre courrier, dans votre voiture, même dans l'espace!
De la même manière qu'Helvetica est devenue la police sans serif moderne la plus répandue sur la planète, mais à une échelle bien moindre, Lobster semble devenir le script le plus utilisé sur le Web. Cette police est partout! Arrêtez-vous dans n’importe quelle galerie de conception Web et vous ne ferez pas deux pages avant de repérer quelques sites utilisant Homard.
Les raisons en sont évidentes. Pour commencer, il s’agit d’une superbe police qui se trouve être également gratuite, une combinaison qui n’est pas aussi facile à trouver que vous ne le pensez. Il est également assez lisible en ce qui concerne les scripts. Enfin, il est agréable et audacieux, ce qui le rend parfait pour les titres. Les scripts ont tendance à être fins et féminins et il est agréable de trouver celui qui se démarque de cette norme.
Un mot de conseil
Comme je viens de le dire, Lobster, ainsi que la plupart des autres scripts, fonctionne très bien pour les titres. Je m'émerveille lorsque je vois du homard utilisé dans un paragraphe entier et recommande vivement d'éviter de le faire simplement parce que la lisibilité diminue de manière significative à mesure que la quantité de contenu augmente. Mon conseil est de toujours utiliser des polices particulières avec parcimonie: moins est plus dans ce cas.
Autre conseil, gardez à l'esprit que, parce que le homard devient si incroyablement omniprésent, il existe un risque de surutilisation dans le milieu de la conception. C'est une police de caractères assez facilement reconnaissable et même les utilisateurs non-concepteurs pourraient vite se lasser! Un des points forts de Helvetica est que la plupart des gens ne le remarquent jamais. Les polices de caractères uniques ne partagent pas ce luxe.
Dans cet esprit, voici quelques exemples inspirants d'utilisation du homard dans la conception Web. Comme vous pouvez le constater, de nombreuses applications sont possibles, ce qui prouve que la police est remarquablement polyvalente.
Syropia
html5demo
L'éditeur Threepenny
Entrepôt vingt et un
Mariage Gopal Seema
Atticus Pet Design Studio
Fabriqué Avec Amour Inc
Kosmetik
Zabawnik
Brewminer
Autres façons d'utiliser des scripts
Le homard est un cas particulier, il est actuellement utilisé dans tous les types de sites pour s’adapter à tous les types de déclarations et d’ambiances (qu’il en soit ou non inhérent). Cependant, les scripts en général semblent se diviser en quelques catégories très spécifiques d'utilisations dans la conception Web.
Ci-dessous, nous examinerons quelques objectifs de conception ou thèmes que vous pourrez surveiller dans votre propre travail. Si l'un d'eux correspond au look que vous souhaitez, essayez de créer un script pour que le travail soit fait!
Fantaisie Casual
Le terme? Fantaisie décontractée? est un oxymore complet, mais cette déclaration simple a beaucoup de sens, donc c’est un oxymore utile! L'idée est que vous souhaitez que votre conception soit conviviale et décontractée, mais dans le bon côté de ce continuum occasionnel. Vous ne voulez pas de clowns ni de ballons, vous voulez simplement avoir une allure professionnelle tout en maintenant un environnement accueillant.
Certains types de scripts peuvent être absolument parfaits pour atteindre cet objectif et se trouvent même sur d'innombrables sites répondant à ces critères. En voici quelques-uns pour vous aider à comprendre le concept.
Douze samedis
Dolce Pixel
Gravual
Pixelschupser
Houten Speelgoed
Arrivée
Gâteau gâteau sucré
Nanda et Juan Diego
AFR
Sur un pli
Élégant
Ces jours-ci, le? Fantaisie décontractée? look semble être le lieu le plus utilisé pour utiliser des scripts sur le Web. Cependant, une bonne humeur élégante reste probablement l'endroit le plus évident pour un script.
Historiquement, les scripts sont couramment utilisés quand quelque chose doit paraître officiel, délicat, formel, etc. Tout, des invitations de mariage aux documents gouvernementaux, les utilise pour communiquer un sens de l'élégance. Voici quelques exemples où les polices de script sont utilisées de manière haut de gamme (parfois ironiquement).
Peaxl
Weinhandlung Posch à Vaihingen / Enz
Carnivale du Vin 2011
Vêtements chéri
Le Freebies
Fabriqué par Vadim
EvaJuliet
Rétro
Une autre utilisation extrêmement courante des scripts est de véhiculer une esthétique rétro. Il existe de nombreuses polices, y compris Lobster, dont les formes de lettre semblent instantanément communiquer une époque révolue.
Gardez à l'esprit que, comme avec n'importe quel? Rétro? élément de conception, il existe une certaine décennie communément attribuée à une police donnée. Déterminez quelle décennie vous souhaitez viser et faites votre recherche pour voir quel type de typographie était courant à l'époque.
optografik
Lampe frontale
GiftRocket
Tinybigstudio
Drupalcamp Atlanta
La grande fête
Dessins pleins de graisse
Manuscrit
Les scripts reflètent notre façon d'écrire beaucoup plus étroitement que votre élément typographique moyen. Pour cette raison, ils sont couramment utilisés pour donner l'illusion d'une déclaration manuscrite.
Il existe actuellement une grande tendance dans la conception Web qui consiste à utiliser des scripts et des petites flèches Doodle comme une aide pédagogique ad hoc posée sur une conception par ailleurs standard. Ceci est assez populaire pour que tous les exemples de scripts manuscrits utilisés dans la conception Web que je trouve dans ma recherche correspondent à cette description!
Realizzazione
Rouleaux d'esquisse
XHTML-Lab
Big & Bold
Lorsque vous souhaitez faire une grande déclaration en gras, un script peut ne pas être votre police habituelle. Cela tient en grande partie à l'histoire dont nous avons déjà parlé: les scripts ont tendance à être délicats. Cependant, une fois utilisé correctement, vous pouvez absolument utiliser un script pour créer un titre puissant et accrocheur. TheStyleSpy ci-dessous est un exemple parfait de cette technique.
TheStyleSpy.com
Pixel Studio
Accent sélectif
Notre dernière utilisation courante des scripts dans la conception Web consiste à appliquer une emphase à certains mots dans une phrase. Plutôt que de s'en tenir à une police de caractères pendant la durée d'une déclaration, ces concepteurs modifient les polices non seulement pour créer des variations, mais également pour attirer votre attention sur les mots et les phrases clés.
Sproutlet
Agence de design Econeve
Santé Bloom
Encore plus de scripts!
Vous ne pouvez pas obtenir suffisamment d'exemples de conception de script Web? Voici quelques autres pour terminer le post.
Jet Cooper
Tweeki
Le honch
Courir faire
Loopclick
Lefft Paddy Donnelly
Cicero
Démo Thème Booker
Lectures complémentaires
- 20 polices de script gratuites gratuites que vous n'avez pas besoin d'être une fille pour utiliser
- 20 belles polices de script pour vos conceptions
Conclusion
De nombreux concepteurs peuvent ignorer les polices de script en tant qu'outil qui ne convient tout simplement pas à leur projet. Cependant, comme le montrent les exemples ci-dessus, les scripts sont extrêmement flexibles et peuvent être utilisés de différentes manières pour communiquer différents types de sentiments et d'humeurs esthétiques.
Après avoir lu cet article, jetez un nouveau regard sur votre bibliothèque de polices personnelle et réfléchissez à la manière dont vous pouvez utiliser vos anciennes polices d’une nouvelle manière. Pendant que vous y êtes, laissez un commentaire ci-dessous et dites-nous quel est votre script préféré!