Uno de los más grande tendencias en diseño web en este momento es super pequeño. ?¿Minúsculo? Los elementos de texto se han convertido en una idea popular, pero es una tendencia de diseño que ha generado cierto debate.
No hay duda de que los tamaños de texto pequeños pueden causar algunos problemas de legibilidad. Pero cuando se hace bien, un pequeño bloque de texto diminuto puede ayudar a crear un punto de énfasis visual y atraer a los usuarios a ciertas partes del diseño.
Únase a nosotros para echar un vistazo a la pequeña tendencia de texto, con ejemplos para proporcionar algo de inspiración de diseño.
1. Crear jerarquía y organización.
Si bien el texto de gran tamaño ha sido la opción dominante para las páginas de inicio y los encabezados por un tiempo, hay un cambio para proporcionar más información en la primera pantalla de monitores de escritorio. (Una razón para esto podría ser que los tamaños de pantalla siguen aumentando, dando a los diseñadores más lienzos para trabajar).
Ahí es donde? Pequeña? entra texto. El uso de diferentes tamaños y escala proporcional para la tipografía crea un flujo visual distinto, generalmente desde letras grandes a pequeñas. Al usar un nivel de texto pequeño, generalmente más pequeño que los tamaños de tipo de cuerpo comunes de 14 a 16 puntos, creará un punto adicional para que el usuario lo vea. El texto pequeño, particularmente cuando se usa con otros tamaños de texto, puede atraer al usuario porque es diferente.
Maxime Bonhomme utiliza texto pequeño en el diseño de un sitio web de cartera. Los elementos de texto más pequeños proporcionan detalles clave sobre los proyectos, mientras que los tipos más grandes proporcionan una descripción del trabajo. Observe cómo los pequeños elementos de texto funcionan en parte debido a la cantidad de espacio y contrato que rodea a cada bloque de copia.
2. para hacerte lucir
A veces, el texto es pequeño por diseño para hacerte ver o echar un segundo vistazo.
Debido a que a menudo es inesperado o diferente de lo que los usuarios ven en tantos otros sitios web, el elemento de diseño lo cautiva.
Mountain Dew, una marca que no teme ser nerviosa, utiliza un tratamiento de titular muy pequeño. Te hace mirar. Y el titular encaja perfectamente en el vértice de la X para crear un patrón de movimiento ocular distinto de la acción que se mueve a través de la pantalla con el video del jugador de la NBA al titular de la marca. Incluso el llamado a la acción es pequeño, pero no se siente incómodo para el usuario porque se siente intencional.
3. Para crear una navegación atractiva
Si bien muchos sitios web han eliminado completamente la navegación de las páginas de inicio en favor de los elementos del menú de estilo de hamburguesa / oculto, el uso de un pequeño texto puede ser una forma de volver a mostrar algunos elementos en la pantalla sin sentirse intrusivo. Es uno de esos flujos y reflujos en los patrones de diseño, que se mueven de un extremo al siguiente. (¿Será la navegación de gran tamaño la próxima?)
Usar texto minúsculo en la navegación puede ser complicado. Debe ser lo suficientemente grande como para leer y hacer clic con facilidad. También es importante utilizar un tipo de letra simple que sea muy fácil de leer, ya que el texto pequeño puede ser un poco difícil para los ojos.
Magic of Lapland encontró un buen término medio con pequeños elementos de texto en la barra de menú principal. Hay mucho espacio alrededor de cada elemento, algunos incluso con cubiertas dobles, y el simple sans serif en blanco sobre fondo oscuro contribuye a la legibilidad. También hay un segundo nivel de? Menos importante? Pequeño texto sobre la navegación principal para viajeros.
4. Para mostrar el espacio
El texto pequeño funciona mejor cuando el lienzo es grande. El contraste entre un elemento pequeño y un vasto espacio puede ser sorprendente. Los bloques grandes de texto pequeño pueden ser discordantes y difíciles de leer, así que mantenga el elemento de texto conciso.
Texto de tinte también debe utilizarse con un propósito distinto en mente. Antes de entrar en esta tendencia de diseño, pregúntese: ¿Por qué estoy usando texto pequeño aquí? ¿Qué aporta al significado del diseño de mi sitio web?
Si no tiene respuestas sólidas a esas preguntas, ¿porque quiero? No cuenta - entonces deberías considerar algo más.
Moonfarmer hace un hermoso trabajo mostrando el espacio con un pequeño texto. El diseño utiliza dos niveles de tipografía y un amplio lienzo abierto para establecer un estado de ánimo e introducir a los usuarios el contenido antes de hacer clic o desplazarse. El texto minúsculo es solo uno de los muchos detalles en el diseño que lo atrae para simplemente detenerse y mirar. Y con gran contraste entre los elementos, no hay preocupación por la legibilidad.
El diseño hace una cosa más que es importante tener en cuenta: no es necesario utilizar texto minúsculo en todas partes. Trátalo como un elemento de arte especial. Moonfarmer usa un pequeño texto en la página de inicio y luego aumenta el mismo tipo de letra a un tamaño más común en el resto del diseño.
5. Cuando el texto No es El elemento más importante
A veces el elemento más importante en la pantalla no es las letras. El texto viene secundario a un elemento visual.
Freelance TV es un ejemplo perfecto de cómo usar texto pequeño para ayudar a los usuarios mientras permite que otro elemento sirva como la parte dominante del diseño. Para este proyecto, el video es el elemento importante. El texto minúsculo sirve como un elemento para proporcionar información adicional y fomentar el registro con un bloque de texto estático que aparece independientemente del episodio presentado en la página de inicio.
6. Para crear un elemento visual
Los elementos de texto existen principalmente para leer. Eso tiene perfecto sentido lógico.
Pero a veces los elementos de texto funcionan como parte de un elemento visual, y el hecho de que se lean o no es mucho menos importante. (Esto requiere planificación y muchas conversaciones de diseño, así que no aborde este concepto por capricho).
HTML Burger utiliza varias capas de texto pequeño y pequeño. El texto pequeño se utiliza como un descriptor con un tratamiento de titular de gran tamaño. Se usa texto minúsculo dentro de cada una de las? Hamburguesas? Envoltorios para crear elementos visuales geniales con un poco más de información sobre lo que hace la empresa. Es un esquema de diseño que no se ve mucho y, en este caso, es impactante.(Pero esta técnica es bastante difícil de lograr; proceda con precaución).
Conclusión
¿Ir minúsculo o no? Puede ser una decisión difícil. Si bien el uso de texto pequeño es discutible, existen usos apropiados para tipografías pequeñas. Para asegurarse de que el texto pequeño funcione en su diseño, déle mucho espacio, use un tipo de letra que sea muy fácil de leer y use otras señales de diseño para ayudar a los usuarios a entender las palabras.
Finalmente, si planeas experimentar con texto pequeño, úsalo con moderación. Esta no es una técnica que ayude a su cram más en un diseño. Funciona de manera más efectiva con bloques de texto pequeños en ubicaciones intencionadas.