Tendencias de diseño esencial, febrero de 2016
¿Busca una actualización del sitio web y no sabe por dónde empezar? Algunos de los elementos más modernos en diseño web ahora son divertidos estéticamente y bastante fáciles de usar.
Agregar una característica de moda a su diseño actual, o nueva construcción, puede ayudar a crear un ambiente moderno que puede ayudar a atraer visitantes a su sitio. Y lo que es particularmente bueno acerca de este tri de tendencias es que puedes usarlas con elementos existentes, colores y paletas tipográficas y de marca.
Esto es lo que está en tendencia en el diseño este mes:
1. Esquemas de colores de Duotone
Las paletas de colores Duotone han existido durante mucho tiempo, pero la toma reciente agrega un efecto de lavado de color a un gradiente de duotono para un efecto de pantalla completa y alto impacto. Es algo que se extendió de una manera importante con el diseño plano, pero gracias al impresionante uso de Spotify, el duotono está de vuelta.
Entonces, ¿qué es exactamente duotone?
Es el uso de dos colores para formar una paleta. En la forma más básica, duotone es una combinación complementaria de la rueda de colores. En usos más complejos, los diseñadores están usando todo tipo de combinaciones de colores y rompiendo las reglas con emparejamientos.
La mayoría de los efectos de duotono tienen una superposición de colores brillantes en la parte superior de una imagen. El efecto duotono resalta los tonos oscuros y las luces y crea un impacto visual con un color impresionante. Spotify lo usa de una manera excelente para hacer fotos de artistas estándar que probablemente haya visto docenas de veces con la apariencia suficiente como para llamar la atención.
Es una técnica que puede usar de varias maneras. Funciona con casi cualquier concepto de diseño y se puede utilizar como un elemento de pantalla completa, como muchos de los ejemplos anteriores, para crear arte dominante. También se puede usar para crear un fondo interesante, para acentuar los elementos de la interfaz de usuario o para ayudar a agregar énfasis a una parte específica del diseño. Duotone funciona mejor cuando se usa para un solo elemento de diseño. La técnica puede ser abrumadora y debe usarse con moderación.
2. Diseño de pantalla derramada
Los sitios web que presentan un diseño de pantalla dividida están creciendo exponencialmente. La técnica de diseño presenta dos paneles de contenido uno al lado del otro. La mayoría de estos conceptos usan un contorno simétrico para que cada lado de la pantalla tenga el mismo tamaño y forma.
El resultado es una experiencia genial de contenido dual en computadoras de escritorio y (cuando está codificado correctamente) una gran experiencia de pantalla por pantalla en dispositivos más pequeños, donde los paneles se colapsan y se apilan los elementos de desplazamiento.
Las oportunidades de diseño con la tendencia de pantalla dividida son ilimitadas: mitad y mitad de divisiones, divisiones con tarjetas o elementos de estilo de cuadrícula, una división sutil y la lista continúa. Cada lado del diseño también puede llevar a los usuarios a diferentes tipos de contenido y ayudarlo a recopilar valiosos análisis de los usuarios sobre el tipo de contenido que la gente quiere ver y hacer clic en.
Los diseños de pantalla dividida son fáciles de usar, funcionan bien en marcos sensibles y no dominan otras técnicas de diseño que quizás desee utilizar.
Aquí hay algunas maneras de dividir la pantalla de manera efectiva:
- Combina el color y la tipografía cuando no tengas imágenes fuertes.
- Enfoque la atención del usuario con movimientos de izquierda a derecha que den como resultado una acción.
- Use el bloqueo de color para dividir la pantalla y déle a su mensaje mucho espacio mientras aumenta la legibilidad.
- Piense en una pantalla dividida como tarjetas de gran tamaño. Apile los elementos del contenedor en un patrón de mosaico o estilo de mampostería para mostrar diferentes piezas de contenido.
- Mantenga cada "pantalla" simple. El truco para este concepto de diseño es la pantalla dividida. Un estilo minimalista puede ayudar a enfatizar el contenido.
3. Tipografía en un espacio compartido
Esta es una de esas tendencias que casi tienes que ver para entender: la tipografía se está extendiendo a espacios compartidos en el diseño. Mira la mayoría de los sitios web y hay imágenes y fondos y escribe. Los elementos se hacen juntos, como tipo en una imagen, o están completamente separados.
Más diseñadores están rompiendo ese formato y creando proyectos donde el tipo se extiende a los espacios de otros elementos. Es interesante y divertido de ver.
También puede ser un desafío crear, debido a las preocupaciones sobre la legibilidad.
La técnica funciona mejor con tipografía simple, como un sans serif de carrera media. El texto debe tener un gran contraste para destacarse del fondo y de cualquier elemento al que cruce o cruce. Por esta razón, la mayoría de los diseños que usan esta técnica usan letras blancas o negras.
El texto también necesita tener algún tamaño para que esto funcione. Casi tan importante como el contraste de color, es el contraste en tamaño y espacio. También debe tener especial cuidado en cómo se mueve el texto con diferentes tamaños de pantalla o puntos de interrupción para que las letras no cubran las áreas de la imagen que son vitales para su mensaje.
Uno de los ejemplos más sorprendentes de esto es de Deux Huit Huit (querrá visitar el sitio para obtener el efecto completo). Las letras se desplazan a través de la imagen principal en la página de inicio. Las palabras son legibles cuando se "caen" de la imagen y cruzan el espacio entre la foto y el fondo.
Conclusión
Si bien muchas tendencias de diseño aparecen y desaparecen casi tan rápido como comienzas a reconocerlas, las que se quedan suelen funcionar bien con otras técnicas comprobadas con el tiempo. Eso es lo que más destaca de este trío de estilos modernos. Cada uno se puede trabajar en un diseño para darle un toque de novedad. Estas técnicas son bastante fáciles de implementar (y eliminar más adelante) sin destruir toda su estética.
Pruebe una de estas técnicas para una actualización visual. Piensa en salir un poco de tu zona de confort con opciones de colores llamativos o un cambio solo a tu página de inicio. O vaya un poco más audaz y pruebe una combinación de técnicas modernas para un diseño que realmente se destaca. (¿Notaste que el sitio web de Stikwood utiliza dos de las tendencias: diseño de pantalla dividida y tipografía en un espacio compartido?)
¿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.