3 tendencias de diseño esencial, julio de 2017
Este mes la atención se centra en los elementos de diseño. Muchas tendencias recientes han involucrado patrones de usuario, color o tipografía, pero aquí se trata de técnicas sutiles. Las tendencias esenciales a tener en cuenta incluyen la navegación de página reducida, cuadros como elemento de diseño y un montón de líneas verticales y movimiento.
Esto es lo que está en tendencia en el diseño este mes:
1. Navegación hacia abajo
Los diseñadores parecen estar en una fase bastante experimental cuando se trata de navegación en estos días. Desde las opciones de navegación vertical y lateral hasta los estilos emergentes, los elementos del menú están por todas partes.
Mientras que la navegación de página de inicio solía ser un no-no distinto, puede crecer en ti. Y a medida que más diseñadores opten por este patrón de usuario, será más generalmente aceptado. Aquí hay una palabra de advertencia: si opta por la navegación de página de inicio, esté atento al análisis del sitio web para asegurarse de que sus visitantes comprendan el patrón y continúen haciendo clic. Esta técnica podría no funcionar para todos los públicos.
Entonces, ¿cómo lo haces funcionar?
- Los mejores estilos de navegación de página reducida se aplican a diseños simples. Una página de inicio sin scroll y solo un puñado de páginas es la mejor.
- Los elementos de navegación de página secundaria deben estar en el lado grande para que los usuarios no los pasen por alto.
- Los elementos adhesivos son necesarios si la página tiene un desplazamiento más largo.
- Considere la navegación de página anterior en la página principal como una alternativa nueva, pero regrese a un patrón más tradicional en las páginas interiores.
- Úselo con un marco mínimo. La navegación descendente puede perderse fácilmente en un diseño que es complejo o tiene muchos elementos que compiten por la atención del usuario.
- Incluye un elemento de diseño "extra" para impulsar a los usuarios hacia la navegación. Esto podría incluir cualquier cosa, desde una opción de color audaz a una visual direccional que ayude a orientar la vista hacia la navegación en una ubicación no tradicional.
2. Cajas como elementos de diseño
Esta podría ser una de las tendencias más llamativas y versátiles de los elementos en caja de 2017 con fines estéticos puros.
Las cajas son un gran contenedor, como hemos visto a partir de la tendencia de la tarjeta, pero los diseñadores están trabajando con cajas para resaltar el contenido, mostrar imágenes y atraer la atención hacia una parte determinada del lienzo. Y funciona maravillosamente.
Lo bueno de esta tendencia es que es muy versátil. No tiene que replantearse todo un diseño para usar elementos encuadrados. Pueden servir como visuales puros o vincular a otro contenido. Una caja puede contener casi cualquier cosa, desde una gran imagen hasta una llamada a la acción.
Algunos consejos para sacar el máximo provecho de un elemento de diseño en caja incluyen:
- Use una caja para crear profundidad o enfoque, como Cedrick Lachot , abajo. La foto en el fondo negro es simple, y el texto blanco en la parte superior agrega énfasis a la forma rectangular y otros cuadros seleccionables en la página principal y en todo el diseño.
- Usa una caja para colocar elementos en la capa. Feudi Di San Gregorio A continuación, usa una caja para llamar la atención sobre una parte muy específica del contenido con una técnica de capas que la hace sentir parte de la imagen. Mire de cerca las manos en relación con la caja. Este mismo concepto se usa para múltiples imágenes en el desplazamiento horizontal y agrega una capa adicional de hermosa complejidad al diseño simple.
- Use una caja para crear flujo. Beoplay , a continuación, utiliza cajas apiladas con imágenes para crear una ruta a través del diseño. Cada cuadro se anima a partir de una serie de cuadros más pequeños para atraer al usuario y alentar el desplazamiento.
- Use un cuadro para crear un elemento accionable, como una llamada a la acción emergente, en la parte superior del diseño.
- Use cuadros para crear un diseño con tarjetas en el estilo Material Design. Si bien esta tendencia ha existido por un tiempo, sigue siendo una opción popular, especialmente para diseños basados en dispositivos móviles.
3. Líneas verticales
No siempre piensas en la web como un espacio vertical, pero cada vez más diseñadores incorporan elementos muy verticales en los diseños.
Desde líneas delgadas para establecer el flujo hasta las fotos con distintos elementos ascendentes y descendentes, los elementos verticales pueden ayudar a dirigir a los usuarios a través de un diseño, fomentar el desplazamiento y hasta enfocar la atención en ciertos elementos. Como una ventaja adicional, los elementos verticales son visualmente interesantes simples porque no son tan comunes como los elementos horizontales, cuadrados o circulares.
Algunas de las ganas de pensar más verticalmente podrían comenzar en tus manos. Si bien la mayoría de los sitios web para computadoras de escritorio viven en el espacio estándar de 16: 9, el acceso a los sitios web en teléfonos y tabletas a menudo se vuelve hacia un lado con una orientación más vertical. (En el caso de muchos teléfonos móviles, esta orientación es claramente vertical).
Eso hace que los acentos verticales y los patrones de usuario sean más comunes y más aceptados por los visitantes del sitio web. No se opondrán al diseño ni se preguntarán cómo interactuar con él. La orientación vertical es bastante convencional.
Hay muchas maneras de incorporar una sensación vertical a un diseño.
- Pruebe un fondo con líneas verticales sutiles para crear textura.
- Crea un collage de imágenes con formas verticales.
- Use líneas verticales sobre la imagen principal para establecer la profundidad entre capas de elementos, como fotos o videos y texto.
- Use un barrido animado verticalmente para separar elementos en un deslizador de imagen.
- Planifica imágenes con un enfoque vertical.
- Considere un diseño de pantalla dividida para que cada lado tenga una relación de aspecto más orientada verticalmente.
- Use un patrón de fondo de objetos pequeños en una alineación vertical.
- Apila iconos o elementos en lugar de colocarlos en la pantalla.
Conclusión
Cada vez que considere usar una tendencia en un proyecto de diseño, hay un elemento de riesgo involucrado. ¿Cuánto tiempo la tendencia será popular? ¿Hará que el diseño parezca anticuado?
En lugar de optar por opciones de sitios web de moda a gran escala, considere un elemento de moda como los anteriores. Estos elementos pueden ser más fáciles de incorporar al diseño (e igual de fáciles de eliminar si no te gustan más adelante). El truco para mantener un estilo moderno está en los detalles; no requiere un diseño nuevo cada seis meses.
¿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.