Tendencias de diseño esencial, junio de 2016
Los diseñadores están cambiando las reglas del diseño web, gracias a la resolución creativa de problemas. El sonido de reproducción automática, mezcla de imágenes reales e ilustradas e incluso logotipos de capas en la parte superior de las fotos son algunas de las mejores técnicas de diseño en este momento y los tres conceptos fueron considerados tabú no hace mucho tiempo.
Esto es lo que está en tendencia en el diseño este mes:
1. Sonido de reproducción automática
No hace mucho tiempo, la regla no era incluir sonido en su sitio web a menos que fuera opcional. Y definitivamente no irías a la ruta de reproducción automática.
Esas tablas han cambiado! Lo que solía ser una característica de diseño intrusivo y de ancho de banda se está volviendo bastante común.
El sonido se está utilizando especialmente para un par de tipos de sitios web diferentes: para contenido relacionado con los medios, como música, películas o noticias, y para diseños de tipo juego o argumento. El truco para usar el sonido es que debe incluir un botón de activar / desactivar para los usuarios que aún desean interactuar con un sitio web en silencio.
El sonido es que no debería sorprender a los usuarios. Muchos sitios, como Este era el teléfono de Louise , que utilizan el sonido de reproducción automática están usando un buffer de tipo para mostrar que el contenido de sonido se está cargando. Combine esta acción de carga con un interruptor de palanca y los usuarios pueden determinar si el sonido es para ellos o no antes de que el sitio haga el primer ruido.
Otro truco cuando se trata de usar sonido es comenzar suavemente. No quiere que los usuarios salten de sus sillas porque su diseño se abre con una grieta de heavy metal. Todo suena a crescendo desde casi un susurro hasta el volumen completo en los primeros segundos.
Finalmente, es importante que el sonido (especialmente cuando se reproduce automáticamente) sea una parte vital del contenido que contribuye a la experiencia general del usuario. No use sonido solo porque quiera probar algo nuevo; Úselo con propósito. También tenga esto en cuenta: incluso con el sonido como parte del diseño, muchos usuarios accederán al contenido sin él. Diseña sabiamente
2. Mezcla de fotos e ilustración
Puede ser una técnica difícil de llevar a cabo, pero se ha cruzado la línea entre la fotografía y la ilustración. Mezclar elementos reales y dibujados a mano puede agregar un aire de extravagancia a un proyecto que es tanto divertido como visualmente intrigante.
Hazlo sin ser cursi para tener un impacto duradero en los usuarios. Aqui hay algunas sugerencias:
- Use ilustraciones para iconos y botones, y fotografías para un impacto visual dominante
- Cree un patrón visual que use principalmente ilustraciones, pero agréguele áreas cortas de video o imagen para enfatizar
- Agregue elementos animados ilustrados para un toque de algo diferente cerca de las fotos
- Cree una insignia o logotipo ilustrado para usar con las fotos de la marca o en los envases que aparecerán en las imágenes de la marca
- Use la ilustración para ayudar a guiar a los usuarios a través de otras imágenes y contar una historia
Taylor hizó es un gran ejemplo de este enfoque de combinar y combinar fotografía e ilustración. Una compañía de planificación financiera no es un lugar donde podría esperar encontrar esta técnica en acción, pero es efectiva. Las ilustraciones animadas en el fondo de fotos de personas añaden interés a lo que de otra manera podría ser un aburrido tiro en la cabeza. Las estadísticas de vuelo flotante animan la atención del usuario y fomentan el desplazamiento. Se utilizan aún más ilustraciones en la iconografía de los sitios para alentar los clics y agregar un toque visual a las partes con texto pesado del diseño.
3. Insignias en la parte superior de las imágenes de héroe
Las insignias están donde sea que mire ahora mismo. Desde el diseño del logotipo hasta los estilos de tipografía retro vintage que podrían denominarse favoritos de hipster, estos elementos simples se han convertido en una parte básica de los estilos de diseño minimalistas. También son una opción común para los diseños que pueden faltar en la fotografía.
Sin embargo, eso está cambiando a medida que más diseñadores usan insignias con fotografías estelares en imágenes de héroes. La tendencia se ejemplifica con una sola imagen de héroe (normalmente no un control deslizante) con una insignia blanca o semitransparente en la parte superior. Las insignias a menudo se centran horizontal y verticalmente, aunque las ubicaciones pueden variar.
Es una foto llamativa al contraste del logotipo (o texto). Lo que hace que esto funcione es que la imagen grande atrae a los usuarios. La insignia sirve como un punto focal para lo que a menudo es una imagen algo débil o floja. (Eso no quiere decir que las imágenes utilizadas en este tipo de estilo sean malas, pero se benefician de la ayuda de una insignia).
Esta tendencia es una evolución de algo que hemos visto por un tiempo con encabezados de imágenes de héroes. Las opciones de tipografía de gran tamaño y audaces fueron la locura del año pasado. Este es un cambio natural debido a la popularidad de los estilos de insignia y la similitud entre el uso de tipo e insignias de gran tamaño.
- Ambos tienden a ser de color blanco o tipo de luz
- Ambos tienden a enviar a casa un mensaje único a los usuarios
- Ambos trabajan en diseños que no tienen muchos elementos visuales que compiten
- Ambos son audaces y atrevidos porque solo ofrecen a los usuarios un punto de entrada real
- Ambos funcionan excepcionalmente bien con stock photography
- Ambos estilos ofrecen una solución visual audaz cuando no tienes muchas opciones de fotos
- Ambos estilos se prestan para agregar un toque de animación en otros lugares (como un estado de desplazamiento) para atraer a los usuarios porque no hay muchos otros elementos en movimiento, como un control deslizante de imagen o video.
Lo bueno de una gran insignia es que también puede servir como una marca doble. (Esta es una gran opción para pequeñas empresas o sitios de cartera). Crea una insignia con la idea en mente de que será tu logomarca. Diseñe el color y las versiones blancas para mezclar y combinar según el uso. Esta funcionalidad adicional es otra razón por la cual las insignias son tan populares en este momento.
Conclusión
¿Eres lo suficientemente valiente como para agregar música de reproducción automática al diseño de tu sitio web o mezclar imágenes reales e ilustradas? Ambas tendencias vienen con un elemento de riesgo y oportunidad de pago. Si aún no está preparado para estas tendencias, incorporar una insignia sobre una imagen de héroe es algo que puede funcionar para casi cualquier tipo de esquema de diseño. También puede hacer este ajuste sobre la marcha y usarlo según sea necesario.
¿Qué tendencias estás amando (u odiando) en este momento? Me encantaría ver algunos de los sitios web con los que está fascinado. Déjame un enlace en Twitter ; Me encantaría saber de ti.