Skip to content

3 Tendencias Esenciales de Diseño, Marzo 2019

La tipografía, el color y los distintos diseños son elementos que contribuyen a cualquier proyecto de diseño. También son elementos de diseño que pueden evolucionar con el tiempo.

Eso es exactamente lo que estamos viendo este mes, ya que los elementos de diseño audaces son sólo las cosas que están haciendo que ciertos diseños de sitios web pasen a primer plano. Esto es lo que está de moda en diseño en este mes.

Bold Sans-Serifs

Las letras grandes y gruesas pueden llamar la atención y contar una historia. Y eso es justo lo que los diseñadores están haciendo con el uso de sans-serifs más audaces y gruesos en los proyectos.

Las formas más gruesas son una buena opción para la tipografía inversa o en situaciones en las que hay mucho que hacer para competir con las palabras. El desafío es que la tipografía en negrita puede ser un poco abrumadora cuando hay mucho que leer.

Por lo tanto, hay que equilibrar la visibilidad con la legibilidad.

Cuando escoja una sin-serifa audaz, busque algo que sea de peso medio y no demasiado grueso. Busque letras con una forma más redonda; no demasiado altas ni condensadas, para fomentar la lectura.

Mientras que muchos de los ejemplos que se muestran a continuación se centran únicamente en las sin-serifs audaces, el mejor consejo es combinarlas con una opción menos pesada también. (Puede mezclar y combinar los pesos negrita y regular de un tipo de letra.)

Algunos usuarios equipararán el tipo de letra en negrita de la misma manera que todas las mayúsculas, asumiendo que les está gritando. Puede evitar esto usando sin-serifs en negrita con el propósito de sólo unas pocas palabras o frases clave y equilibrar otros elementos de la pantalla para que no sea una estética pesada.

Si bien esta puede ser una tendencia algo complicada de usar, puede ver en los ejemplos de abajo que puede funcionar bastante bien. No hay nada de malo en ser audaz cuando contribuye al significado y contenido general del resto del diseño.



Texto rojo y acentos

Es como si parpadeara y el texto y los acentos rojos aparecieran de repente en todas partes.

Esta es una elección de color de acento que fue muy popular en un momento dado y que rápidamente desapareció de la moda con la aparición de los colores planos y materiales. (Los rojos más brillantes chocaban con todas las demás opciones de color brillante.)

Pero Red ha vuelto.

Esta elección de color es interesante porque es muy llamativa. También puede crear un vínculo muy emocional con los usuarios. Sólo ten en cuenta que a la gente le puede gustar mucho el rojo o realmente odiarlo; no hay mucho término medio cuando se trata de un color que está conectado con la pasión, el amor, la ira y el miedo.

En cada uno de los ejemplos de abajo, el rojo es lo que te atrae en el diseño.

Con el sitio web interactivo de Adidas para Footlocker, los elementos rojos te indican dónde hacer clic y participar en el juego. Los colores parecen “levantarse” directamente del video estilo película que se está reproduciendo en el fondo.

Branu usa letras rojas para dibujarte. Sobre un fondo blanco con un simple elemento de vídeo, es lo suficientemente nítido como para hacer que te detengas y mires.

Por último, el sitio web de la conferencia utiliza el rojo para darle la información que necesita a través de un bucle de b-roll en segundo plano. El color le ayuda a encontrar rápidamente las fechas de los eventos y señala un elemento clave en la navegación principal.

Aunque los tres tonos de rojo son un poco diferentes, no están tan separados en el espectro de colores. El uso del rojo es brillante y saturado. Es la tonalidad en la que piensas primero y con la que los niños pequeños aprenden primero a colorear. (No hay manera de suavizar esta tendencia de color en este momento.)

Más pantallas divididas

A primera vista, las pantallas divididas no son nuevas. Hemos estado hablando Рy amando en Рesta tendencia del dise̱o del Web site por un rato ahora. Y este es un concepto que parece mejorar con el tiempo.

Las últimas iteraciones de diseños de pantalla dividida son más estéticas que apiladas para una funcionalidad sensible (aunque eso es una ventaja distinta).

Las pantallas divididas tampoco están atascadas en patrones perfectamente simétricos. Ninguno de los ejemplos siguientes presenta una división perfecta, a menos que sea parte de otro elemento. Tanto los sitios de ATB como los de Yusuf Ozturk presentan animaciones dentro de la pantalla dividida de modo que los elementos de la pantalla realmente cambian para resaltar el contenido o la interactividad.

ATB utiliza la acción de flotar para mover la pantalla hacia la izquierda y hacia la derecha a medida que los usuarios eligen el camino a seguir con el diseño. Es una forma inteligente de conectar la experiencia de aprendizaje humano o de máquina.

El sitio de Ozturk se abre con una pantalla dividida en el centro con un cerebro en el centro; las acciones de flotar revelan el diseño en un lado del cerebro y el desarrollo en el otro para mostrar lo que se encuentra en el sitio de la cartera. La animación es limpia y nítida, y puedes quedar atrapado jugando con ella durante un rato.

VM Consulting tiene una pantalla dividida más tradicionalmente diseñada pero usa el lado derecho como un menú de navegación gigante. El lado azul pesado emparejado con la navegación más ligera es brillantemente equilibrado y fácil de entender. (La paleta de colores también ayuda a que este diseño brille.)

Conclusión

¿Son estas tendencias de diseño correctas o demasiado atrevidas para sus proyectos? Aunque me encanta todo lo relacionado con los diseños de pantalla dividida, no estoy 100% convencido cuando se trata de gracias gruesas y acentos rojos. (Estos parecen necesitar un uso más ahorrativo para mí.) ¿Qué te parece? Empecemos una conversación.

¿Qué tendencias te gustan (u odias) en este momento? Me encantaría ver algunos de los sitios web que te fascinan. Envíenme un enlace a Twitter; me encantaría saber de ustedes.