¿Cuáles son las últimas tendencias de diseño web en 2017/2018?

Answer 1

Si bien 2017 tuvo que ver con el minimalismo, 2018 trae tipos de letra llamativos, colores vibrantes y nuevas posibilidades para que los usuarios interactúen con el diseño.

Lo principal es: más que nunca, el diseño intenta captar nuestra atención y mantenernos enfocados y comprometidos mientras navegamos en un sitio web.

Y están encontrando nuevas formas de diseñar material llamativo y llamativo.

Porque no importa dónde se encuentre: parado en el autobús o en el metro, navegando en su teléfono inteligente, caminando por los pasillos de los supermercados buscando la mejor sal kosher: la cuestión es:

¡Los diseñadores quieren mantenerlo comprometido!

Y de eso se tratará 2018 en diseño web.

Aquí hay unos ejemplos:

1. Tipos de letra negrita

Los tipos de letra en negrita no solo son estéticamente agradables. También tienen un impacto en la velocidad de lectura, la comprensión de lectura y la percepción del usuario.

Un estudio realizado por Google / IBM mostró que la fuente serif Georgia se leía un 7,9 por ciento más rápido que Helvetica.

A pesar de que hay estudios que muestran cómo las personas piensan que tienen una mejor comprensión del texto al usar fuentes con serif, lo contrario era realmente cierto. Los evaluadores obtuvieron puntajes más altos en velocidad de lectura y comprensión usando fuentes sans serif como Helvetica.

Los tipos de letra en negrita hacen una declaración. Son fáciles de leer y fáciles de comprender. Estamos emocionados de ver más de ellos en 2018.

2. ¡Vuelven los colores vibrantes!

Después de casi dos años de pasteles por todas partes, la vitalidad vuelve con fuerza. No más esquemas de colores apagados, el nuevo año está lleno de contraste, carácter y personalidad.

Cómo los colores afectan nuestro estado de ánimo es un tema que ha sido ampliamente estudiado. El color tiene un impacto importante en nuestro cerebro, percepción y comportamiento. Según una infografía de Kissmetrics,

El 92% de los clientes dice que el lenguaje visual es el factor de influencia número 1 en su decisión de compra.

Los colores nos hacen sentir de cierta manera y los colores brillantes y vibrantes nos hacen sentir despiertos, emocionados y vivos.

Smashing Magazine llamó al color el segundo aspecto más importante de una aplicación (justo después de la funcionalidad).

Como el olor, el color es un factor tan poderoso, porque nos hace sentir de cierta manera.

Cuando salgamos de un sitio web, es posible que hayamos olvidado lo que dice, pero recordaremos cómo nos hizo sentir.

3. Dominar el diseño móvil

Con el tráfico móvil aumentando cada día, los sitios web receptivos se han convertido en obligatorios en los últimos años. En 2018, es hora de dominar realmente el diseño móvil. La pregunta ya no es: ¿nuestro sitio web funciona en dispositivos móviles? Es: ¿Cómo se presenta mejor nuestro contenido en dispositivos móviles?

El 80% de los usuarios de Internet posee un teléfono inteligente y lo está utilizando. De hecho, el tiempo promedio empleado en dispositivos móviles aumenta constantemente y ha aumentado a más de 5 horas por día, según TechCrunch.

Dominar el diseño móvil y comprender cómo se puede consumir mejor el contenido en dispositivos más pequeños será un desafío clave en 2018.

Algunos desafíos clave del diseño móvil son:

• no quieres que tu pantalla parezca abarrotada
• no desea que los usuarios encuentren el mismo contenido en su dispositivo móvil y en su versión de escritorio
• desea mantener una funcionalidad y navegación de contenido similar
• es posible que desee mostrar anuncios, que son un desafío para dispositivos móviles
• desea activar las mismas emociones y sentir la marca de su sitio web de escritorio

Un elemento clave para lograr la prioridad móvil es que su contenido debe ser fácilmente navegable con una mano. Piensa en cómo estás usando tu teléfono inteligente. Puede leer artículos mientras está de pie en el autobús o en el metro y puede estar enviando mensajes de texto cuando camina por los pasillos de los supermercados, puede estar buscando “el mejor vino tinto en 2017” cuando va camino a ver a un amigo. Lo más probable es que esté haciendo algunas de estas cosas con una sola mano.

