Tendencias de diseño esencial, julio de 2016
Hay mucha superposición en los temas de diseño más importantes de julio. En muchos de los ejemplos a continuación, verá que se usan múltiples tendencias en muchos de los ejemplos. Eso se debe a que muchas de las tendencias son técnicas simples que se pueden agregar a casi cualquier tipo de diseño.
Este es un escaparate de micro tendencias. Lo que es particularmente bueno de estas tendencias a pequeña escala es que puedes usarlas (o eliminarlas) sin tener que hacer un rediseño a gran escala. Pueden servir como pequeños retoques para ayudarlo a refrescar una página por un tiempo corto con un elemento en tendencia.
Esto es lo que está en tendencia en el diseño este mes:
1. Superposición de color en las imágenes
Las superposiciones de colores son una forma visualmente interesante de llamar la atención cuando el arte es menos estelar. Puede ser una buena manera de agregar color e intriga a una foto simple, imágenes de stock o agregar color cuando la imagen carece de cierta chispa.
El uso de superposiciones de colores varía mucho. Mientras que los colores brillantes son una de las opciones más populares, una superposición muda o sepia puede cambiar el estado de ánimo de un proyecto o agregar la sensación vintage correcta, como con el Lyrix sitio web, a continuación.
Cuando se trata de la superposición de colores, los colores sólidos suelen ser la opción más popular. Los colores brillantes son comunes y muchos de los mismos colores que son populares con otras tendencias de diseño, como el diseño plano y el material, se usan comúnmente. (Aquí está esa estratificación de las tendencias mencionadas en la introducción).
Finalmente, al pensar en una superposición de color, considere un efecto de degradado, duotono o multicolor. Esta técnica puede funcionar particularmente bien con una imagen que sea fácilmente identificable o con imágenes que sean planas, como la foto de Orgullo de NYC , abajo. La razón por la que te atrae el diseño del sitio web es la superposición de colores brillantes, no la imagen en sí misma.
(Nótese, en particular, en el sitio web de NYC Pride, que otra tendencia está volviendo: el gradiente. Están comenzando a aparecer más gradientes en los proyectos de diseño y veremos esta tendencia en mayor detalle el próximo mes).
2. Pequeños logos de esquina
Durante un tiempo, los logotipos fueron uno de los elementos más dominantes en el diseño de un sitio web. Los diseñadores usaban versiones extragrandes de nombres de marcas y logotipos para crear una estética interesante.
Ahora están tomando un enfoque opuesto.
Los logos se usan más pequeños que nunca. Pero esa no es la única característica común en lo que respecta a la forma en que se usan los logos pequeños. También aparecen en la misma ubicación en casi todos los ejemplos de esta tendencia: la esquina superior izquierda.
La colocación no es tan sorprendente. La esquina superior izquierda es una ubicación de ubicación de logotipo común en el diseño del sitio web y durante algún tiempo se ha tenido en cuenta la idea de que los usuarios leerán el sitio desde la parte superior izquierda a la derecha en un patrón en forma de F.
Lo sorprendente es cuán pequeños son los logotipos en relación con el resto del diseño. En algunos casos, estos logos están diseñados para coincidir simétricamente con el icono del menú de hamburguesas. Entonces son excepcionalmente pequeños.
los Gente valiente el logotipo, por ejemplo a continuación, es solo un poco más grande que el ícono del menú y está diseñado para parecerse casi a un ícono en sí mismo, con texto blanco de novedad dentro de un recuadro negro. Lo bueno de esta técnica es que le da al resto de las imágenes y el texto en el lienzo un montón de espacio para exhibir. Brave People usa muchos fragmentos de video y varias capas de información para atraer a los usuarios a través del diseño del sitio web. Tener un pequeño logotipo ayuda a los ojos a permanecer en el lugar correcto y moverse a través del contenido con facilidad.
Abrigos utiliza un concepto similar, equilibrando el pequeño logo en el costado de la pantalla y el ícono del menú en el otro. El diseño lleva además el concepto del logotipo en la iconografía en todo el sitio, por lo que el usuario siempre tiene un recordatorio visual de en qué sitio web se encuentra.
3. Imágenes o videos de "haz que mires"
"¡Te hizo mirar!"
Eso es lo que muchas de las imágenes y videos de héroes en los sitios web están gritando cuando aterrizas en ellos. Las imágenes que son extrañas, inusuales o simplemente requieren un poco de reflexión se están convirtiendo en una forma popular de atraer a los usuarios y mantenerlos en el sitio web durante un período de tiempo más largo.
Desea comprender lo que está sucediendo en la imagen o si eso es un perro o un lobo ( Instinto , abajo), qué significa un elemento fuera de lugar ( Megáfono , abajo) o lo que va a suceder a continuación como en el video que pinta para Nachume Miller (abajo).
Entonces, ¿qué hace que una imagen de make-you-look? Tiene que ser diferente e interesante. Tiene que ser de alta calidad y contener una imagen visual que no se ve todos los días. Lo visual debe hacer que te preguntes algo, hacer una pregunta o desear aprender más.
La imagen o el video captarán su atención y lo mantendrán un poco más largo que una imagen de una hamburguesa con queso en el sitio web de McDonald's. Es ese elemento de sorpresa o extravagancia o maravilla lo que lo convierte en algo que los usuarios pueden rechazar. Cuando vuelves a ella, o ves la totalidad de un video loop o simplemente no puedes sacar la imagen de tu cabeza, entonces sabes que hará que los demás también se vean. (¡Vete grande y audaz, o vete a casa!)
Conclusión
Es divertido ver varias tendencias converger ya que muchos de estos sitios web ejemplifican. Los logos pequeños podrían ser uno de los elementos más dominantes en este momento. Es una de esas cosas que ni siquiera notarás hasta que comiences a buscarla, y luego notas que este concepto se usa en todas partes.
Además, realmente le da al diseño algo de espacio para otros elementos al sacar el logo de en medio, por lo que funciona muy bien en combinación con otras tendencias.
¿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.