Krypton Solid

La última tecnología en raciones de 5 minutos

Tendencias de diseño esenciales, abril de 2016

Tendencias de diseño esenciales, abril de 2016

El diseño de sitios web se ve feliz en estos días. Tal vez porque la primavera está en el aire o tal vez solo hay una buena vibra. De cualquier manera, las tendencias en el diseño de sitios web de este mes reflejan ese sentimiento ascendente, con ilustraciones geniales al estilo de iconos, fotografías grandes y opciones de colores brillantes.

Esto es lo que está de moda en diseño este mes:

1) Ilustraciones de estilo de iconos

Es difícil no amar una gran ilustración. Algunas de las mejores ilustraciones que estamos viendo en este momento tienen más una sensación de estilo de icono. Viene con algunas características clave:

  • Elementos ilustrados planos y simples (observe cómo se combinan todas las pequeñas ilustraciones en el sitio de Confederation Studio)
  • Color brillante o coloración simple con matices primarios.
  • Formas geométricas con un propósito interactivo
  • Elementos con la apariencia del icono, menos el contenedor, para que visualmente lo veas como un dibujo y no como un botón
  • Efectos ilustrativos dibujados a mano
  • Elementos que parecen iconos, pero que ocupan mucho más espacio en el lienzo que un icono
  • Dibujos de estilo de línea simple (como el estilo de Draw a Better 2016)

Lo bueno de esta tendencia es que funciona para incorporar un elemento de fantasía en un proyecto de diseño sin sentirse abrumadoramente caprichoso. Crea un buen equilibrio entre lo artesanal y lo profesional. También adquiere una sensación algo más masculina que muchas de las otras tendencias que se centran en la fantasía, como la acuarela o las letras escritas a mano.

Incluso si no eres un ilustrador, esta es una tendencia que puedes aprovechar. Hay muchos proveedores, de pago y gratuitos, que crean kits de iconos basados ​​en vectores. Busque un kit que incluya todos los archivos de formas reales para que pueda separar piezas, cambiar colores y mezclar y combinar piezas para crear una iconografía ilustrada de gran tamaño para sus proyectos.

confederación
modificación
dibujar

2. Fotografía más grande que la vida

Una fotografía o imagen grande y llamativa causa una primera impresión impresionante. Es por eso que tantos diseñadores están seleccionando imágenes más grandes que la vida para atraer a los usuarios a los diseños de sus sitios web. Este elemento de diseño puede ser sorprendente, interesante y una gran alternativa si tiene una o dos imágenes geniales, pero no una biblioteca grande con la que trabajar.

Pero tienes que estar dispuesto a sentirte un poco incómodo para llegar allí.

Para aprovechar al máximo la tendencia de la fotografía más grande que la vida, debe estar dispuesto a hacer una de tres cosas con el diseño:

  1. Recorta una foto con tanta fuerza que ocupe una parte significativa de la pantalla, de modo que la imagen se escale a una proporción mayor que la realidad.
  2. Acérquese a un nivel casi incómodo con imágenes de personas y rostros para mostrar todos los detalles.
  3. Organice una foto estándar pero agregue un elemento que sea diferente o interesante de una manera un poco inesperada

Las tres técnicas pueden resultar bastante incómodas al principio. Los cultivos intensos, las caras muy cercanas y las rarezas pueden hacer que te sientas un poco incómodo al principio. Acérquese a lo visual para este tipo de diseño de manera un poco diferente. Comience con la opción más grande o más extraña posible. Luego retroceda en pequeños incrementos y evalúe cómo se siente acerca de la imagen. Es probable que termine volviendo a una de las opciones anteriores.

Al adoptar este enfoque, se permite ver el diseño y las imágenes de una manera diferente. Eso es lo que hace que esta tendencia sea tan sorprendente: las imágenes son diferentes. Atraen a los usuarios porque las formas, los cultivos y los estilos generales son muy diferentes de la mayoría de los sitios web a los que accede un usuario todos los días.

curaterz
épico
espeluznante

3. Opciones de colores brillantes

El color brillante y atrevido está de moda. La tendencia tiene influencias arraigadas en Material Design. Aunque Material es un estilo de diseño basado en la interacción, algunos de los componentes visuales están ganando terreno por sí solos. Esto se aplica al color en particular.

¿Por qué utilizar una paleta de colores de estilo Material si el resto del diseño no es Material? Es una forma sencilla de agregar un elemento moderno a un proyecto sin un rediseño a gran escala. Casi puede agregar un color brillante y dejar el resto del diseño solo con solo unos pocos ajustes en el CSS o las imágenes.

