Los titulares son uno de los elementos más importantes de su página y son a menudo el punto de partida que establece el tono para todo el diseño. Entonces, ¿por qué no hacerlos grandes?
Hoy analizaremos siete técnicas de diseño diferentes que puede implementar en un minuto o menos que aumentarán su titular de simple a impresionante.
Una línea grande, una línea pequeña
Comenzaremos con el truco más típico y básico de la lista. Una de sus herramientas más poderosas para crear titulares es el contraste, que usaremos una y otra vez en esta publicación.
Aquí elegimos aplicar contraste principalmente en forma de tamaño de fuente. Es extremadamente común tener una configuración de encabezado de dos líneas donde una línea utiliza un tamaño de fuente más grande que la otra. Esto funciona con casi cualquier tipo de letra y puede variar qué línea es más grande.
La clave aquí, como con algunos de los otros ejemplos a continuación, es colocar el énfasis donde crees que pertenece. En mi ejemplo,? Gran titular? es la idea principal y siempre se enfatiza si está arriba o abajo.
Varíe su caso
Este es un truco simple que termino usando bastante. Usando casi cualquier estructura de encabezado que desee, intente cambiar el caso en algunas de sus palabras o líneas.
En los ejemplos anteriores, utilicé varias combinaciones de texto en mayúsculas, minúsculas y minúsculas. Por lo general, las letras mayúsculas se usan para enfatizar, pero es bueno lanzar una bola curva de vez en cuando y, de hecho, hacer que la línea de minúsculas sea el principal elemento de atención como lo he hecho en el segundo título.
Sus razones para elegir qué palabras o líneas para poner en mayúsculas pueden ser lógicas y pensadas, pero no tenga miedo de intentar un poco de aplicación arbitraria. Su razonamiento puede ser tan simple como el hecho de que le gustó la forma en que una palabra se veía mejor en todas las letras minúsculas.
Todos los casquillos: ¿Más difíciles de leer?
En algún lugar del antiguo credo de diseño hay una declaración acerca de cómo todas las mayúsculas son difíciles de leer. Hasta cierto punto, esto es cierto, pero en realidad solo se aplica a grandes bloques de texto, como un párrafo o una oración realmente larga.
La variación en la altura de las letras en letras minúsculas te ayuda a diferenciar y leer más rápido, pero cuando solo hay unas pocas palabras, es perfectamente fácil de leer con mayúsculas, ¡e incluso he escuchado a algunos argumentar que es más fácil!
Ancho de línea igual
Esta técnica es utilizada. todo el tiempo en el diseño de titular moderno. El resultado que logré anteriormente es bastante poco típico (intencionalmente). Por lo general, se ve esta técnica utilizada en un sans-serif audaz condensado como Helvetica, pero no caiga en la trampa de hacer lo que hacen los demás, salga por su cuenta y pruébelo con la fuente que desee. ¡No siempre se verá bien, pero la experimentación es una parte importante de cada diseño!
La fuente que usé anteriormente es DeLarge Bold, que es bastante difícil de leer pero es bastante atractiva en pequeñas dosis.
La idea detrás de esta técnica es que realmente estás impulsando el concepto de un titular como un elemento único. Al crear una columna de ancho fijo, las formas de las letras y las longitudes de línea, normalmente diversas, se convierten en un todo cohesivo que es más fácil de trabajar en un diseño más grande. Además, ya sabes, simplemente se ve bien.
Ancho de línea igual en línea
¿Quieres implementar esta técnica con texto en vivo en la web? Hay algunos complementos de jQuery, como Lettering.js y BigText que lo hacen fácil. BigText es específicamente para esta técnica, mientras que Letterring.js es más flexible y podría usarse para crear la mayoría, si no todos, los ejemplos de esta publicación.
Énfasis selectivo de la palabra
Esta tiene la misma lógica básica que el primer ejemplo anterior. Simplemente estamos intentando usar el tamaño como un punto importante de contraste. Aquí estamos enfatizando ciertas palabras y restando énfasis a otras.
No hay una fórmula mágica real para que las palabras crezcan en grande, solo siéntenlas y vean lo que tiene sentido. Por lo general, reduzco palabras sin importancia, como? ¿o y? mientras intenta hacer que las palabras grandes se lean un tanto decentemente en su totalidad. Por ejemplo, en el ejemplo anterior, puede ver la frase "Hacer algo importante". aunque eso no es exactamente lo que dice la oración en su conjunto.
Cuando diseñé los anuncios impresos, este fue uno de mis trucos más usados para los titulares. En la impresión, siempre estás tratando de captar la atención de alguien en una fracción de segundo y reducir un título a sus partes más importantes realmente ayuda con ese objetivo, mientras continúas obteniendo ese título gigante con el que te dieron los redactores.
Un mensaje doble
Este es un poco peculiar y solo debe usarse en casos raros, pero es bastante divertido. Puede usar el tamaño, el peso, la fuente y / o el color para establecer letras específicas del resto de la línea.
El resultado es un mensaje oculto inteligente en su titular. En los titulares anteriores he hecho? DUH? y? wow? destacar. Estos son ejemplos demasiado simples, es mucho más impresionante cuando realmente pasas el tiempo para hacer que los dos significados funcionen bien juntos como lo hizo este diseñador.
Integrar gráficos que alteran el texto
Si desea un diseño realmente interesante, intente no colocar el título flotando por sí solo, sino hacerlo en los gráficos de la página. Esto funciona muy bien con formas vectoriales simples como la de arriba. Observe cómo el mensaje del titular y el gráfico se refuerzan entre sí.
Uno de los lugares más típicos en los que verás esta técnica es en infografías. Aquí, todo el punto es mezclar imágenes en el texto para que el mensaje sea más claro, por lo que es una configuración obvia y apropiada para este uso.
A veces, sus letras son tan fáciles de manipular que se pueden doblar y estirar para seguir las líneas de su gráfico, este fue el caso con el? W? encima. Sin embargo, las otras letras eran mucho más curvilíneas, así que tomé el camino fácil y corté el gráfico.
Texto anidado
Comenzamos con una técnica muy simple, así que pensé que también terminaríamos con una. Este tipo de diseño de titulares es muy común en los títulos de revistas. Básicamente, escribes algo en el caso del título y observas el espacio negativo formado entre los ascendentes. A menudo es el lugar perfecto para introducir una o dos palabras.
¡El resultado es un título bien integrado que solo demora dos segundos en construirse! Perfecto para todos esos momentos en los que está por encima de su fecha límite y necesita un diseño en un tiempo récord.
Conclusión
La moraleja de esta historia es pensar dos veces antes de que simplemente escriba ese titular y llámelo un día. Siempre piense cómo puede mejorar la legibilidad y / o la estética del texto para cumplir mejor con los objetivos del diseño.
Deja un comentario a continuación y haznos saber cuál de estos es tu favorito. ¿Tienes alguno de tus propios trucos de titulares para compartir?