Tendencias de diseño esencial, marzo de 2017
Aquí está el punto de énfasis ...
Ese es el tema de este mes. Esta colección de tendencias se centra en agregar énfasis al diseño con detalles específicos, desde cursivas hasta pantallas divididas, hasta fondos nítidos y minimalistas combinados con un truco o dos.
Esto es lo que está en tendencia en el diseño este mes:
1. Pantallas divididas
El diseño de pantalla dividida fue algo que comenzó a ganar fuerza a mediados de 2016 y ahora es un gran negocio. Examine las colecciones de diseño de sitios web y los contornos de pantallas divididas están en todas partes.
Lo bueno es cuán rápido ha evolucionado el estilo. Los primeros diseños de pantalla dividida presentaban diseños principalmente simétricos con estética de estilo yin y yang. Las nuevas pantallas divididas tienen una sensación más "todo vale".
Los tres ejemplos a continuación muestran tres formas muy diferentes de usar la misma tendencia.
- Rency usa un diseño dividido para contener un video en bucle y la navegación principal. El contraste entre el área blanca y el rojo es intenso y fuerza la vista a través de la pantalla. También garantiza que el usuario encuentre la navegación porque es el único elemento dentro de la parte coloreada del diseño.
- GECN es un sitio gubernamental complejo que usa una pantalla dividida para transmitir dos ideas diferentes con dos enlaces inmediatamente en el diseño. Si bien la división no es a pantalla completa y contiene mucho texto, esta es una buena alternativa para un diseño con muchas llamadas a la acción, bases de usuarios o contenido complicado.
- Tímido utiliza un concepto similar al de Rency pero con un giro: el diseño presenta un bucle de video de pantalla completa y la mitad está cubierto con una caja de color tintada. Todos los elementos en los que se puede hacer clic se encuentran dentro del área tintada y el menú de navegación está oculto en la esquina superior derecha del video.
Lo que cada uno de los ejemplos tiene en común es que el diseño de pantalla dividida agrega énfasis al contenido. Ayuda a conducir a los usuarios a elementos específicos en el diseño mediante el uso de color y con movimiento real o percibido, gracias a "pantallas" contrastantes.
La mejor parte de los nuevos diseños de pantalla dividida es que hay un flujo asimétrico para ellos. Los diseñadores no están atrapados en un formato yin y yang y el resultado son patrones visuales mucho más interesantes.
2. Cursiva
Uno de los estilos de caracteres menos usados es obtener más juego como una opción de visualización.
Las letras cursivas se abren paso en las paletas de tipografía de los diseñadores, y no solo por el énfasis ocasional. Se utilizan más cursivas para mostrar tipos de letra, elementos secundarios como enlaces o elementos de menú o para un énfasis más amplio.
Las letras cursivas son una nueva versión de los estilos de texto típicos. Debido a que no son tan ampliamente utilizados, esta tendencia es una que seguramente llamará la atención de los visitantes, incluso si no están seguros de qué es lo que llama la atención en primer lugar.
La cursiva es un cambio sutil que ni siquiera requiere una nueva paleta de tipografía. Vienen con algunas advertencias y sugerencias sobre mejores prácticas.
- Para aprovechar al máximo las cursivas, utilícelas con moderación para pequeños bloques de texto.
- Use una tipografía altamente legible si planea poner en cursiva; las opciones de novedad pueden ser complicadas.
- Use la letra cursiva y no intente crear su propia versión inclinando letras. (Eso puede ser complicado a toda prisa.)
- Use cursivas para representar elementos comúnmente en cursiva, como el título de algo, como vitrinas en muchos de los ejemplos a continuación.
- Combina cursiva con un efecto simple, como una animación o color, para aún más énfasis.
- Como la letra cursiva puede ser un poco más difícil de leer, asegúrese de que haya suficiente contraste entre el tipo y el fondo.
- Empareja las opciones de tipo cursiva con un tipo de letra simple serif o sans serif para no restar valor a la cursiva.
3. Fondos sólidos con un 'truco'
Una de las formas más fáciles de crear énfasis visual es con elementos contrastantes. Mientras que un fondo de color sólido puede parecer liso o plano, puede ser el lienzo perfecto para un truco de diseño, como la animación, la ilustración o el sonido.
El contraste entre la crudeza del fondo y el truco, ayuda a dar vida al elemento de la interfaz de usuario. Desde los simples cuadrados rebotando en el Diseño 3K a la divertida caricatura de Retrace Health para el desplazamiento de paralaje de Florian Monfrini .
Cada uno de los efectos se destaca por la simplicidad del fondo. Además, estos fondos tampoco interfieren en el diseño. Cada uno es blanco o pastel y se desvanece de los primeros planos para que los usuarios se concentren en los mensajes del contenido principal. (Los fondos oscuros negros o simples pueden funcionar igualmente bien).
Por eso funciona: los usuarios no quedan atrapados en el lienzo y el diseño casi sale de la pantalla. Es casi como arte en una pared. Si la pared está pintada con colores y diseños salvajes, puede ser difícil ver la imagen enmarcada por la que estás allí, pero una pieza de arte en una pared blanca es una obra maestra.
Esta tendencia de diseño crea una obra maestra para ese truco que has querido incorporar a un proyecto. Puede ser casi cualquier cosa. Y será lo más destacado del diseño con un lienzo simple para mostrarlo.
Una precaución cuando se planifica una opción de color para un fondo simple: para mayor impacto, adhiérase a un color blanco, negro o neutro. Los colores brillantes y audaces son casi un truco de diseño en sí mismos y pueden restar valor a su objetivo.
Conclusión
Cada diseño necesita poner énfasis en algo. Es por eso que este grupo de tendencias es muy refrescante. Cada uno subraya algo importante para los usuarios con una forma fácil de entender de dar énfasis. Los usuarios saben exactamente lo que significa la cursiva y pueden ver la variación en las pantallas divididas o en los fondos que contrastan con los elementos de la interfaz del usuario.
¿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.