¿Ha notado cómo los pequeños logotipos parecen ser cada vez más populares en los sitios web? Por un tiempo, parecía que el enfoque en el diseño era "hacerlo más grande". Eso ha cambiado, en términos de tamaño de logotipo y ubicación de todos modos.
La mayor tendencia en diseño de sitios web en este momento es el uso del logotipo de la esquina pequeña. Vamos a desglosar la tendencia y ver algunos buenos ejemplos. Tal vez encuentre la inspiración para reducir el logotipo en su próximo proyecto. O tal vez decidas mantenerlo grande y audaz!
Identificar la tendencia
Si bien no hay una regla específica que indique que un logotipo debe estar en la esquina superior izquierda de un sitio web, esa ubicación es común con fines de legibilidad e identificación. Los usuarios están acostumbrados a buscar información de la marca allí y proporciona un buen punto de referencia de navegación para ayudar a los usuarios a volver a la página de inicio cuando están bloqueados.
Así que no es de extrañar que los logotipos diminutos se coloquen con mayor frecuencia en esta parte del diseño. Si bien el uso de pequeños logotipos no se limita a esta ubicación, sigue los patrones de usuario aceptados. Eso es importante porque cuando intentas algo diferente, quieres que los usuarios lo entiendan sin dificultad. En este caso, el cambio es el tamaño del logotipo, reduciéndolo a un? Minúsculo? El tamaño puede hacer que sea menos de un visual dominante. Al mantenerlo en la misma ubicación, el usuario aún puede encontrarlo y realizar las acciones esperadas sin pensar en este cambio.
Esta es una de esas tendencias que es fácil de detectar. Busque un logotipo súper pequeño (a menudo menos de 300 píxeles cuadrados en una resolución de escritorio estándar) en una ubicación que se adhiera a la parte superior e izquierda del lienzo.
Desglose de tendencia
Si bien la tendencia está arraigada en el tamaño y la ubicación de los logotipos, eso no es lo único que parece ser un hilo común. Los diseñadores también utilizan formas, iconografía, tipografía y colores similares.
La tendencia se complementa y toma prestados conceptos de muchos otros estilos populares, en particular el minimalismo, los colores brillantes y la iconografía. Eso es parte de lo que hace funcionar esta tendencia; Se integra con otros patrones de diseño casi a la perfección.
Cuadrícula
El logotipo cuadrado simple es fácil de usar y proporciona un buen punto de anclaje para la marca. Muchos de estos logotipos cuadrados presentan un par de palabras (logotipo) o una pequeña cantidad de imágenes en un cuadrado de color.
El negro es una opción popular, como es el caso de Brave People (arriba), pero las opciones de color pueden ser dictadas por el fondo del diseño y los colores de la marca. No hay nada que decir que un logotipo cuadrado deba tener una apariencia rígida, pero esta es una opción bastante común.
Los cuadrados son populares porque la forma es reutilizable en varios lugares, incluidas las redes sociales y para convertirlos en un icono de aplicación.
Icono de logotipos
A medida que diseñamos más cosas para pantallas pequeñas, hay una tendencia a simplificar y simplificar. Lo mismo ocurre con esta tendencia, donde un icono simple puede servir como el logotipo de la esquina pequeña.
El truco para hacer que esto funcione es que la imagen tiene que ser? Icónica? y lo suficientemente simple como para que sea fácil de leer y entender en el tamaño súper pequeño. No todos los iconos funcionarán o se sentirán apropiados en tamaños más pequeños.
Debido a que esto puede ser bastante complicado, la mayoría de los diseñadores que optan por ir a esta ruta están usando íconos negros o blancos de un solo color con unas pocas líneas simples. Si bien algunos de estos iconos representan ciertas imágenes, como el ladrón de trenes (arriba), muchos otros usan formas geométricas. Con un logotipo de icono, muchas de las decisiones se remontan a la identidad de su marca. ¿Tienes un icono con el que los usuarios se identifican? ¿Funciona en este contexto?
Logotipos
Cuando se trata de pequeños logotipos, los logotipos pueden ser una de las mejores alternativas para la mayoría de los diseños de sitios web. Para las marcas con un logotipo, la solución ya está incorporada. El logotipo probablemente se diseñó con la idea de que tenía que funcionar en todos los tamaños en mente.
El verdadero truco para logotipos en la esquina superior del diseño para garantizar que no se pierdan. Los logotipos que usan estilos de letra súper delgados o que incluyen palabras súper cortas pueden necesitar más peso que aquellos con palabras más largas o que tienen fuentes más gruesas. La ubicación debe ser determinada por el peso visual, no solo una guía de píxeles.
También es importante considerar el fondo donde vivirá el logotipo. Asegúrese de que el logotipo permanezca visible en todas las páginas. Intente evitar fondos con otros elementos de tipo o patrones excepcionalmente ocupados para una máxima legibilidad.
? Aplicación? Estilos de iconos
El estilo del icono de la aplicación también funciona de maravilla en los sitios web y proporciona un elemento de diseño multipropósito. La ubicación y el diseño son a menudo similares a la idea detrás del logotipo cuadrado, pero los íconos de estilo de las aplicaciones a menudo están alejados de los bordes del lienzo un poco más, pueden incluir más color y a menudo se consideran un logotipo de marca secundaria.
Este estilo puede ser muy divertido para jugar, pero es importante asegurarse de que su identidad no se pierda si utiliza una marca menos común. Considere incorporar el nombre de la marca y el logotipo principal en otros lugares para mantener la conexión visual que los usuarios esperan.
Los sitios web basados en aplicaciones a menudo usan este estilo porque el ícono de la aplicación es su marca y reconocimiento del usuario. Para hacer que la experiencia sea un poco diferente para los usuarios que acceden al sitio web en lugar de a la aplicación, agregue un toque de movimiento o desplace la animación al logotipo para sorprender y deleitar.
Encogerlo
Dependiendo del logotipo, es posible que no necesite ningún trabajo adicional o un nuevo diseño para usar esta tendencia. Simplemente tome el logotipo, enciéndalo y ábralo en la esquina superior. Suena bastante fácil, ¿verdad?
Aquí está el truco: su logotipo ya debe incluir todos los componentes de legibilidad en un tamaño pequeño. Para la mayoría de las marcas, esto significa que el logotipo debe estar solo en un elemento de tipo de navegación sin mucho color u otra imagen.
One Happy Camper (arriba) hace esto con bastante éxito.El logotipo se reduce a? Tamaño de la esquina pequeña? y contenido dentro de una barra de navegación blanca. El color del logotipo principal se transmite a través del área de contenido principal del sitio web, lo que efectivamente llama la atención desde el logotipo hasta el mensaje y viceversa.
Colores
Los logotipos de esquinas minúsculas tienden a presentar mucho blanco y negro. Pero ese no tiene que ser el caso. Todo se basa en la colocación.
Los colores brillantes y atrevidos siguen siendo importantes gracias a las influencias del diseño plano y del material. Estas opciones de color también pueden funcionar en el pequeño espacio. El truco para colorear es agilizar otros elementos para que haya mucho contraste. Los elementos diminutos pueden perderse fácilmente si hay demasiados eventos en un espacio de la competencia.
Por otro lado, la naturaleza rígida de un logotipo en blanco y negro o blanco o negro puede proporcionar el contraste adecuado para diferenciarlo de un fondo ocupado. Para los diseños donde el logotipo aparece en la parte superior de una imagen o video de héroe, esta es a menudo la mejor opción en términos de legibilidad.
Logo-Balance de navegación
Los logotipos minúsculos pueden presentar desafíos únicos al planificar la navegación. ¿La navegación tiene que ser pequeña también? ¿Cómo puede crear equilibrio sin abrumar los elementos o mirar desequilibrado?
Hay un par de soluciones.
- Cree un elemento de navegación de equilibrio, como un pequeño logotipo cuadrado y un icono de navegación de hamburguesa complementario con un menú oculto.
- Cree un contenedor para el logotipo y la navegación para que trabajen juntos.
Ambas opciones pueden funcionar igualmente bien. Mientras los usuarios puedan acceder a la información con facilidad, el diseño funcionará. Piense en sus usuarios y sus hábitos antes de tomar esa decisión.
Conclusión
Tiny es la nueva gran cosa. Un sabio diseñador dijo una vez que si puedes hacer que algo funcione en un tamaño pequeño, funcionará en cualquier lugar. Tal vez ese sea el desafío para los diseñadores: crear algo que funcione a la perfección en un nivel micro.
Lo que es particularmente bueno de los logos de las esquinas diminutas como tendencia es que es utilizable. No tiene que someterse a un rediseño para usar este concepto y puede agregar una característica moderna con solo un pequeño diseño tweak.