Google llama a estas situaciones “micro-momentos”, situaciones breves en las que las personas recurren a sus teléfonos inteligentes para obtener, conocer, hacer y comprar.

Según Steven Hoober, el 49% de los usos de teléfonos inteligentes se ejecutan con una mano, no acunados y no con dos manos. El 49 por ciento del tiempo lo mantenemos y navegamos en nuestro teléfono.

Eso significa que la navegación tiene que adaptarse para que el pulgar llegue a la mayor parte de la pantalla.

4. Las micro interacciones se vuelven más sutiles

“Nada grande funciona”. – Victor Papanek

En 2017, comenzamos a ver micro interacciones y ciertamente veremos más de ellas en el futuro. Las micro interacciones permiten a los usuarios interactuar con un software o aplicación con pequeños gestos.

En iMessage, por ejemplo, puede ‘me gusta’, ‘jaja’, ‘!’ o ‘?’ cualquier texto que se le envíe.

Facebook Messenger le permite aumentar el tamaño del pulgar dependiendo de cuánto tiempo presione el botón Me gusta.

Los ejemplos de microinteracciones son infinitos, pero ¿por qué las usan las empresas?

Las micro interacciones son altamente adictivas y muy divertidas. Añaden, lo que el diseñador y autor de UX Nick Babich, llama “un toque humano”, lo que hace que las tareas sean más interesantes y atractivas. ¡Las micro interacciones alientan a los usuarios a interactuar con un software y divertirse!

5. Narración visual: el video solo será más importante

La narración de historias se está volviendo más personal y el video tiene un papel crucial en eso.

Los números respaldan que:

• Según Eyeview, incluir videos en una página de destino puede aumentar las conversiones en un 80% y
• si su línea de asunto de correo electrónico contiene la palabra “video”, su tasa de apertura aumentará en un 19% según Syndacast.
• En promedio, las personas pasan 2.6 veces más tiempo en páginas con video que sin él, según Wistia

El video es el maestro de la narración visual, atrayendo a los usuarios a escenas, historias y emociones. Es llamativo, llamativo y nos mantiene enfocados y comprometidos.

6. SVG

En pocas palabras: SVG está en aumento y es probable que su uso aumente en 2018. Con la animación cada vez más popular y las capacidades de SVG para transformar gráficos y sitios web, SVG ha ganado una popularidad constante en los últimos meses.

El 4.9 por ciento de todos los sitios web usan SVG, incluidos los sitios populares de WhatsApp, GitHub, Espn, Dropbox y el New York Times.

Puede ver el aumento significativo de SVG durante los últimos meses en este gráfico de w3techs.com

Los casos de uso populares para SVG dinámicos son los menús de navegación y los encabezados de los sitios web. SVG significa la capacidad de mejorar la interfaz sin perder funcionalidad. Los elementos de navegación o el texto son casos de uso para SVG.

Puede leer mi publicación completa (incluidos ejemplos visuales) aquí: Tendencias de diseño web a tener en cuenta en 2018 – Usersnap

Answer 2

Todos los diseñadores desean estar al día con las últimas tendencias en el campo en el que están interesados. Especialmente, el diseño web es tan dinámico que algunas tendencias se consideran la pareja moderna y moderna de hace unos años, pero rápidamente están completamente desactualizadas. Entonces, cuando el tiempo para 2017 casi termina, los diseñadores web necesitan conocer las tendencias de vanguardia y evaluar los cambios que podrían estar 100% listos para un nuevo año que viene con el éxito

Este artículo descubrirá las 8 tendencias de diseño web más populares que harán brillar sus diseños absolutamente.

# 1 Contenido de la foto

No hay nada que decir si no menciona las fotografías en su diseño. Y los diseñadores necesitan crear imágenes y fotos únicas en los diseños de su sitio de comercio electrónico. Un estudio ha demostrado que más del 60% de los usuarios prestan atención al diseño que contiene fotos e imágenes relevantes y únicas.

Por lo tanto, debe centrarse en el contenido fotográfico con fotos e imágenes informativas, de calidad y únicas para brindar la máxima atención al usuario.

# 2 Colores brillantes

¡Sip! Brillemos su diseño usando colores brillantes. Los usuarios esperan con ansias el diseño que emplea esquemas de colores brillantes. Gráficos, patrones y gradientes grandes y audaces se apoderan de las páginas web, reemplazando nuevamente elementos de diseño más tradicionales.