¿Qué es el color del material? No existe una definición perfecta, pero así es como Google lo describe: “El diseño del color en el material se inspira en tonos llamativos yuxtapuestos con entornos apagados, sombras profundas y reflejos brillantes. El material se inspira en la arquitectura contemporánea, las señales de tráfico, la cinta de señalización del pavimento y las canchas deportivas. El color debe ser inesperado y vibrante «. – https://www.google.com/design/spec/style/color.html

Si está interesado en crear una paleta de colores basada en materiales y necesita un lugar de inicio, pruebe Paleta de materiales. http://www.materialpalette.com/

Las opciones de colores llamativos son hermosas y se destacan frente a muchos de los proyectos de estilo minimalista más tenues que han sido populares. Los azules, verdes y amarillos brillantes son especialmente populares como acentos en la paleta de colores. La tendencia parece centrarse en toques de color Material, no en paletas de colores a gran escala.

Para un proyecto que realmente cautiva, se necesita algo más que un color brillante. El ambiente del proyecto debe ser igualmente brillante.

  • Observe cómo Lefty combina el verde brillante con imágenes de personas felices y sonrientes para crear un estado de ánimo positivo abrumador.
  • BNP Paribas usa un verde brillante para llevar a los usuarios a una interfaz de estilo de juego que se establece en un contexto más oscuro.
  • Big Drop usa un amarillo intenso (y azul, rojo y verde en el pergamino) con imágenes claras y una tipografía divertida para atraer a los usuarios, haciendo que el sitio de negocios parezca menos formal.

El truco para agregar toques de colores inspirados en Material Design es no perder su marca. No rehaga toda su paleta de colores basándose en una tendencia; en lugar de eso, busque la manera de incorporar colores brillantes sin abrumar el diseño. Los usos del ejemplo son excelentes formas de pensar en ello: use una forma de color simple como elemento visual, pruebe un título de colores llamativos o use paneles de colores brillantes para crear una experiencia interactiva más inmersiva para los usuarios a medida que se desplazan hacia abajo en la página.

zurdo
bnp
Gran caída

Conclusión

Es genial cuando algunas tendencias pueden hacerte feliz. Eso es lo que hace este grupo con el color, las opciones de tipo y las imágenes. Tal vez no sea solo la influencia de la primavera y seguiremos viendo estos elementos en aún más diseños en los próximos meses.

¿Qué tendencias estás amando (u odiando) en este momento? Me encantaría ver algunos de los sitios web que le fascinan. Déjame un enlace en Twitter; Me encantaría saber de ti.

Deja un comentario

También te puede interesar...

Definición de titular registrado

¿Qué es un titular registrado? Un titular registrado es un accionista que posee sus acciones directamente en una empresa. Los titulares registrados tienen los nombres y direcciones registrados en el registro de acciones de la

Telstra resistente para jefes de TI

comentario Fecha: 7 de febrero de 2007. Telstra busca un nuevo director de información. ¿Alguien está sorprendido? La compañía de telecomunicaciones más grande del país tiene un historial de arruinar y escupir a los principales

¿Qué es un Data Lakehouse?

¿Qué es una casa de lago de datos? Un data lakehouse es una arquitectura de gestión de datos que combina los beneficios de un data warehouse tradicional y un data lake. Busca fusionar la facilidad

Definición de colocación

¿Qué se pone en el servicio? La puesta en marcha es cuando una propiedad o activo a largo plazo se utiliza por primera vez con fines contables, principalmente para calcular la depreciación o para otorgar

Trucos de Elastic Load Balancing para aplicaciones de AWS

todo lo posible – Fotolia Hay algunos problemas comunes que todos los desarrolladores encuentran al ejecutar aplicaciones en Amazon Elastic Beanstalk, especialmente … si no están familiarizados con Elastic Load Balancing y Auto Scaling Groups.

Cómo ver si los contactos están en SIM

Ibas a llamar a un amigo del que no habías oído hablar en mucho tiempo. Sin embargo, al abrir la libreta de direcciones de su teléfono inteligente, tuvo una amarga sorpresa: ¡el número de la

Cómo eliminar Hao123 | Krypton Solid

Si estás leyendo este post, probablemente ya lo sepas. Hao123 es uno de esos programas maliciosos que se instalan sin el conocimiento del usuario junto con otros programas -más o menos legítimos- descargados de Internet.

Definición de no seguridad

¿Qué es una no seguridad? Un no valor es una inversión alternativa que no se negocia en una bolsa de valores pública, como acciones y bonos. Bienes como obras de arte, monedas raras, seguros de

Cómo dividir páginas PDF | Krypton Solid

¿Acaba de recibir un documento de correo electrónico en formato PDF que consta de muchas páginas, de las cuales, sin embargo, le gustaría conservar solo unas pocas? Si es así, ya sabes si es así.