Parece un concepto tan simple, pero esta tendencia está empezando a despegar. Los diseñadores están permitiendo que la tipografía cruce planos entre elementos.
La tendencia se ejemplifica por el tipo que comienza en una parte del lienzo y luego se extiende hacia el espacio de alguna otra cosa, como superponer parte de una foto o invadir otro cuadro o imagen de color. La técnica de capas es interesante y puede ayudar a agregar un poco de creatividad a un diseño de varias maneras. He aquí una mirada más cercana a las formas de usar la tipografía en espacios compartidos.
Identificar la tendencia
La tipografía en espacios compartidos es una tendencia de diseño web que es bastante fácil de identificar. (También puede probar esto en proyectos que no sean de la web, como carteles o postales). La característica clave es que el tipo, o elementos relacionados, parecen cruzar varias capas o planos en el diseño.
Si bien la idea es que está buscando tipografía en espacios compartidos, la tendencia se puede aplicar a casi cualquier elemento de diseño que se cruce en un espacio que parece que está reservado para otra cosa. A menudo se muestra como una extensión del diseño de pantalla dividida.
El elemento que cruza los planos puede ser bastante obvio, como muchos de los ejemplos de tipografía a continuación, o más sutil. Mira la imagen de Hometown Trolley, arriba. El trazo se extiende desde el tipo para sacar el ojo de la imagen del carro al título principal. Una mirada más cercana revela que parte del carro sale de su fondo a la parte de la pantalla diseñada para elementos de tipo.
Lo que hace esta tendencia, cuando está bien diseñada, es ayudar a guiar el ojo del usuario a través de los elementos. Con un diseño dividido, hay dos cosas distintas a tener en cuenta: compartir espacio ayuda a guiar al usuario a partes importantes del diseño. La otra ventaja adicional desde la perspectiva del diseño es que crear múltiples espacios puede hacer que sea más fácil contener elementos de texto; piense en el diseño como dos cartas gigantes, con una capa en la parte superior que las conecta.
Mezclar fotos y tipografía
La tipografía en espacios compartidos funciona muy bien con fotos fuertes. Muchos diseñadores están usando esta tendencia con imágenes orientadas verticalmente (algo que no se usa a menudo debido a la naturaleza de las relaciones de aspecto de la pantalla).
Compartir espacio es una excelente manera de usar estas formas de manera diferente y al mismo tiempo crear una imagen impactante. Las letras pueden cruzarse entre la imagen y los espacios en blanco o simplemente pueden leerse entre los espacios, como en el ejemplo anterior.
Lo que es inteligente de la tipografía y los mensajes de The Square Apartments es que las palabras se pueden leer por sí solas en formato de pantalla casi dividida o en los paneles para obtener un mensaje más completo, pero completo.
La otra cosa agradable de esta opción es que puede ser un poco menos difícil elegir un color de texto porque no se permite el uso de fondos múltiples. Esta podría ser la variación más fácil de tipografía en espacios compartidos para probar.
Prueba letras en negrita
Esta tendencia es dramáticamente hermosa con letras que atraviesan paneles en el diseño y utilizan una tipografía interesante a lo grande. El énfasis agregado en el tipo de letra porque las capas en múltiples espacios resalta las palabras y crea un punto focal en el diseño.
Para que esto funcione de manera efectiva, necesitará un poco de mensajes: los titulares largos se sentirán abrumadores, una selección de tipo de letra interesante y un par de imágenes y fondos con colores similares para que el texto se pueda leer fácilmente en todo el lienzo.
En la mayoría de los casos, opte por letras blancas o negras en el fondo. Este es un diseño bastante complejo para que los usuarios puedan digerirlo, aunque parezca bastante simple, y la legibilidad debería ser una preocupación primordial.
Tipo de capa con color
No hay nada que decir que la tipografía tenga que compartir un espacio con imágenes para usar esta tendencia. Puede funcionar igual de bien cuando no tienes ninguna imagen.
Mezcla y combina cajas de colores, formas geométricas y diferentes opciones de tipografía para crear capas con estilo.
El laboratorio de inicio, arriba, hace un trabajo fascinante al emparejar bloques de colores con tipos que ignoraron los bordes para crear muchas capas interesantes. El sombreado aspecto de las palabras grandes proporciona un buen punto de referencia visual y contrasta con los estilos de tipo secundario más simples y directos.
Añadir un toque de animación
El hecho de que esté utilizando la tendencia de espacio compartido, no significa que deba renunciar a otras modas. Agregue un toque de animación para los elementos de la interfaz de usuario o los elementos de navegación para ayudar a animar a los usuarios a hacer clic en el diseño.
El movimiento sutil también puede ayudar a crear enfoque si el diseño se siente un poco ocupado.
En el diseño anterior, el pequeño logotipo circular gira lentamente. Casi funciona para centrar el diseño, que tiene un diseño casi asimétrico. Rellena los espacios atrapados entre las letras y la imagen para que el diseño general se sienta completo y equilibrado. Además, la animación te lleva directamente a la marca de la página.
Mantenlo simple
Es un tema recurrente aquí en Design Shack, pero esta tendencia funciona mejor cuando se mantiene simple. Si bien puede llevar mucho planeamiento y puede parecer complicado crear un diseño efectivo con tipografía u otros elementos en espacios compartidos, el resultado final debe parecer simple y sin problemas.
Si no estás seguro de por dónde empezar, prueba un marco mínimo. Un fondo blanco con letras negras, como Melville, puede empujar el foco a imágenes en color. (Las líneas limpias están siempre en estilo.)
Concéntrese en el flujo visual con este tipo de patrón de diseño. Piense en qué partes del diseño son las más importantes para que los usuarios las vean, y luego haga clic en. Coloque el fondo, las imágenes y las letras para atraer a los usuarios a través de este flujo, de modo que lo último que vean en una progresión natural sea la siguiente acción. (En el caso del diseño anterior, los usuarios tienen dos opciones: hacer clic en el enlace o desplazarse).
Conclusión
Crear un diseño con tipografía en espacios compartidos es un giro moderno en las técnicas de diseño bastante tradicionales. Proporciona una opción para ayudar a los diseñadores a resaltar imágenes con recortes de formas que a menudo se olvidan o diseñar una opción audaz sin imágenes.
Concéntrese en letras sólidas y legibles que crucen bien los planos para aprovechar al máximo esta tendencia. ¿Considerar el flujo de usuarios y las llamadas a la acción? ¡y divertirse!