Share
La reaparición de las letras a mano se ha apoderado de Instagram y la ha convertido en una habilidad buscada nuevamente. La amplia gama de estilos diferentes permite que la técnica sea increíblemente versátil y una valiosa consideración de diseño. La aparición de una gran cantidad de logos (Pinterest, Montaje) y encabezados de página (The Boxtrolls, World Baking Day) ha demostrado su relevancia para los medios digitales..
http://worldbakingday.comAunque a menudo parece simple, las letras a mano pueden ser una tarea compleja, incluso más cuando se las aplica al diseño web sensible. Con esto en mente, he reunido algunas consideraciones para ayudarlo a decidir cuándo las letras a mano son apropiadas y cómo utilizarlas a su máximo potencial..
Buscar letras de mano en Pinterest para obtener franjas de inspiraciónLas buenas letras a mano parecen fáciles y divertidas, pero antes de comprometerse a incluirlas en su proyecto web, hágase estas preguntas: ¿Se ajusta a la marca? ¿Cambiarán las letras o la orientación? ¿Se mantendrá la legibilidad? ¿Hay suficiente contraste entre el espacio claro / oscuro, positivo / negativo para que los caracteres se puedan distinguir en una escala más pequeña? Cada una de estas preguntas debe ser considerada a lo largo de su proceso de diseño..
Antes de comenzar un proyecto, me gusta enumerar las palabras clave que representan la marca y los mensajes que estoy tratando de transmitir. Podemos hacer lo mismo con letras a mano para ver si la técnica se superpone con la marca. Aquí está mi lista de palabras clave de letras:
Ya que hay muchos estilos diferentes de letras a mano, no se aplicarán todos esos términos, pero si algunos de ellos describen su marca, puede pasar a la siguiente etapa de su proceso..
Recess Ice Cream utiliza letras a mano que coinciden con su logotipoSuponiendo que desea que su texto sea receptivo, deberá elegir entre hacer que el texto sea escalable o cambiar la orientación para adaptarse a diferentes tamaños de pantalla. La escalabilidad puede crear transiciones suaves entre diferentes tamaños de pantalla, pero dependiendo de la complejidad y el peso de sus letras, un cambio de orientación puede beneficiar mejor a una pantalla más pequeña por motivos de legibilidad.
The Girl + The Bull usa letras de mano en su sitio web sensibleA menos que esté utilizando la ilegibilidad para hacer un punto, siempre debe asegurarse de que su audiencia pueda leer sus letras a mano o fuentes decorativas. Una palabra que demore más de tres segundos en leer probablemente debería ajustarse para que sea más clara. Da un paso atrás de tu trabajo y entrecierra los ojos. ¿Todavía puedes leerlo? Uno de los elementos más fáciles de observar es el contraste. ¿Hay contraste en el tono de los colores utilizados? ¿Debería haber? Más importante aún, ¿hay contraste entre y dentro de las formas de las letras? Una forma rápida de mejorar la legibilidad es ajustando el peso y el kerning entre las letras.
Los encabezados de Vintage Hope son pesados y grandes, con un fuerte contraste con el fondoHay algunas formas diferentes en que puede implementar letras a mano en la web. Deberá decidir entre el uso de imágenes de mapa de bits, SVG o fuentes web, y la que mejor se adapte a sus necesidades y las de sus clientes. Para ayudarlo a elegir, vea los pros y los contras de cada uno a continuación..
Si ha creado letras a mano personalizadas, una imagen es una opción simple, especialmente si es un principiante. Uno de los principales problemas con las imágenes es que los robots no pueden leerlas. Si va a ir con una imagen, asegúrese de que el texto sea menos importante e innecesario para SEO.
Los SVG se están convirtiendo rápidamente en el estándar de la industria para gráficos vectoriales en la web. Además de ser fantástico para la capacidad de respuesta, los SVG se pueden personalizar aún más a través de CSS y JavaScript, tanto en apariencia como en animación. Lea acerca de los archivos SVG para más información.
Con el número cada vez mayor de fuentes web disponibles, hay una amplia selección de fuentes decorativas que dan la ilusión de letras a mano. Si está buscando una solución rápida, o algo que sea más fácil de armar, las fuentes web son el camino a seguir..
A continuación hay algunos sitios web que he encontrado que usan letras de manera apropiada.
En este sitio web, tanto el logotipo como la palabra ilustrativa "perfecto" crean un bonito contraste con las fotos oscuras e intensas. Las fotos muestran la alta calidad de la comida que el restaurante usa y crea, mientras que las letras de las manos nos informan de su ambiente más informal. El mayor peso de "perfecto" le permite escalar bien y mantener la legibilidad. Este ejemplo utiliza una imagen para sus letras a mano..
Winshape Camps imita el estilo de las letras a mano con una fuente (el querido Joe Hannes) para las declaraciones de impacto. Las imperfecciones de la fuente (¿nota cómo cada 'f' es diferente dependiendo de la ligadura?) Es lo que la hace más efectiva, humana y desordenada, igual que en el campamento.
En otro sitio web relacionado con alimentos, puede ver que las letras de mano se utilizan comúnmente en esta industria. La esencia de "hecho en casa" se captura a través de palabras que parecen estar escritas por un humano, en lugar de una máquina. Con reminiscencias de una tarjeta de receta manuscrita, apenas se puede decir que se usó una fuente (Arte) en lugar de letras personalizadas.
A medida que planifica su proyecto web, hay tres preguntas que debe plantearse cuando se considera una letra a mano:
Revisar estas preguntas antes y durante su flujo de trabajo permitirá que sus letras sean más efectivas y eficientes.
Accentsconagua