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.