8 excelentes ejemplos de uso de bloques de texto apilados en diseño web

Es muy emocionante examinar los diseños de sitios web modernos y tropezar con cosas pequeñas que los desarrolladores encuentran adorables. “Los pequeños detalles marcan la diferencia” – escuchamos mucho esto en estos días.

De hecho, es verdad. Estas pequeñas soluciones y trucos únicos hacen que los proyectos se destaquen entre la multitud. Hacen experiencias originales y hacen que las interfaces de usuario sean emocionantes e inolvidables. En estos días, pequeñas tendencias prevalecen sobre las grandes.

Los desarrolladores no se detienen en una gran cosa; ellos experimentan con muchas ideas más pequeñas. Por lo tanto, podemos presenciar impresionantes soluciones microscópicas que hacen que la web sea diversa. Una de esas pequeñas tendencias son los bloques de texto apilados en una página de inicio.

Más que solo palabras

Los bloques de texto apilados se pueden ver en todas partes. Pero, el problema con ellos es que a veces los diseñadores pueden dejarse llevar e incluir una gran cantidad de información, lo que resulta en TL; contenido similar a DR. Nadie quiere leer eso. Sin embargo, con dos líneas es una historia diferente. La brevedad es el alma del ingenio. Siempre funciona Simplemente elija las palabras clave, componga un eslogan pegadizo y listo, está listo para ganarse a los clientes. Es tan elegante, simple y efectivo. No es de extrañar que muchos diseñadores caigan en este truco.

Sin embargo, los artistas no solo confían en frases inteligentes. Juegan con su apariencia, enriqueciéndola con características interesantes y enfatizándola discretamente con ajustes inteligentes. Se ponen en juego varias técnicas, por ejemplo:

  • Diferentes tipos de letra;
  • Diferentes colores para cada línea;
  • Color que contrasta con el fondo u otro contenido;
  • Tamaños de fuente grandes, casi abrumadores;
  • Tipografías en negrita;
  • Diferentes estilos de fuente;
  • Obras de arte basadas en tipografías;
  • Texto completamente resaltado;
  • E incluso el subrayado probado por el tiempo e inesperadamente no tan aburrido como podemos pensar.

Vamos a examinar todas estas opciones, para que pueda ver el potencial de cada una y elegir la mejor opción para su caso particular.

Denton Design

Comencemos con uno de los representantes más brillantes de esto en la corriente principal: el diseño Denton de Nathan Denton. Creado por Rene Hernández y Ryan Haskell-Glatz, es una verdadera obra maestra que fascina con la originalidad y la extrañeza.

“Director creativo” son las dos palabras que se encuentran con el público, marcando el inicio del diálogo. Todas las letras están en mayúsculas y tienen un tamaño de fuente relativamente grande. Están pintados en dos colores primarios: blanco y rojo rubí. Aquí, el bloque apilado de dos líneas no es solo un saludo. Es una parte integral del diseño que completa el conjunto y grita la ocupación de Nathan.

Denton Design

Multistampa

El equipo detrás de Multistampa apuesta por letras mayúsculas, tamaños grandes y colores neutros que contrastan con el fondo. Como resultado, la frase “Printing Life” es un foco de atención natural aquí que combina perfectamente con la estética inspirada en la geometría.

Multistampa

Spotify envuelto

Este es el gran nombre de nuestra colección. Spotify es famoso por sus soluciones pioneras, prueba de que es un pionero en la esfera web. Este último ejemplo muestra que el duotono y los colores brillantes aún excitan las mentes de su departamento creativo.

Una vez más, podemos ver un bloque de texto apilado de dos líneas en su sitio web. Hay dos bloques colocados uno encima del otro. El primero es grande y prominente, mientras que el segundo es pequeño. pero llamativo. El hermoso amarillo combina bien con la orquídea Pantone utilizada como color de fondo. El lema se siente suave y, al mismo tiempo, audaz.

Spotify envuelto

iFly KLM 360 grados

El equipo detrás del diseño de iFly KLM 360 grados emplea la belleza de los centros de mesa tipográficos que desafortunadamente son raros en estos días. “La vuelta al mundo con Kiran Jethwa” llama nuestra atención al instante. Esta versión artística del texto apilado de dos líneas es simplemente increíble. Las líneas finas y elegantes de formas de letras, el gran tamaño y el juego intrincado de palabras hacen que la frase sea un absoluto ganador a nuestros ojos.

iFly KLM 360 grados

Claudia Noronha

Si no tiene artistas de tipografía a su disposición, Claudia Noronha ofrece una alternativa válida: usar una hermosa tipografía. Su tipo de letra elegante, suave y un poco gordo interactúa muy bien con el resto del contenido. Al mismo tiempo, se mantiene fiel al aura femenina de la UI, lo que contribuye muy bien a la atmósfera femenina general. Simple, bello y efectivo.

Claudia Noronha

Heartbeat Labs

El equipo de Heartbeat Labs opta por una solución antigua que implique el subrayado de las palabras. Funciona muy bien aquí. Aunque el tamaño de la fuente es pequeño, la línea gruesa y brillante que brilla sobre un fondo limpio, monocromo y azul oscuro pone la frase en el centro de atención.

Heartbeat Labs

SiR MaRy

SiR MaRy presenta otro clásico absoluto en nuestra colección. Aquí, las frases clave se resaltan con líneas negras en negrita. Aunque puede parecer un poco brutal y crudo en comparación con los ejemplos presentados anteriormente, sin embargo, el truco le da al eslogan una base sólida, delineándolo de manera efectiva.

SiR MaRy

Elastos

El equipo detrás de Elastos nos muestra cómo usar un bloque de texto apilado de dos líneas cuando tienes un fondo elegante. Aunque la frase se establece en una tipografía ultra estrecha, todavía llama la atención. Hay varias razones para eso.

En primer lugar, el tamaño de la fuente se suma a su importancia. En segundo lugar, el fondo limpio y el espacio en blanco dan paso a todo lo que está en primer plano. Tercero, la frase se coloca a la izquierda, justo donde naturalmente comenzamos a leer. Finalmente, los gráficos mismos apuntan literalmente hacia el texto.

Elastos

Andres Soler

Andres Soler, un artista multidisciplinario, divide su nombre en dos líneas. El concepto de dos líneas también permanece en las pantallas de dispositivos más pequeños, por lo que lo primero que lee en su teléfono celular es “Andres Soler”. Aquí, la frase parece una declaración en negrita que no requiere ningún “soporte” visual o entorno adicional.

Andres Soler

Cuando dos es mejor que uno

Si crees que las tendencias solo afectan a los elementos esenciales del diseño, piénsalo de nuevo. Todos los componentes del diseño web (ya sean pequeños o grandes) están sujetos a las tendencias. Tienes que mirar con cuidado, prestando atención a los detalles más pequeños.

Incluso algo aburrido, como un bloque de texto, sufrirá cambios y mejoras con respecto al diseño y la experiencia del usuario. Hoy, fuimos testigos de una tendencia de usar lemas apilados de dos líneas que se enfatizan maravillosamente.

Golpean directamente al punto y se suman a la estética general. Lo más importante es que corresponden a la preferencia del usuario de escanear texto en un sitio web en lugar de leerlo. Es una tendencia que combina pragmatismo y creatividad.

Botón volver arriba