10 tendencias de diseño gráfico inspiradoras

Como dicen, “todo lo viejo es nuevo otra vez”, y este será un año de modernización de las tendencias de diseño gráfico del pasado y de divergencia del paisaje de diseño (literalmente) plano de los últimos años. El minimalismo y la simplificación se mantendrán, pero esperamos ver a algunos viejos favoritos hacer su regreso al centro de atención con un aspecto moderno y actualizado.

; Echa un vistazo a las últimas tendencias de diseño gráfico aquí

Si te sientes a la moda y quieres añadir un toque contemporáneo a tus diseños, echa un vistazo a las tendencias que sorprenderán a tus clientes.

Aquí hay 10 tendencias de diseño gráfico para ver:

1. Logotipos sensibles

Han pasado 10 años desde que el diseño sensible comenzó a revolucionar la web, y desde entonces se ha convertido en el estándar de la industria. El rápido aumento de la navegación móvil (y un sinfín de dispositivos y tamaños de pantalla) ha creado problemas críticos de usabilidad para los sitios web tradicionales. Los diseñadores y desarrolladores comenzaron a experimentar con diversas formas de hacer que los diseños se adapten al dispositivo del usuario como una solución de un sitio web para todos. Esto sentó las bases de lo que se conocería como “diseño sensible”.

La idea de alterar los logotipos para satisfacer las mismas demandas de los usuarios ha permanecido impensable hasta ahora. Las compañías han estado actualizando sus logos en versiones modernas y simplificadas en los últimos años y el diseño de logos receptivos es el siguiente paso lógico para satisfacer las demandas de hoy en día.

Seleccione ejemplos de “Logos receptivos”. A través de Joe Harrison

El diseñador digital y de interacción Joe Harrison creó un proyecto experimental llamado “Responsive Logos” para explorar la creación de logotipos escalables para algunas de las marcas más grandes del mundo.

A través de Skype

A través de Google

2. Gradientes (y también los llamamos transiciones de color)

Superposición de imagen degradada con animaciones de transición de color para añadir un destello. A través de NYC Pride

En el pasado no tan lejano reinaban los gradientes supremos. Se encontraban en cada botón de la página web, en el encabezado de la página y en la presentación de PowerPoint. Tu PDF corporativo no era genial a menos que un gradiente adornara la portada. Luego, a finales de 2007, fueron dejados de lado cuando abrazamos una era de diseño plano.

Stripe utiliza fondos de gradientes vibrantes para complementar las ilustraciones semi-planas. A través de Stripe

El diseño plano está evolucionando, y los gradientes están volviendo a la actualidad como una mejora del diseño plano. Esta mejora es parte de una actualización del diseño a menudo llamada “plano 2.0” o “diseño semi-plano”. Su reaparición en iOS y su adopción por parte de líderes de la industria como Stripe e Instagram han solidificado su popularidad una vez más, y los verá en forma de una interfaz de usuario vibrante, marcas, fondos, ilustraciones y superposiciones.

Las transiciones de colores vivos y la tipografía del Grupo Elje están a punto para el 2018. Via Elje Group

Asana combina gradientes, ilustraciones y sombras para un moderno y plano aspecto 2.0. Via Asana

También estamos viendo un aumento en el uso del término “transiciones de color” al referirse a los gradientes. Mientras que los términos parecen usarse indistintamente, “transición de color” se refiere más a menudo a la aplicación moderna que es vibrante, suave y “más plana” y que encaja con la estética del diseño plano.

Diseño del logo del espacio de trabajo para helloT7 por shaka88

Aplicación de gimnasia para flexiones para SmoothMobile, LLC por Nashrulmalik

Concepto del logo de Aquatta por artsigma

3. Más profundidad (con diseño semi-plano)

Diseño de la tarjeta para la aplicación del juego Galaxii por Boorykin

Los hemos visto mucho últimamente, y es seguro decir que las sombras están oficialmente de vuelta en 2018. Al igual que los gradientes, las sombras fueron dejadas en segundo plano al quitar el realismo y el skeuomorfismo de nuestros diseños a favor del minimalismo extremo y el diseño bidimensional.

