Hoy vamos a hablar de fuentes de script. Examinaremos cómo se usan comúnmente en la web, ofreceremos algunos consejos para incorporarlos en sus propios diseños y veremos cincuenta sitios que usan scripts de manera considerable.
También veremos de cerca uno de los scripts más utilizados en la web hoy en día, ¿puedes adivinar qué es?
Langostas y diseñadores web: un asunto de amor
En la última década, el amor de Helvetica en el mundo se ha disparado. Las personas que normalmente no pueden nombrar una sola fuente visten camisetas Helvetica y ven documentales dedicados a la tipografía icónica. Gran parte de esta fascinación brota de la repentina constatación de que Helvetica está absolutamente en todas partes: ¡está en su baño, en su correo, en su automóvil, incluso en el espacio!
De la misma manera que Helvetica se ha convertido en la fuente sans-serif moderna más ubicua del planeta, en una escala mucho menor, Lobster parece que se está convirtiendo en el script más usado en la web. Esta fuente está en todas partes! Pase por cualquier galería de diseño web y no lo hará en dos páginas antes de detectar algunos sitios utilizando Lobster.
Las razones para esto son obvias. Para empezar, es una fuente de gran apariencia que también es gratuita, una combinación que no es tan fácil de encontrar como podría pensar. También es bastante legible en cuanto a los scripts. Por último, es agradable y audaz, lo que lo hace perfecto para los titulares. Los scripts tienden a ser finos y femeninos, y es agradable encontrar uno que rompa con esta norma.
Un consejo
Como acabo de mencionar, Lobster, al igual que otras escrituras, funcionan muy bien para los titulares. Me estremezco cuando veo que Lobster se usa en un párrafo completo y te recomiendo que evites hacerlo simplemente porque la legibilidad disminuye significativamente a medida que aumenta la cantidad de contenido. Mi consejo es que siempre use fuentes peculiares de forma dispersa: menos es más en este caso.
Como otro consejo, tenga en cuenta que la langosta se está volviendo tan omnipresente que existe el peligro de un uso excesivo en la comunidad de diseño. Es un tipo de letra fácilmente reconocible, ¡e incluso los usuarios que no son diseñadores podrían cansarse pronto de él! Una de las fortalezas de Helvetica es que la mayoría de las personas nunca lo notan, las tipografías de diseño único no comparten ese lujo.
Con todo esto en mente, aquí hay algunos ejemplos inspiradores de la utilización de la langosta en el diseño web. Como puede ver, definitivamente hay un montón de diferentes aplicaciones posibles, lo que demuestra que la fuente es muy versátil.
Syropia
html5demo
El Editor de Threepenny
Almacén veintiuno
Boda Seop Gopal
Atticus Pet Design Studio
Hecho con amor inc.
Kosmetik
Zabawnik
Cervecero
Otras formas de usar scripts
La langosta es un caso especial, actualmente se usa en todo tipo de sitios para adaptarse a todo tipo de declaraciones y estados de ánimo (ya sea que parezca o no inherentemente). Sin embargo, los scripts en general parecen dividirse en algunas categorías muy específicas de usos en el diseño web actual.
A continuación, veremos algunos objetivos de diseño o temas que puede vigilar en su propio trabajo. Si uno de ellos se ajusta al aspecto que está buscando, ¡intente separar un guión para hacer el trabajo!
Fancy Casual
El término? Fancy Casual? es un oxímoron completo, pero hay un gran significado en esta simple declaración, ¡así que es un oxímoron útil! La idea es que usted quiera que su diseño se sienta amigable y casual, pero en el lado más agradable de ese continuo casual. No quieres payasos ni globos, simplemente quieres verte profesional mientras mantienes un ambiente acogedor.
Ciertos tipos de scripts pueden ser absolutamente perfectos para este objetivo y, de hecho, se pueden encontrar en innumerables sitios que cumplen con este criterio. Aquí hay algunos para ayudarte a entender el concepto.
Doce sábados
Dolce Pixel
Gravitacional
Pixelschupser
Houten Speelgoed
Llegado
Pastel dulce pastel
Nanda y juan diego
AFR
Sobre un pliegue
Elegante
En estos días, ¿la fantasía casual? Look parece ser el lugar más común para usar scripts en la web. Sin embargo, un ambiente agradable y elegante es probablemente el lugar más obvio para un guión.
Históricamente, los guiones se usan comúnmente cuando algo debe parecer oficial, delicado, formal, etc. Todo, desde invitaciones de boda hasta documentos gubernamentales, los utiliza para comunicar un sentido de elegancia. Aquí hay algunos ejemplos en los que las fuentes de script se utilizan de manera exclusiva (a veces irónicamente).
Peaxl
Weinhandlung Posch en Vaihingen / Enz
Carnivale du Vin 2011
Ropa querida
Le Freebies
Hecho por Vadim
EvaJuliet
Retro
Otro uso extremadamente común de los scripts es transmitir una estética retro. Hay un montón de fuentes, incluyendo Lobster, que tienen formas de letras que parecen comunicar una época pasada.
Ten en cuenta que, como con cualquier? Retro? Elemento de diseño, hay una cierta década comúnmente atribuida a una fuente dada. Indique a qué década le gustaría apuntar y haga su investigación para ver qué tipo de tipografía era común en ese momento.
optografik
Lámpara de cabeza
GiftRocket
Tinybigstudio
Drupalcamp atlanta
La gran fiesta
Diseños completos de grasa
Escrito
Los scripts reflejan la forma en que escribimos mucho más estrechamente que su elemento tipográfico promedio. Por esta razón, se utilizan comúnmente para dar la ilusión de una declaración escrita a mano.
Actualmente hay una gran tendencia en el diseño web para usar guiones y pequeñas flechas de dibujo como una especie de ayuda de instrucción ad hoc sobre un diseño que de otra manera sería estándar. ¡Esto es lo suficientemente popular como para que todos los ejemplos de scripts escritos a mano que se utilizan en el diseño web que encontré en mi búsqueda se ajusten a esta descripción!
Realizzazione
Rollos de dibujo
XHTML-Lab
Big & Bold
Cuando desee hacer una declaración grande y audaz, es posible que una secuencia de comandos no sea su fuente habitual. Esto se debe en gran parte a que la historia que ya hemos discutido: los scripts tienden a ser delicados. Sin embargo, cuando se maneja adecuadamente, absolutamente puede usar un script para crear un titular poderoso y llamativo. TheStyleSpy a continuación es un ejemplo perfecto de esta técnica.
TheStyleSpy.com
Pixel Studio
Énfasis selectivo
Nuestro uso común final de los scripts en diseño web es aplicar énfasis a ciertas palabras dentro de una oración. En lugar de limitarse a un tipo de letra por la duración de una declaración, estos diseñadores varían las fuentes no solo para agregar variaciones sino también para dirigir su atención hacia palabras y frases clave.
Sproutlet
Agencia de Diseño Econeve
Salud de la floración
¡Incluso más scripts!
¿No puede obtener suficientes ejemplos de diseño web de script? Aquí hay algunos más para terminar el post.
Jet Cooper
Tweeki
El Honch
Ejecutar hacer hacer
Loopclick
Lefft Paddy Donnelly
Cicerón
Demo del Tema Booker
Otras lecturas
- 20 fuentes de script gratis en negrita que no tienes que ser una chica para usar
- 20 hermosas fuentes de script para tus diseños
Conclusión
Muchos diseñadores pueden pasar por alto las fuentes de script como una herramienta que simplemente no es apropiada para su proyecto dado. Sin embargo, como muestran los ejemplos anteriores, los scripts son increíblemente flexibles y se pueden utilizar en una variedad de formas para comunicar varios tipos diferentes de sentimientos y estados de ánimo estéticos.
Después de leer esta publicación, eche un vistazo a su biblioteca personal de fuentes y piense cómo puede usar sus fuentes antiguas de una manera nueva. Mientras lo hace, deje un comentario a continuación y ¡háganos saber cuál es su guión favorito!