Sin embargo, debe considerar cuidadosamente antes de elegir el color brillante en su diseño. Ya sea adecuado para la personalidad de su empresa o no, si los clientes adoran este estilo de color o no porque los colores brillantes pueden ser un desafío para los usuarios.

# 3 Gráficos vectoriales escalables (SVG)

Verá un auge de SVG que supera los formatos de archivo más tradicionales, como PNG, GIF y JPG. Entonces, ¿qué son los SVG? Son imágenes vectoriales, no píxeles que crean muchas ventajas para los usuarios, como mantener la calidad y no requieren solicitudes HTTP. Además, los SVG son necesarios para nuevas experiencias multimedia en 2018 que incluyen vistas de 360 ​​grados, imágenes en 3D y cinemógrafos .

# 4. Cinemagraphs

¡Y Cinemagraph es algo especial que quiero mencionar aquí, chicos!

Su diseño debe actualizar la tendencia de diseño web más popular en 2018 con el uso de Cinemagraphs, que es una combinación perfecta de una imagen estática y un video completo. ¿Eso significa que el sitio tendrá una carga lenta con estas imágenes como un video? Absolutamente No. Son fragmentos rápidos para crear imágenes dinámicas que son videos diferentes y que no influyen en la carga de su sitio. Para una ilustración real, puedes ver la magia de las fotografías en movimiento en Harry Potter. Disfruta más sobre Cinemagraphs en la serie Provence

# 5. Animación

Hagamos que su diseño se vuelva dramático y atractivo con un uso flexible de animación. Encontrar objetos animados en todas partes como logotipos, iconos, sitios, aplicaciones, transiciones y más, y la animación que puede usar puede ser video, gif o incluso Cinemagraphs. Al usar la animación, su sitio atraerá a más y más clientes y permanecerá en el sitio durante mucho tiempo.

# 6. Formas de convertir: llamado a la acción

La forma de conversión o llamado a la acción que motiva a los visitantes a las acciones. Tanto el llamado a la acción simple como el continuo son efectivos en su diseño web 2018. Sorprendentemente, los titulares atractivos y los gráficos atractivos decidirán la acción de un visitante. También usa flechas, comillas, pancartas y arriba. Inferior para crear el contenido que desea resaltar, así como la acción que desea que el visitante realice.

# 7. Minimalismo

El minimalismo viene en la popularidad de la tendencia de diseño web 2017 y ahora continúa el camino.

La razón de esta tendencia es la paciencia de los usuarios. Puede perder fácilmente a su cliente si el tiempo de carga del sitio supera los 4 segundos. Y 2 segundos es el tiempo de carga perfecto para su sitio. Para alcanzar este objetivo, los diseñadores deben reducir la cantidad de elementos en la página y la cantidad de solicitudes HTTP. Y esa es la razón principal del auge de los diseños mínimos que es simplemente perfecto. Por ejemplo, Rubino, un diseño minimalista de YoloTheme que vale la pena visitar.

# 8. Composición abierta y asimetría

Por último, pero no menos importante, llamamos que la octava tendencia es una revolución para el diseño web presentado. Los usuarios no esperan diseños adecuados como en el pasado, necesitan el avance en el diseño web. Y la composición abierta y el diseño del sitio web de asimetría rompen las restricciones de columna tradicionales. Ahora los elementos en sus páginas pueden flotar o superponerse entre sí. En lugar de la estructura de hormigón y simetría como en el pasado, muchos sitios web emplean un diseño abierto con desplazamiento de paralaje, donde diferentes capas del desplazamiento a la velocidad diferente. Puede visitar Visionary, un tema de agencia creativa para obtener más información sobre esta tendencia.

Pensamientos finales

Los diseñadores web deben prepararse al 100% para las nuevas tendencias en 2018. Deben comenzar bien recogiendo y profundizando en estas tendencias anteriores. Por cierto, el mejor consejo para ti antes de usar estas nuevas tendencias en tu diseño:

– Elija la tendencia que se ajuste a la personalidad de su sitio

– Hazlo paso a paso

– Obtenga ideas para estos cambios de los clientes

Con suerte, estas características actualizadas pueden hacer que su diseño brille y atraer a más y más clientes. Estamos felices de compartir sobre las tendencias de diseño web en 2018 en la sección de comentarios.