En retrospectiva, la profundidad era una herramienta valiosa para ayudar a los usuarios a determinar la jerarquía visual, los campos de entrada y las llamadas a la acción en la pantalla. Los diseñadores habían estado experimentando con “sombras largas” como un medio aceptable para añadir más dimensión a sus diseños planos cuando Google Material Design reintrodujo las sombras reales como una mejora de su interfaz de usuario. La idea se extendió rápidamente fuera de Diseño Material y los diseñadores comenzaron a reintroducir sombras propias. Estas sombras eran grandes, suaves, a veces coloreadas y añadían una profundidad y dimensión sutiles, a diferencia de sus predecesoras duras y sobreutilizadas, las “sombras gota a gota”.

Un ejemplo de diseño de materiales. Via Inbox de Gmail

Las grandes y suaves sombras ayudan a determinar la jerarquía y la interactividad en este impresionante sitio de Diseño de Material. A través de Android

Puede que a los puristas no les guste, pero la profundidad ha demostrado que puede encajar en el espíritu evolutivo del diseño plano mejorando la usabilidad y la simplicidad, ambos principios básicos del diseño plano. En el futuro verán que las sombras se convierten en un elemento básico del movimiento de diseño “semi-plano”. Ya estamos viendo que se utilizan para mejorar los iconos y las ilustraciones, así como los sitios web, las interfaces de las aplicaciones e incluso los diseños de impresión.

Sutiles sombras ayudan a los componentes de la interfaz de usuario a aparecer en este diseño único. Diseño de la página principal del codecourse por His-P Design Studio

Sutiles sombras ayudan a los componentes de la interfaz de usuario a aparecer en este diseño único. Vía UI base para Sketch

4. Dashing duotones

Panel del calendario de AfriSam 2018 Corporate Stationary. Via Katt Phatt, Andrew Footit, Promise Luxe™, charlette hepworth, Ali Cordeiro, Copywriter, Nic Kostouros, Sherilea Gaspar

Los duotonos se crean tradicionalmente a través de un proceso de impresión de medios tonos donde un medio tono se imprime sobre otro de un color contrastante, creando una imagen de dos tonos. Esta técnica de impresión fundamental ha encontrado nueva vida en los medios digitales. Los programas de imagen han facilitado más que nunca la creación de duotonos, así como las variaciones relacionadas como monotonos, tritonos, cuatritonos y “falsos duotonos” (imágenes teñidas).

Spotify utiliza imágenes duotono para la marca y la portada. A través de Spotify

Spotify ha sido acreditado con su retorno al diseño convencional mediante el uso de imágenes duotono en su aplicación y micrositios promocionales. Los diseñadores están aprovechando esta técnica ya que las imágenes creadas dentro de una paleta de colores limitada son deliciosamente complementarias al diseño semi-plano.

Con colores atrevidos y hermosas posibilidades de aplicación, se predice que los duotonos serán una de las tendencias más candentes de 2018.

Diseño del cartel de Duotone para Gauthier, Nolet Architects. Via Jvstin Bechard

Diseño de embalaje de productos por ::scott::

Duotones se utilizan a lo largo del increíble diseño del sitio web para “Guías Multimedia de la Cultura Polaca”. Via Culture.pl

NewDealDesign utiliza imágenes vívidas de duotonos en todas partes. A través de NewDealDesign

5. Paletas; patrones inspirados en los 80 & 90

La identidad de marca inspirada en los 80 de Bliss Thai. Via Daria Kwon

Write Sketch, la línea de papelería y papeles decorativos de Daria tiene una impresionante vibración de los 80$0027s y 90$0027s. A través de Write Sketch.

Redux Saints Branding con un logo eléctrico diseñado por austinminded

Desde bonitos pasteles (“rosa milenario”, ¿alguien?) a tonos eléctricos, los esquemas de color de los 80 y 90 han estado ganando popularidad una vez más. Con el alejamiento de los diseños ultra planos, esperen ver los patrones abstractos y geométricos inspirados por la época pasar de los márgenes a la corriente principal también.

A medida que los niños de los 80 y 90 se vuelven más prominentes e influyentes como líderes de marca y como público objetivo clave, esta tendencia puede añadir emoción visual así como un toque de nostalgia a sus diseños.

La ilustración funky de Fun Employed es una amalgama de lo retro y lo plano. Via Fun Employed

El diseño nórdico es muy lindo con sus patrones geométricos y colores de neón. Via nordic.design

Los colores y patrones atrevidos alegran el paquete de muestras de la tarjeta de visita de MOO. A través de MOO

6. Movimiento: animaciones, GIFs

Puede que últimamente se oiga mucho sobre las microinteracciones, pero ¿qué son exactamente y por qué hay que usarlas? En pocas palabras, las microinteracciones son pequeñas animaciones que se utilizan para comunicarse con los usuarios y ayudarles a realizar tareas. Son una de las mejores prácticas de UX, y posiblemente una de las mayores tendencias de UX hasta la fecha.

Interacciones de la aplicación para Final. A través de Ramotion

Las microinteracciones están en todas partes y aunque no seas consciente de ellas, cada vez que recibes una notificación, como un post en Facebook o un pase a la izquierda en Tinder, estás participando en microinteracciones. Son particularmente útiles para hacer que los usuarios sientan que están manipulando una interfaz al proporcionar retroalimentación por sus acciones. Prestar atención a los detalles puede realmente llevar tus diseños al siguiente nivel.

Cuando se trata de animaciones más grandes, los GIF y los SVG son herramientas valiosas para comunicar ideas, conceptos y procesos, a la vez que hacen que el contenido sea más atractivo para los usuarios. Los GIF han recorrido un largo camino desde sus días de clip art animado y han evolucionado para encajar fabulosamente en la web moderna. Añada interés a los anuncios, boletines de correo electrónico, ilustraciones, iconos y logotipos aprovechando esta tendencia. Los logotipos animados de GIF se han convertido en una tendencia propia y es fácil ver por qué son ingeniosos, inteligentes y extremadamente atractivos.

 

Hablando de animación atractiva, ¡el cinematógrafo está volviendo! Estas imágenes animadas son esencialmente fotos fijas con un bucle de vídeo repetido para sólo una selección de la imagen. Piensen en un hermoso paisaje con un solo árbol animado que sopla en el viento. Ese contraste de movimiento en la quietud extrema se ve impactante y surrealista. Los cinemógrafos son videos o GIF animados, y puedes esperar verlos llegar a los sitios web, aplicaciones y campañas publicitarias de medios sociales cerca de ti en 2018.

7. Tipografía en negrita (¡y las serifas vuelven a la pantalla!)

Slack integra perfectamente las fuentes serif en un diseño plano. A través de Slack

Las fuentes serif ayudan a establecer el tono de este proyecto épico. A través de General Electric

Cuando se trata de la tipografía en 2018 encontrarás que cuanto más grande y audaz, mejor. Los diseñadores optarán por efectos artísticos, tamaños de fuente extra grandes y grandes titulares. Las fuentes sin gracias inspiradas en la Helvética han dominado los espacios digitales y, aunque seguirán estando tan de moda como siempre (sobre todo sus miembros de la familia extra-negrita), podemos esperar más variedad tipográfica en el próximo año.

Esta variedad incluirá fuentes más decorativas y hechas a mano, así como gasp! fuentes con serifas. Nuestros amigos de las fuentes con gracias han hecho una rápida reaparición en las pantallas, especialmente cuando se combinan con fuentes sin gracias. Con la demanda de sincronización en todos los medios, los diseñadores evitaron las serifas casi por completo para evitar la inconsistencia cuando las marcas empezaron a vivir más de su vida en línea. Con la creciente aceptación de las gracias en las pantallas (probablemente debido a las mejores pantallas y a las impresionantes opciones de las fuentes web de Google), podemos esperar un efecto dominó y que las gracias recuperen algo de su posición anterior.

admin

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Publicar un comentario