¿Cuáles son las tendencias de diseño web para 2017?

Answer 1

Estar actualizado con las tendencias recientes es una parte crucial del diseñador web. Como el diseño web es un sector en crecimiento y en movimiento, se actualiza regularmente. Por lo tanto, estar actualizado es obligatorio para todos los diseñadores. Si realiza un proyecto con herramientas obsoletas, puede hacer que su trabajo sea menos valioso. Por otro lado, las herramientas más nuevas se hacen con el

La última tecnología que es compatible con cualquier dispositivo más nuevo. Entonces, siguiendo las últimas tendencias, aumentará su reputación y valor en el mismo mercado. En este caso, hemos realizado las 15 mejores tendencias de diseño web de 2017 para que esté más actualizado.
En consecuencia, si se asegura de utilizar estas últimas herramientas o programa en su trabajo reciente, será adaptable para cualquier persona. Especialmente, el sector del diseño web se está moviendo muy rápido. Todos los días se agregan nuevas herramientas para hacer algo nuevo. Por lo tanto, la adaptación de nuevas herramientas aumentará su suposición en la industria tecnológica. Del mismo modo, también veremos algunas tendencias del año anterior que también tiene sentido en 2017. Como resultado, he hecho las 15 mejores tendencias de diseño web de 2017 para hacerte más perfecto. Hablemos de las tendencias …
He investigado en muchos lugares, incluso he hablado con muchos expertos web para hacer esta lista. Por lo tanto, la herramienta garantizará su experiencia en este sector.

1. Diseño de tarjeta y diseños de cuadrícula

En primer lugar, el diseño de tarjetas y los diseños de cuadrícula se popularizan por pinterest (sitio para compartir imágenes). Continuamente, el diseño de la tarjeta se está convirtiendo en una tendencia y esperamos que vea un estilo de cuadrícula más dinámico en 2017. Básicamente, la simplicidad, la organización, la flexibilidad y la capacidad de respuesta han hecho que el diseño de la tarjeta sea más atractivo. Es importante tener en cuenta que las tarjetas ayudan a acceder a muchos datos en un solo lugar. Dentro de una página puede resaltar más cosas para el lector. Como los días pasan tan rápido, los hombres están ocupados e interesados ​​en tomar datos e información de un solo lugar.

Sin mencionar que Vice, Tumblr y Dribbble están utilizando el diseño de la Tarjeta para ofrecer una navegación más fácil de usar para todos. Para dar más información de una página, resaltar más productos en un solo lugar y hacer una gran muestra de la cartera, se consigue una vista más significativa del diseño de una tarjeta. Los expertos esperan que muchos conceptos y sistemas nuevos entren en la sección de diseño de tarjetas y diseños de cuadrícula en 2017.

2. Gradiente

En lugar de utilizar el diseño plano, Gradient está reemplazando el lugar en el sector del diseño web. Recientemente, Gradient está apareciendo en todas partes. Entonces, los expertos lo describen como volver. Usando dos efectos de color que se conocen principalmente como gradiente y se está utilizando desde fondos para superposiciones de imágenes. En el pasado, hemos visto algunas pequeñas variantes en gradiente. Si ve los íconos de Apple iOS, se dará cuenta del asunto.

Por otro lado, Gradient se está volviendo grande, audaz y usando muchos colores. En la imagen, descubrimos el uso de dos superposiciones de degradado de color recientemente. Por supuesto, está haciendo que las fotos sean absolutamente increíbles. Del mismo modo, sin usar fotos específicas en el fondo, hemos notado que muchos de los diseñadores están usando efectos de gradientes especiales para hacerlo más atractivo. Con esto en mente, Gradient se convertirá en las próximas tendencias de diseño web en 2017. Por lo tanto, Gradient está tomando el lugar de las nuevas tendencias emergentes como el color web.

3. Navegación de punto de una sola página

Como los sitios web de una sola página están aumentando día a día. Es una tendencia de hacer sitios web de una sola página y aplicaciones de una sola página. Por otro lado, la navegación por puntos es una tendencia similar para crear sitios web de una sola página. En realidad, una serie de iconos circulares en la barra lateral izquierda o derecha indicarán cuántas páginas tiene. Cada punto indica una nueva página. Cuando desee ir a páginas nuevas, puede desplazarse hacia abajo o hacia arriba o puede seleccionar fácilmente el punto para páginas nuevas. Este diseño ofrece un nuevo diseño en cada página. En particular, puede atraer por este diseño atractivo. Puede ver un diseño de muestra desde aquí: La plataforma social nativa de anuncios

4. Diseño de iconos en diseño web

La industria del diseño de iconos ya ha pasado algunos años y está entrando en las nuevas formas. Muchas startups y empresas están dando importancia a invertir en este sector. Como resultado, el diseñador de iconos está creando nuevos conceptos e ideas para presentar impresionantes interfaces gráficas. Con el aumento del color degradado, también están haciendo una tradición en el diseño de iconos.
Por otro lado, algunos de los diseñadores dibujados a mano han demostrado que un icono puede cambiar la apariencia cuando se ejecuta con habilidad. Los diseñadores de UI han implementado muchos íconos con una sutil forma envolvente que también se conoce como Stars and Speckles. Los diseñadores esperan que las formas más creativas continúen en el sector del diseño de iconos con muchas formas visualmente impresionantes. Ciertamente. El diseño de iconos está entre las mejores tendencias de diseño web en 2017.

5. Fotografía auténtica de alta calidad.

Una imagen puede expresar 100 palabras sin ningún discurso. Para obtener más integración de un lector, una imagen puede hacer que su contenido sea extraordinario. Del mismo modo, las imágenes con el contenido adecuado pueden hacer que su contenido web esté más enfocado entre el lector.
Pero la fotografía de stock nos está aburriendo. Como fotografía de stock es la principal fuente de imágenes para todos. Pero si puede agregar alguna fotografía auténtica optimizada entre su contenido, habrá grandes posibilidades de que su publicación sea viral. Como ahora somos más realistas, agregar imágenes realistas hará que su contenido sea más atractivo. Por otro lado, un buen tema es una parte importante para hacer que las imágenes sean más auténticas. Si usa un tema que es muy caótico, no tendrá ningún sentido para su lector. Aunque ha agregado el mejor contenido y fotos más auténticas. Haga una combinación de diseño para atraer más atención del lector.

6. VR y video 360º y realidad virtual

La realidad virtual será la tendencia para el próximo mundo incluso en 2017. Aunque la mayoría de los dispositivos y navegadores no lo admiten. Pero los videos de realidad virtual y 360º van a ser una parte importante en el sector del diseño web. Google, MicroSoft, SONY y muchos más gigantes tecnológicos están dando mucha importancia en esta sección. Como estamos aceptando el mundo del video como parte de la vida. Por lo tanto, se convertirá en una parte sangrienta en el sector del diseño web.

No escribí todos los puntos aquí. Puede consultar mi publicación sobre las tendencias de diseño aquí [1] [1]

Notas al pie

[1] 15 mejores tendencias de diseño web en 2017 | Tema de moda

Answer 2

Las tendencias son una parte crucial de todos los diseñadores web y, por lo tanto, observar y adoptar nuevas tendencias es una parte crucial de cualquier proyecto de diseño web. El hecho es que nuevas ideas y diseños atractivos surgen día a día. Señalaría aquí las 10 mejores tendencias de diseño web que la mayoría de los diseñadores siguieron en 2017.

Se trata de videos o GIF de alta calidad que se ejecutan en un bucle continuo y suave • Se ha convertido en una forma popular de agregar movimiento e interés visual a páginas estáticas. • Los videos, los GIF y los bucles de pantalla completa son una forma segura de atraer la atención de los visitantes durante períodos de tiempo más largos.

El diseño del material fue desarrollado por Google y se está implementando de manera constante en sus aplicaciones, incluidos Gmail, Google Maps, Google Drive y YouTube. Los diseñadores web en Dubai han comenzado a adoptar cada vez más características de diseño de materiales en todos sus proyectos.

Este módulo de diseño CSS relativamente nuevo no solo es increíblemente receptivo en su funcionalidad, sino que también tiene mucho sentido para los diseñadores visuales que están acostumbrados a manipular objetos en el lienzo con las herramientas de alineación y distribución ofrecidas en Sketch y Ilustrador • Y con cada navegador moderno (y no, no estamos contando IE11) que ahora es totalmente compatible con Flexbox, no hay razón para no sumergirse. • Por supuesto, tenga en cuenta que Flexbox puede acostumbrarse si es súper cómodo con los otros módulos de diseño muy diferentes.

Es un enfoque de diseño que utiliza patrones de cuadrícula de bloques modulares para diseñar elementos. La observación de los datos de Google Trends muestra que el interés de búsqueda por el “diseño modular” aumentó desde principios de 2011. La Universidad de Warwick también ha incorporado el enfoque de diseño modular en su sitio web.

Tipografía grande, llamativa y hermosa A medida que las resoluciones de los dispositivos se vuelven más nítidas y el tipo se vuelve más fácil de leer en la pantalla, las marcas buscarán ampliar aún más los límites de la tipografía para atraer a sus usuarios. Espere ver un aumento en los tipos de pantalla completa y de gran tamaño que rompen la cuadrícula, una tipografía hermosa, única y renderizada a mano y una gran cantidad de capas dinámicas de texto e imágenes que funcionan en tándem con desplazamiento de paralaje

El patrón de diseño web más exitoso seguido en 2017 es la Realidad Virtual. Las empresas de diseño web en Dubai están obteniendo el máximo beneficio de este diseño, ya que la realidad virtual será probablemente el elemento de diseño más comentado de 2017. Esto incluye diseños de sitios web con videos de 360 ​​grados y otras experiencias altamente interactivas con efectos tridimensionales. Una ventaja adicional es que Google está indexando estos sitios web mucho más rápido que otros. es seguro decir que la realidad virtual va a ser grande. También cualquier cosa que lleve la interacción al siguiente nivel tendrá esa sensación de realidad virtual y estará perfectamente a la moda

El sonido de reproducción automática es quizás una de las cosas más molestas de la web. Pero sorprendentemente, la reproducción automática de video (sin sonido) es notablemente atractiva y una tendencia de rápido crecimiento. Puede detectar esto en docenas de sitios de negocios donde un fondo de video ocupa toda la pantalla. Siempre que el video se relacione con el sitio web y no obstruya el contenido, creemos que es un efecto genial para usar en su encabezado.

Los botones fantasma también se conocen como botones huecos o vacíos. Además de tener un esquema y presentar una pequeña cantidad de texto, son transparentes. El contorno plano es siempre una forma simple, como un círculo, un cuadrado o un rectángulo. Generalmente, los botones fantasma tienen una posición destacada en un sitio web. Los fantasmas captarán la atención dibujando los ojos de un usuario web. Botones Fantasma

Esta es la primera ola de diseño fijo centrado en las barras de navegación. • Todos estos son muy comunes, especialmente en diseños móviles receptivos donde la barra de navegación fija replica la sensación de una aplicación móvil nativa • Casi todos los blogs principales usan este tipo de barra lateral adhesiva. Mantiene el contenido a la vista en todo momento y aumenta la probabilidad de que los usuarios interactúen con el contenido de la barra lateral.

Las microinteracciones son las formas sutiles pero poderosas en que los usuarios interactúan con un sitio web. Estos a menudo se expresan en desplazamientos, animaciones de clic, efectos de desplazamiento, etc. • La integración más utilizada es el desplazamiento / desplazamiento, donde un visitante simplemente puede mover el cursor sobre partes del sitio para ver estas microinteracciones e interactuar con el sitio de esa manera. .

Aquí hay otro conjunto de las últimas tendencias de diseño web en 2017

Answer 3

Se pronostica que 2017 será un año lleno de avances tecnológicos y logros notables. Algunas de las siguientes predicciones se hicieron a principios de 2017 y son muy relevantes.

1. Más enfoque de móvil primero. Los teléfonos inteligentes (en su mayor parte) vienen con pantallas significativamente más pequeñas que las tabletas y las computadoras de escritorio, lo que limita la cantidad de contenido que un usuario puede ver fácilmente a la vez. Esto obliga a las marcas a eliminar cualquier información o contenido que no sea 100% necesario, lo que les permite agregarlo, junto con las campanas y silbatos visuales adicionales para los usuarios a medida que cambian a dispositivos con pantallas más grandes.
2. Diseño de respuesta. Sin duda, el diseño receptivo es algo que existe desde hace unos años, pero este año es una aceptación aún mayor en el número de marcas, tanto grandes como pequeñas, que están construyendo sitios basados ​​en receptivos. Esto ayuda a lograr el ranking en la búsqueda que desean, así como a mantener a los clientes más importantes contentos con la experiencia del usuario.
3. Popularidad de las herramientas de creación de prototipos. Las herramientas de creación rápida de prototipos permiten a los diseñadores crear rápidamente prototipos de sitios y servicios de baja y alta fidelidad para evaluar su usabilidad y estética, todo sin escribir una sola línea de código. Muchos también le permiten diseñar en el navegador y luego iniciar el sitio directamente desde la herramienta.
4. Ilustraciones personalizadas Los ilustradores talentosos pueden crear ilustraciones llenas de personalidad y adaptadas al tono de la marca, algo que las marcas se esforzarán por más que nunca en un mercado cada vez más concurrido. Dribbble ahora es un buen lugar para ver en qué tipo de ilustraciones están trabajando los mejores del mundo. Este suele ser un buen indicador de los estilos y tendencias que crecerán en popularidad.
5. Animaciones en expansión. Las animaciones vienen en diferentes formas, tamaños y estilos, y todas pueden servir para diferentes propósitos. Las animaciones pueden variar desde pequeños dispositivos de carga que entretienen al usuario mientras espera que se cargue el contenido, hasta un interesante estado flotante utilizado como un dispositivo UX para mostrar a un usuario que se desplazan sobre un enlace.
6. Diseños asimétricos. Lo que constituye exactamente un ‘diseño roto’ variará según el diseñador y el proyecto, pero generalmente implican la organización de elementos y contenido en una cuadrícula de base subyacente que actúa como un punto de partida para mover y manipular el contenido para el efecto deseado. Con estos diseños poco convencionales, los diseñadores pueden superponer tipografía, imágenes y otro contenido para crear yuxtaposiciones y diseños únicos que llamen la atención y generen interés.

Hay mucha información sobre la última tecnología como esta que se ha extendido por la web. Así que adelante, elija el que mejor se adapte a sus necesidades. Para obtener más consejos, consulte el blog de la compañía Solar Digital.

Si te gusta el comentario, ¡vota!

Answer 4

En esta sociedad de la información, las personas suelen vivir en una vida de ritmo rápido. Cada industria se enfrentaría a actualizaciones, cambios y desarrollo constantes, sin mencionar la industria de Internet. Hoy, me gustaría hablar sobre cuáles son las tendencias exactas de los últimos diseños web. Los buenos diseños de sitios web pueden hacer que sus sitios web se destaquen de la competencia furiosa y ganen más atención de su empresa. Sin embargo, no es fácil hacer un diseño web único, porque los diseñadores siempre tienen sus propios estilos de diseño web. Debido a esto, siempre debe buscar alguna nueva tendencia para mejorar la tecnología de su sitio web de diseño y atraer la máxima cantidad de usuarios objetivo. Tomar la dirección correcta del cambio de mercado y descubrir qué tipo de diseño prefieren ayudaría a que no se le ignore en las nuevas tendencias de diseño web. Antes de comenzar, hay algunos excelentes ejemplos de diseños web en 2017 que quiero compartir con ustedes.

1. La tipografía se hace más grande

En el pasado, los diseñadores tendían a hacer una distribución equitativa de todos los tableros, lo que posiblemente haría que su sitio web fuera más limpio, ordenado y mejor organizado en sus opiniones. Sin embargo, tales conceptos ya habían pasado de moda. Dichos estilos de diseño web difícilmente podrían atraer a los usuarios, porque los usuarios siempre están cansados ​​de un diseño tan organizado. Finalmente, elegirían abandonar su sitio web sin preocuparse por su empresa y sus productos. Por lo tanto, cada vez más diseñadores ponen sus logotipos y lemas en toda su tipografía adjuntada a imágenes atractivas de portavoces o productos con colores brillantes. Tal diseño traería muchas ventajas, los clientes podrían quedar directamente impresionados con su empresa y sus productos sin fatiga visual.

2. colores más brillantes

La colocación de colores también juega un papel importante en las tendencias de diseño web. Refleja el reconocimiento de los diseñadores de las culturas y la posición de su empresa. Los diseñadores deben hacer el posicionamiento correcto de su empresa y aplicarles estilos de diseño web adecuados. Por ejemplo, si su empresa es seria, se supone que no debe usar varios colores. Si su empresa está activa, se supone que debe usar colores más brillantes. Además, cómo combinar estos colores también es una tarea difícil. En una palabra, elegir los colores correctos puede ayudarlo a atraer los colores correctos.

3.GIF y animación

Hoy en día, muchos sitios web usan GIF y animaciones en su página de inicio, funcionan bien para atraer la atención del usuario. Los GIF y la animación le permiten proporcionar una experiencia de producto más rica, explicar un flujo de trabajo o simplemente proporcionar una guía para sus usuarios. Al mismo tiempo, es inútil que uses demasiados GIFS y animaciones, ya que te incomodaría y deslumbraría. Creo que uno o dos serían los mejores, o los usuarios estarían desconcertados sobre el punto principal de su sitio web.

4.diseño de interacción

En cuanto a los diseños web, el uso del diseño de interacción también es una nueva tendencia cuando algunos diseñadores de UI / UX diseñan sitios web. Se utilizan para la experiencia del usuario y el manejo simple de la tarea del usuario. Es más como una herramienta asistida para recibir comentarios y notificaciones o enviar comandos. Por ejemplo, el cuadro emergente cuando iniciamos sesión o nos registramos, el cambio de colores cuando mueve el cursor. El diseño de interacción promueve una mayor participación de los usuarios y la eficiencia de la transmisión de mensajes, lo que atrae la atención de los usuarios de la manera más simple sin ningún efecto dinámico complicado. Creo que esta tendencia se aplicaría al diseño web o al diseño de aplicaciones con mayor frecuencia.

5. Más autenticidad

Hace unos días, cuando navegaba por Internet, encontré algo interesante en los últimos diseños web. Me di cuenta de que, a diferencia del diseño de imágenes de los propios diseñadores, pocos sitios web optaron por usar imágenes de su personal en la página de inicio o usar la foto real en sus páginas de “contacto”. Estas imágenes mejorarían la autenticidad de su sitio web y fortalecerían la intimidad entre los clientes y su empresa.

Conclusión

Estas 5 tendencias de los últimos diseños web traerían nuevas revoluciones en 2017. Si usted es diseñador web, este artículo lo ayudará a mejorar su tecnología de diseño web. Para adquirir más conocimientos de diseño web, le sugiero que lea ” Empresas profesionales que diseñan sitios web: asesino de sitios web obsoletos ” para conocer muchos buenos diseños web de empresas profesionales.

Answer 5

Las tendencias son cambios bien conocidos que ocurren en todos los campos creativos, y el diseño web no es diferente. Nacidas de la experimentación y la innovación, las tendencias son los factores impulsores del cambio, que (en su mayor parte) empujan a una industria hacia adelante para mejor.

La web es un entorno único que cambia y evoluciona constantemente, y con eso en mente, aquí analizamos lo que creemos que son 14 de las tendencias más importantes para monitorear en los próximos 12 meses.

1. Más marcas adoptan un enfoque móvil primero

Como su nombre indica, el diseño móvil primero es el proceso de diseño para dispositivos móviles (o dispositivos cribados más pequeños) primero, y luego trabajar hasta los más grandes.

El enfoque de diseño móvil primero no es nuevo en 2016 y ha existido durante algunos años, pero con los teléfonos móviles ahora oficialmente nombrados como los principales dispositivos utilizados para navegar por la web, especialmente aquí en los EE. UU., Hay más empresas dándose cuenta de la importancia de tener un sitio que ofrezca contenido de manera efectiva en una pantalla más pequeña y se apresure a subir a bordo.

El contenido está diseñado para caber primero en dispositivos móviles y dispositivos de pantalla más pequeños, luego se trabaja hacia los dispositivos de pantalla más grandes.

Dejando a un lado el diseño y las imágenes, el modelo móvil primero y las restricciones que conlleva es una forma útil para que las marcas realmente consideren cuál es su contenido y mensaje principales que quieren comunicar.

Los teléfonos inteligentes (en su mayor parte) vienen con pantallas significativamente más pequeñas que las tabletas y las computadoras de escritorio, lo que limita la cantidad de contenido que un usuario puede ver fácilmente a la vez. Esto obliga a las marcas a eliminar cualquier información o contenido que no sea 100% necesario, lo que les permite agregarlo, junto con las campanas y silbatos visuales adicionales para los usuarios a medida que cambian a dispositivos con pantallas más grandes.

Nuestra predicción: Mobile-first no es un concepto nuevo para 2016, pero anticipamos ver más sitios durante el próximo año que adopten un enfoque más reflexivo en la entrega de su contenido a pantallas más pequeñas, en lugar de que el diseño móvil sea un pensamiento tardío. a la compilación del escritorio.

2. Implementación más amplia del diseño receptivo

Sabemos lo que está pensando: ¿primero el móvil primero y ahora el diseño receptivo? ¡Ninguno de estos es nuevo para 2016!

Aunque el diseño receptivo también es algo que existe desde hace algunos años, lo que predecimos ver durante el próximo año es una aceptación aún mayor en el número de marcas, tanto grandes como pequeñas, que están construyendo sitios basados ​​en receptivos.

Para aquellos que pueden no saber qué es el diseño receptivo, es esencialmente un enfoque para construir un sitio utilizando consultas de medios CSS y cuadrículas / diseños flexibles para crear un sitio único y dinámico que ajusta y reajusta su contenido para mostrarlo mejor en varios tamaños dispositivos. Funciona de la mano con los dispositivos móviles primero, ya que los dispositivos móviles primero diseñan la experiencia y el aspecto, y la capacidad de respuesta la implementa.

Una de las ventajas del diseño receptivo es que permite a las empresas pagar solo por la construcción de un solo sitio que ofrece contenido de manera efectiva en dispositivos móviles y tabletas, desde computadoras portátiles hasta computadoras de escritorio con pantallas grandes.

Dejando de lado la rentabilidad, la razón por la que anticipamos que más marcas empleen esto se debe a una actualización del algoritmo de clasificación de Google que cayó en abril del año pasado. En resumen, la actualización de Google ahora aumenta la clasificación de los sitios que optimiza su contenido (y, por lo tanto, la experiencia del usuario, al principio del primer móvil) para dispositivos móviles y usuarios. Cualquier sitio que no esté optimizado para dispositivos móviles está configurado para ver una sacudida importante en el lugar donde se ubica en línea. Vea más de Google aquí .

Si está buscando ver si su sitio es “apto para dispositivos móviles” con la actualización de Google, asegúrese de probarlo con esta práctica herramienta.

3. Utilización generalizada de herramientas de creación rápida de prototipos

Aunque no es una tendencia de diseño per se, las herramientas de creación rápida de prototipos son definitivamente uno de los avances más útiles para llegar al mundo del diseño web durante el último año más o menos y son una herramienta imprescindible para cualquier diseñador web, UI y UX.

Las herramientas de creación rápida de prototipos de servicios como UXpin, Webflow, InVision y Marvel (entre muchos otros) permiten a los diseñadores crear rápidamente prototipos de sitios y servicios de baja y alta fidelidad para evaluar su usabilidad y estética, todo sin escribir una sola línea de código. Muchos también le permiten diseñar en el navegador y luego iniciar el sitio directamente desde la herramienta.

Su facilidad de uso y funcionalidad brinda una experiencia instantánea similar de cómo se vería y funcionaría el producto terminado en el navegador, ahorrando preciosas horas, recursos y posibles contratiempos.

Lo que también es beneficioso en su aplicación es lo que viene del lado del cliente. Atrás quedaron los días en que se mostraban marcos de alambre y maquetas estáticas del cliente, explicando con gran detalle cada sutil animación y transición. Sus clientes pueden ver exactamente cómo funciona y cómo se ve, sin conversaciones largas y complicadas sobre la experiencia del usuario o las velocidades de transición.

Lea las tendencias completas aquí : tendencias de diseño web en 2017

Answer 6

Hola,

Recientemente respondí la misma pregunta sobre Quora, también encontré muchos datos interesantes sobre las tendencias de diseño web en 2017 a partir de muchas respuestas de otros.

Tendencias de diseño web 2017 : ¿qué hay y qué no?

Vivimos en una época en la que la web avanza a un ritmo sin precedentes. Dentro de este espectro cada vez más avanzado, las tendencias de diseño web pasan rápidamente de “en boga” a “anticuadas”. Lo que ayer fue de primera línea probablemente se ha reducido hoy y todos quieren lo mejor. Los sitios web fáciles de usar son solo la norma básica ahora. Ya sea experimentación o innovación, el espectro del diseño web se está disparando con nuevas ideas y estrategias que mantienen a los espectadores interesados.

El éxito de cada sitio web se debe a su diseño. Involucrar a los espectadores es el resultado directo de diseños que están de moda y que facilitan la navegación. Sin embargo, es más fácil decirlo que hacerlo. Las tendencias siguen cambiando y las expectativas siguen aumentando. La expectativa de los diseñadores web está aumentando rápidamente y necesitamos mantenernos al día.

1. Más grande es mejor

Ve a lo grande en la página de inicio. Las tipografías llamativas y destacadas se están convirtiendo en la historia de éxito de las páginas de inicio de los sitios web. Una idea central en las fuentes grandes rodeadas de un diseño inmaculado, sutil y limpio hace la magia. Un juego con colores y fuentes solo mejora aún más el efecto. Se ve algo como esto:

Una estrategia de diseño que predecimos resistirá la prueba del tiempo. Esto es así por el efecto que tiene sobre el lector. Un captador de atención instantáneo, transmite el quid de su comunicación sin la molestia de largas lecturas. Si está bien diseñado, este texto sobresaliente es la manera perfecta de atraer a su espectador desde el principio.

2. Yendo más y más oscuro

Atrás quedaron los días de diseños brillantes y coloridos sobre un fondo blanco. Ahora, los diseñadores eligen tonos más profundos y los complementan con tonos de texturas y patrones. Esta tendencia ha sido sorprendente, teniendo en cuenta la larga popularidad de los diseños de fondo blanco. Sin embargo, los negros y los grises están ganando impulso, lenta pero seguramente. Otro estilo de color popular es el aspecto retro.

No estamos seguros de cuánto durará esta tendencia, ya que los colores utilizados en el diseño web están estrechamente alineados con la identidad de la marca. Por lo tanto, esta tendencia sigue siendo subjetiva. Sin embargo, podemos garantizar que estamos viendo más y más de estos tonos haciendo rondas en la web.

3. Adiós a las imágenes estándar

Las posibilidades cada vez mayores de los diseñadores web, reforzadas por las herramientas a su disposición, no dejan espacio para imágenes sin vida. Las imágenes del sitio web ahora son más dinámicas, animadas y personalizadas. El uso de iconografía, lenguajes gráficos en 3D, elementos de lienzo interactivos, etc., permite a los diseñadores llevar diseños web varios niveles más altos. Imágenes como la de abajo se están extinguiendo lentamente.

Ahora podemos hablar visualmente, a través de nuestras imágenes que se crean para infundir un elemento divertido en el sitio web. Las ilustraciones de la nueva era también hacen un largo camino para que coincida con su propia identidad de marca única, que se destaca en el mercado en línea. Esta es una tendencia popular que solo puede crecer en su oferta. Simplemente no hay tolerancia para las imágenes corrientes que eran tan populares incluso hace solo cinco años. Hemos avanzado rápidamente.

4. Nuevo diseño para subrayar

Llamar la atención en un santiamén con el uso de técnicas simples es hacerse cargo de la escena de los diseños web. Una de ellas es subrayar los textos con un color diferente al de la fuente. Otra forma es fusionar textos con imágenes. Disipando límites y simetrías, textos e imágenes ahora se superponen entre sí. Elementos que agregan personalidad a un sitio web, como se muestra a continuación:

No sabemos si se trata de una ruptura en la monotonía, o simplemente un estilo diferente, pero estas pequeñas características de diseño están ayudando mucho a los clientes. Diseñados con pasión y diversión, todos sabemos lo que un sitio web visualmente atractivo puede hacer para su historia de éxito.

5. La animación está en

Sí, ha existido por años. Sin embargo, la frescura de esta herramienta es sorprendente en su potencialidad. Esta tendencia está creciendo y es imparable, ya que ofrece a los usuarios una experiencia extremadamente agradable. Las imágenes animadas y los videos ahora se han convertido en un requisito básico en comparación con la característica adicional que solía ser antes. Con inmensas capacidades para crear efectos especiales, la animación se puede aplicar a varios usos.

Divertirse con los diseños crea infinitas posibilidades y el cielo es el límite. Incluso elimina las condiciones habituales de la cuadrícula al ser reemplazado por estructuras creativas. ¿Por qué dejar esto solo para el mundo del cine? Los diseñadores ahora están poniendo todo su empeño en el diseño web para que cobre vida de más de una manera. Poco a poco se están convirtiendo en la narrativa central del sitio web. Todo un salto al ser utilizado para efectos adicionales. Prevemos que esta tendencia seguirá siendo duradera en los próximos años.

6. Subida de sombras

Sí. El efecto de sombra paralela ha existido durante siglos. Es popularidad, sin embargo, consistente. Algunos elementos de diseño resisten la prueba del tiempo y este es uno de ellos. Con sus variaciones únicas, el elemento de diseño de sombra está aquí para quedarse. Solo una pequeña técnica, pero va un kilómetro con su efecto.

Ya sea que los use para efectos especiales o para separar secciones de la página web, este elemento de diseño va más allá para hacer su trabajo. El potencial es ilimitado cuando se experimenta con sombras paralelas. Los diseñadores también pueden jugar con colores para infundir personalidad en las sombras. El uso de este solo aumenta el elemento dinámico en los sitios web. No se adivina si esta tendencia es duradera o no: la belleza radica en los detalles.

7. El desorden crea orden

Piense en esa persona que se destaca por un código de vestimenta o peinado único. Esto es justo lo que queremos decir, pero en el mundo web. Imágenes rotas, textos que se superponen entre sí, estructuración asimétrica, diseños no convencionales, imágenes y textos con límites borrosos: hay un método para la locura. Es la forma en que un diseñador expresa la libertad. Estos métodos poco convencionales están haciendo un largo camino para hacer que una marca en particular se destaque de la otra, a través del uso inteligente del espacio y los límites. Otra ventaja de este estilo de diseño es hacer que una determinada sección de la página web se distinga de la otra.

Hay algunos que aman este método y otros que no lo toleran. Las marcas que son ricas en contenido no se mostrarán de manera eficiente a través de este método y podrían tener que seguir con el estilo convencional. Este es más para las marcas creativas. Si está dispuesto a intentarlo, este método es un tiro seguro para llamar la atención al instante. Pensar fuera de la caja y trabajar fuera de la red es la filosofía subyacente de esta tendencia. La manipulación es pura diversión y la experiencia del usuario, como resultado, se mejora aún más. Tenga cuidado: esta implementación es complicada y debe hacerse en la cantidad justa. La clave está en el equilibrio.

8. Desplazarse

La forma más innovadora de reducir la tediosa navegación: ¡bienvenido al largo desplazamiento! Es simple, innovador y lo convierte en un sitio web con mejor aspecto. El desplazamiento se originó como un medio para moverse de un extremo al otro de una página, pero hoy se ha convertido en mucho más. Con mayores variaciones en tipos y fuentes, el desplazamiento es una herramienta para mejorar la creatividad. La versatilidad de la misma deja espacio para todo tipo de requisitos. Para sitios web ricos en contenido, esta es una forma increíble de infundir creatividad con un mejor espacio visual. No es necesario hacer clics adicionales, no es necesario cargar nuevas páginas. Solo desplácese y obtenga lo que quiere.

Este es un espacio donde los diseñadores realmente pueden ejercer su creatividad. El desplazamiento largo es una excelente manera de acomodar datos ricos en contenido en diseños web y proporcionar a los espectadores una mejor experiencia. La personalización a través de la pausa de videos, la ampliación o reducción de contenido, basada en el desplazamiento de los espectadores, es posible aquí. Bien ejecutado, nuestra predicción es que vaya más allá a medida que pasen los años.

9. Los móviles son lo primero

Con la creciente dependencia de los dispositivos móviles como un medio para navegar, la tendencia de 2017 ha evolucionado para adaptarse a la creciente necesidad de que los diseños web funcionen de manera eficiente en múltiples dispositivos. Teniendo en cuenta los más de 1.200 millones de usuarios de dispositivos móviles en todo el mundo, los diseñadores están trabajando para adaptarse al tipo de pantalla más pequeño primero a través de menús de hamburguesas y flujos verticales. Las pantallas más grandes ahora están más abajo en la lista de prioridades. Puede estar seguro de que la mayoría de las vistas del sitio web estarán en las pantallas más pequeñas.

Como Carson Miller lo expresó recientemente en su artículo de TechCrunch “El futuro del desarrollo front-end es el diseño”:

“Es solo cuestión de tiempo antes de que las herramientas de diseño y creación de prototipos reemplacen por completo el desarrollo front-end, produciendo a la perfección una base de código front-end de alta calidad para su marco de elección”.

Este primer enfoque de pantallas pequeñas crea un medio para que las marcas concentren su contenido en el núcleo de su mensaje. Esta tendencia ha existido, pero está aumentando a un ritmo sin precedentes para mantenerse al día con la demanda de navegación móvil.

10. Juega con cartas

Cuanto más personalizada sea la experiencia del usuario, mejor. Es por eso que los diseñadores se están alejando del fenómeno de la página mundana a la estrategia de las Tarjetas. Las tarjetas funcionan como cajas rectangulares que llevan una imagen o texto, lo que conduce a más información. Una herramienta diseñada que contiene un área pequeña, destinada a proporcionar información central, mejorando considerablemente la experiencia del usuario. Incluso se reajustan en función del tamaño de la pantalla.

Una tarjeta bien diseñada aumenta la curiosidad de los espectadores y logra su propósito al eliminar la navegación engorrosa y darle al sitio web un aspecto general limpio y minimalista. Aunque es una tendencia bastante nueva, esta está ganando popularidad más rápido que las otras. ¡Quién dijo que las cartas eran para jugadores!

11. La interacción es clave

¿Recuerdas esos sitios web estáticos de los días pasados? Bueno, no solo es esa historia, sino que hemos evolucionado hacia el otro extremo del espectro con la estrategia de micro interacción. Esta herramienta es una forma sutil de mantener al espectador interesado. Los ejemplos de micro interacción incluyen atenuar el brillo, ajustar el volumen, cerrar ciertas secciones de un sitio web, reducir y ampliar secciones de contenido, etc.

Cada punto de interacción tiene infinitas posibilidades de diseño para mantener al lector atrapado y proporcionar una mayor satisfacción del usuario. Piense que ofrece a cada espectador un medio para personalizar el sitio web según sus preferencias. ¿Qué más se puede pedir?

12. Opta por videos

Los cinematógrafos son lo más importante. Estos son videos de alta calidad que se ejecutan sin problemas en todo el sitio web. Una buena imagen es útil, pero un video es incomparable. Esto es lo que hace que el sitio web hable su propio idioma. Un video de alta calidad es una herramienta segura para convertir las miradas del espectador en largos períodos de atención. Infundido con movimiento, colores de alta definición y efectos visuales cautivadores, las cinematografías llegaron para quedarse.

Use cinematógrafos como un comercial personal para contar una historia, úselos para proporcionar un resumen del sitio web, úselos para comunicar mensajes centrales o úselos como fondos para el sitio web, pero úselos definitivamente. Un buen diseñador sabrá que este es un paso importante hacia un sitio web visualmente atractivo.

13. No más monótonos

Estático está fuera y también monótonos. La mayoría de los diseñadores están adoptando la estrategia de dos tonos para los sitios web. Lo que hace es simplemente hacerlo más atractivo. La adopción de un gradiente de caleidoscopio está ganando impulso y vemos que su presencia aumenta constantemente. Un aspecto fresco con un toque contemporáneo es exactamente lo que ofrece la tonalidad dual.

Por lo general, adoptada en la página de inicio, esta tendencia está en aumento y a los espectadores les encanta. No podemos comentar cuánto durará, ya que la innovación es clave y confiamos en que el grupo de talentos de diseño evolucionará para encontrar un ajuste en esta estrategia también.

14. Cortar el desorden

Cada diseñador cree en una sola cosa: hacer que el sitio web sea único, pero fácil de usar. Con este fin, un sitio web sencillo con imágenes mínimas, variaciones de color y funciones adicionales funciona a las mil maravillas. Simplemente dé el mensaje por adelantado y claro y deje que eso hable por usted. Básicamente, le ofrece las necesidades básicas y nada más.

Escúchalo de la boca del experto,

” La disposición de los elementos de diseño dentro de una estructura dada debería permitir al lector enfocarse fácilmente en el mensaje, sin disminuir la velocidad de su lectura” –Hermann Zapf

Si bien es posible que no se destaque visualmente, se destaca como el diseño web que está libre de desorden y se lo ofrece como es. Algunos espectadores lo encuentran refrescante. También hay una reducción deliberada de los enlaces de navegación. Ahora están surgiendo sitios web con menos enlaces y diseños más simplistas. Obtienes lo que quieres, sin los lujos innecesarios. Tómelo o déjelo.

15. Fusionando lo horizontal con lo vertical

2017 se trata de desafiar y esta es solo otra forma de hacerlo. Una combinación de textos horizontales y verticales es un método probado para atrapar a los espectadores. Úselo imaginativamente y ya está todo listo. No solo se destaca, sino que se destaca con estilo.

Ref: Buscando a Siria

¿A quién le importa la convención? Nadie en el mundo del diseño. Así es como lo hacen. El mensaje es claro. Vamos diferentes, te guste o no. Aunque, a la mayoría de los espectadores les encanta. Predecimos que este es un guardián bajo la manga del diseñador.

Conclusión:

Ahí vas. Estas son nuestras 15 mejores opciones para las características de diseño que están de moda. No se sorprenda al saber que la mayoría de los diseñadores están interesados ​​en explorar solo las tendencias más contemporáneas. No hay espacio para ser anticuado en este espacio de diseño web en rápida evolución. Afortunadamente o desafortunadamente, el valor de los diseños conservadores está disminuyendo y la mayoría de los diseñadores están tomando el autobús de la nueva era con mucho entusiasmo.

Sin embargo, las ventajas de las tendencias siempre cambiantes son numerosas. Mantiene la creatividad viva; desafía constantemente los hábitos de diseño complacientes y, literalmente, nos mantiene alerta al sacarnos de nuestras zonas de confort. Ahí es donde radica la verdadera posibilidad de excelencia. Una improvisación constante de habilidades es lo que cada diseñador web puede obtener de las tendencias fluidas.

Se observa una evitación definitiva hacia diseños llamativos, diseños limitados de navegador y dispositivo, y se pueden observar páginas estáticas estándar en todos los ámbitos. Ya sea que se trate de diseños abiertos, estructurados, tipografía creativa, opciones de color desafiantes o imágenes infundidas de vida, todo está dirigido a proporcionar a los usuarios un sitio web atractivo. Las reglas se están doblando; los límites se están ampliando, todo con el objetivo de evolucionar hacia esferas de diseño superiores.

Adopte uno, algunos o todos, es su elección, pero es suficiente decir que estas son las tendencias dominantes de nuestro tiempo.

Fuente:

Las últimas tendencias de diseño web para el diseño galardonado de sitios web

Answer 7

Oye,

Recientemente, leí un artículo muy interesante sobre las tendencias de diseño de sitios web para 2017. Aquí estoy pegando ese artículo:

Para obtener el centro de atención en la web, el sitio web desempeña un papel destacado. Como ya sabemos, la tendencia del diseño web se está transformando continuamente y es necesario vigilar la tecnología actual y la tendencia para que coincida con las expectativas del cliente.

En el año anterior, se han visto muchas nuevas ideas y tecnologías con todos los navegadores principales que admiten los estándares CCS3 y HTML5 junto con motores JavaScript súper rápidos. El diseñador web nunca tuvo varias opciones a su disposición creativa. En cualquier negocio en línea, un buen diseño web es muy necesario porque te lleva un largo camino por delante en este camino. En realidad, seguir la tendencia reciente elevará su negocio y reputación en el mercado similar. Por lo tanto, es importante comprender temprano las nuevas tendencias que le darán una ventaja sobre sus competidores. Así que aquí hay algunas tendencias de 2017 para echar un vistazo.

Implementación de diseño receptivo

El diseño receptivo es un enfoque prominente para desarrollar un sitio. Mediante el uso de consultas de medios CSS y diseño / cuadrículas flexibles para desarrollar un sitio individual que ajusta su contenido y lo repara automáticamente de acuerdo con los dispositivos de varios tamaños. La mejor parte del diseño receptivo es que permite que los clientes paguen por un solo sitio creado que efectivamente proporciona contenido en tabletas, móviles, computadoras portátiles y de escritorio.

Diseño sensible a la edad

El diseño web receptivo puede corregir el contenido del sitio web de acuerdo con la resolución o el tamaño de la pantalla del dispositivo. Más adelante, el diseño del sitio web tendrá la capacidad de ajustar el contenido a la luz de la edad del cliente. Varias compañías de publicidad también están personalizando las suyas de acuerdo con el interés de sus clientes. Espero ver sitios que brinden contenido cambiante en varios grupos de edad para que no lean libros similares o vean programas similares. En 2017, habrá una expansión de metadatos que dará ajustes específicos a la edad de los sitios, incluidos los siguientes:

• Las variables relacionadas con las fuentes terminarán siendo claramente mayores y más claras para que las vean los ancianos.

• La combinación de colores se modificará en función de la edad del cliente. Esto verá tonos más dinámicos, mientras que los clientes más establecidos tendrán la oportunidad de ver un plan de colores más suaves.

• La expansión y contracción de los menús de ruta se basarán en el nivel de competencia del cliente. Para las interfaces simplificadas, será más útil para ellos examinar detenidamente el sitio o la aplicación mientras utilizan los componentes UX a los que están aclimatados.

El SEO continúa influyendo

En general, todos los propietarios del sitio web quieren competir. Para eso, es importante que el sitio web se optimice de acuerdo con la regla actual y las tendencias descritas por el motor de búsqueda, lo que ayuda a llegar a la cima de los motores de búsqueda. Según las tendencias, los motores de búsqueda se vuelven más inteligentes y los engañan con técnicas inteligentes. En este sitio web, el diseño tiene que ser fluido y bien organizado para aumentar el tráfico en el sitio web.

Cuenta visual de cuentos

Es posible que rara vez escuche sobre la narración de historias al construir el mapa de contenido del sitio web. Pero el siguiente enfoque es Visual Storytelling porque el contenido visual siempre funciona mejor que uno simple, hace que el contenido sea más vivo y atractivo. Según un informe reciente, se observa que alrededor del 45% de los usuarios de Internet ven al menos 1 video por mes, por lo que alrededor de 100 millones de personas miran videos diariamente en los que aprox. El 64% compra ese video y después de verlo, alrededor del 80% lo ve, recuerda ese video durante al menos 30 días y alrededor del 92% lo comparte en línea con otros. Estos datos simplemente representan que los elementos visuales y de percepción humana son 60 veces más rápidos que leer palabras.

Impulsar la navegación móvil

Con el avance de la tecnología, más usuarios desviarán la atención hacia dispositivos inteligentes como dispositivos móviles en lugar de comprar computadoras de escritorio. En última instancia, esto aumentará la demanda de aplicaciones móviles y la versión del sitio web. Básicamente, el usuario ignora ese sitio web que no navegaba en dispositivos móviles y que ocupaba un lugar bajo en los motores de búsqueda. Este efecto impactará en el futuro.

Un nuevo avance en el diseño web se centrará básicamente en facilitar la interfaz de usuario para que no haya imágenes de mal gusto, navegación complicada y páginas web pesadas. Para aumentar un sitio web, se combinarán el rendimiento y la apariencia general. Con respecto a los patrones que afectan los deseos del cliente y cuán obvios serán sus configuraciones regionales en las páginas de resultados del rastreador web innegablemente refinadas. O tal vez, usted como diseñador debería ser rentable y abogar por un mejor esquema.

Escrito originalmente en: Blog de MAANSoftwares

Answer 8

Nuestros diseñadores en Flexi IT-company ven los siguientes cambios:

Énfasis en el contenido.

En 2017, es probable que los sitios web comiencen a volver a lo básico y a poner más énfasis en el contenido. Si eso significa que eliminamos todas las otras distracciones que hemos pasado años agregando, o simplemente haciéndolas ocupar menos espacio, aún no se ha determinado. Volver al corazón de un sitio web, el contenido, prevalecerá en el futuro.

El final del diseño plano.

Desde mi punto de vista, el diseño plano ha pasado de ser una actualización moderna del diseño skeuomorphic a un conjunto de estética de diseño que todos aplican (piense en el material de Google). Debido a esto, los sitios comienzan a tener el mismo aspecto, y no los diferencia mucho entre sí.

Formas geométricas, líneas y patrones.

Hay una cantidad casi infinita de formas en que puede integrar formas geométricas, líneas y patrones en su sitio web, y esta podría ser una forma en que los diseñadores llevan el diseño gordo a un nuevo nivel (e incluso agregan un poco de personalidad, como se mencionó anteriormente) . En general, espere ver este tipo de estilos de diseño más a lo largo de 2017.

Estilos de encabezado imaginativos

Cambiar la justificación y el diseño del encabezado, agregar elementos únicos al encabezado o incluso ir sin un encabezado (al menos por encima del pliegue) son formas en que los diseñadores están comenzando a experimentar cambiando el estilo de encabezado típico en los sitios web.

Imágenes de gradiente de duotono

En la búsqueda de mantenerse más en la marca, más marcas están utilizando imágenes y gráficos duotono para sus sitios web. Incluso TNW tiene el duotono correcto, y aún no es 2017.

Mayor uso de animaciones y GIF.

Anticipo que en 2017 el uso de animaciones será más frecuente, ya que se comparten más tipos de contenido y la animación ayuda a comunicar las cosas de manera más fácil y rápida que el texto y el video. Además, cuando se hace correctamente, a menudo puede ser incluso más liviano que varias imágenes o incluso un video.

Dietas de navegación

En lugar de navegaciones demasiado complicadas y largas, cada vez más sitios están comenzando a simplificar su navegación a unos cuatro o cinco elementos. Mantener la navegación al mínimo también ayuda a los visitantes a centrarse en la intención en cuestión, en lugar de tratar de encontrar un camino fuera de la página.

Microinteracciones

Las microinteracciones son formas sutiles pero poderosas de interactuar con un sitio web. A menudo se encuentran en elementos emergentes, animaciones de clic, efectos de desplazamiento, etc. Si bien siempre hemos tenido este tipo de elementos de diseño, los diseñadores dedican más tiempo a ellos, lo que los hace informativos y más refinados.

Probablemente, la integración más utilizada es el desplazamiento / desplazamiento, donde un visitante simplemente puede mover el cursor sobre partes del sitio para ver estas microinteracciones e interactuar con el sitio de esa manera.

Mayor uso de elementos dibujados a mano.

Los sitios web nunca han sido un medio que la mayoría asociaría con el dibujo, pero la introducción y el posterior despegue de estos elementos dibujados a mano han sido un cambio agradable al usar elementos de diseño estándar.

Más énfasis en las páginas de destino, menos en una página de inicio

A medida que perfeccionemos el contenido y optemos por comercializarlo y compartirlo más, en 2017 probablemente veremos un aumento en los diseños de páginas de destino en lugar de un diseño de página de inicio. Si bien cada sitio web necesita una página de inicio, creo que a medida que se expande el marketing de contenidos, los especialistas en marketing querrán dirigir el tráfico a páginas de destino dedicadas para dirigirse mejor a sus visitantes y sus necesidades.

Tiene sentido: la idea del marketing de contenidos es aumentar el conocimiento y las conversiones, y qué mejor manera de aumentar las conversiones que hacer que los visitantes lleguen a una página estrictamente diseñada para ellos. Estas páginas estarán tan bien diseñadas y pensadas como otras en el sitio, pero se dirigen al visitante mucho más.

Answer 9

Las tendencias son cambios sobresalientes que ocurren en cada campo imaginativo, y el diseño web es el mismo. Concebidas para la experimentación y el desarrollo, las tendencias son los componentes impulsores del cambio, que (en general) impulsan a una industria a mejorar las cosas.

La web es una situación notable que siempre muestra signos de cambio y avance, y debido a eso, aquí resumimos lo que aceptamos son 14 de las tendencias más vitales para detectar durante el año siguiente.

1. Más marcas reciben un enfoque portátil inicialmente

Como su nombre lo recomienda, el primer diseño versátil es la forma de diseñar portátiles para comenzar, en ese punto trabajando hasta los más grandes.

La primera forma versátil de lidiar con el diseño no es nueva en 2016 y ha existido desde hace un par de años, sin embargo, con los teléfonos celulares ahora nombrados con autoridad como los dispositivos esenciales utilizados para examinar la web, particularmente aquí en el Reino Unido, más organizaciones están entendiendo la importancia de tener un sitio web que transmita contenido con éxito en una pantalla más pequeña, y están compitiendo para instalarse.

Para empezar, el contenido está diseñado para caber en dispositivos cribados versátiles y más pequeños, en ese punto usted trabaja para obtener los dispositivos cribados más grandes.

Dejando a un lado el diseño y las imágenes, el primer modelo versátil y los confinamientos que trae es una ruta valiosa para que las marcas consideren verdaderamente cuál es su esencia y mensaje central que deben transmitir.

Los teléfonos celulares (generalmente) acompañan pantallas esencialmente más pequeñas que las tabletas y las computadoras de escritorio, lo que restringe la medida de la sustancia que un cliente puede sin una vista muy amplia sobre el doble. Esto permite a las marcas deshacerse de cualquier dato o sustancia que no sea 100% esencial, lo que les permite incluirlo, junto con los accesorios extravagantes visuales adicionales para los clientes a medida que cambian a dispositivos con pantallas más grandes.

Nuestra expectativa: Mobile-first no es una idea nueva para 2016, sin embargo, prevemos ver más destinos durante el próximo año que adopten una estrategia más perspicaz para transmitir su contenido a pantallas más pequeñas, en lugar de que el diseño portátil sea un accesorio posterior. El escritorio fabrica.

2. Ejecución más extensa del diseño receptivo

Sabemos lo que está suponiendo: ¿primero portátil en primer lugar y ahora diseño receptivo? ¡Ninguno de estos es nuevo para 2016!

Aunque el diseño receptivo es también algo que ha existido durante un par de años, lo que anticipamos ver durante el próximo año es un aumento significativamente mayor en la cantidad de marcas, tanto de todas las formas y tamaños, que están construyendo receptivos. destinos basados ​​para servicios de marketing SEO.

Para las personas que pueden no reconocer qué es el diseño receptivo, es básicamente una forma de lidiar con la construcción de un sitio utilizando preguntas de medios CSS y redes / formatos adaptables para hacer un sitio solitario y dinámico que altere y vuelva a bailar su esencia para mostrarse mejor en diferentes aparatos medidos. Funciona como una unidad inseparable con versatilidad en primer lugar, ya que el portátil inicialmente diseña la experiencia y el aspecto, y lo ejecuta de manera receptiva.

Una de las recompensas del diseño receptivo es que permite que las organizaciones paguen solo por un ensamblaje de sitio solitario que transmite contenido de manera viable en versátiles y tabletas, la distancia a las estaciones de trabajo portátiles a las enormes empresas de diseño de sitios web .

Aparte de la suficiencia de costos, la razón por la que imaginamos que una marca significativamente más utiliza esto es un resultado directo de una actualización del cálculo de posicionamiento de Google que cayó en abril hace un año. Para agregarlo, la actualización de Google ahora es compatible con la clasificación de las configuraciones regionales que simplifica su contenido para teléfonos celulares y clientes. Cualquier página web que no esté mejorada para portátiles está configurada para ver una notable sacudida en el lugar donde se posiciona en la empresa de desarrollo de aplicaciones del sitio web.

Answer 10

Diseño plano 2.0

Las tendencias modernas requieren interfaces planas y minimalistas. Ahora el diseño plano comienza a crecer y evolucionar a plano 2.0.

Tratando de mantener lo mejor de lo que es el estilo plano, los diseñadores prefieren lograr un equilibrio entre lo completamente plano y lo artístico, lo que es atractivo para los visitantes. Por ejemplo, se refiere al uso de largas sombras o reflejos de objetos, gradientes, patrones, etc.

Fuentes

Aquí hay algunas pautas para elegir fuentes:

• Para un sitio web, es mejor usar dos tipos de fuente, pero puede usar su inscripción diferente.
• Utilice las fuentes de la misma familia, como PT Sans o PT Serif.
• No use las mismas fuentes para encabezados y texto del cuerpo.

Tipografía impresionante

Los proyectos web utilizan cada vez más una gran tipografía. Los diseñadores web hacen declaraciones bastante fuertes al usar fuentes hermosas y únicas. Las fuentes son un componente central del desarrollo del diseño web y la marca. En 2018, los siguientes tres estilos de tipografía se han vuelto especialmente populares:

• Tipografía retro grunge
• Acuarela
• Tipografía de mayúsculas

Botones fantasma

Un botón fantasma tiene una forma bidimensional de un cuadrado o un rectángulo sin relleno y un contorno sin complicaciones. Puede ser completamente o casi completamente transparente, excepto por el esquema y el texto. Este estilo de botón es bastante popular en los sitios web que prefieren utilizar la fotografía a pantalla completa.

Tipografía de pantalla completa

El diseño plano puede reducir significativamente el peso de las páginas del sitio o el aterrizaje en general. Esta ventaja permite utilizar imágenes estáticas de alta calidad y gran tamaño como el bloque de imagen principal (disparo de héroe).

Diseño web adaptable

Posiblemente la tendencia más importante de la temporada es el diseño receptivo. Por lo tanto, cada vez es más importante que los sitios web móviles estén igualmente bien adaptados a teléfonos inteligentes, teléfonos, tabletas y otros dispositivos.

Encabezados ‘pegajosos’

Permanecen en una posición fija en la página mientras un usuario se desplaza hacia abajo. Algunos sitios web también corregirán la posición de otros elementos, como la navegación secundaria, los enlaces para compartir en redes sociales o los llamados a la acción.

Cuentacuentos interactiva

La gente ama las historias. Además, las personas quieren participar en la historia. Los sitios web que cuentan una historia a menudo pueden involucrar a los usuarios y jugar en algo que evoca la emoción humana. La narración de cuentos requiere la creación de componentes visuales y de interfaz de usuario para crear algo con lo que los humanos quieran interactuar.

Desplazamiento infinito

El desplazamiento infinito se ha vuelto popular junto con los dispositivos móviles, permite a los usuarios ver fácilmente más información con solo mover un dedo, que prefieren presionar un botón. Los sitios web de desplazamiento largo permiten a los usuarios viajar.

Obtenga más información sobre las tendencias modernas en el diseño web de comercio electrónico

Answer 11

Las tendencias de diseño web están cambiando, pero a veces no tan rápido. Por lo tanto, podrían funcionar no solo en 2017, sino en los próximos años. Respira hondo, ¡es hora de saber más!

# 1 Cinematografía

La cinematografía no es un GIF normal que vemos en Internet. Cinemagraph sigue siendo una imagen con elementos menores en movimiento. Esta técnica hace que una foto simple sea más realista al darle vida.

# 2 Despliegue rápido de Touch ID

Cuando apareció la identificación sensorial de una persona, se usó solo como una herramienta para desbloquear el dispositivo móvil. Sin embargo, observadores cuidadosos inmediatamente llamaron a esta tecnología como el instrumento del futuro.

En 2015, Apple presentó Apple Pay al mundo. Es una billetera móvil revolucionaria. De inmediato, se hizo evidente que sus ingenieros están trabajando en algo más serio que un simple desbloqueo. Recientemente, Apple anunció que muy pronto iOS tendrá una funcionalidad que permitirá que aplicaciones de terceros como Dropbox, Amazon, etc. utilicen la tecnología de acceso Touch ID.

No solo un diseñador sino también cualquier persona puede experimentar los beneficios de este enfoque. Las contraseñas convencionales que necesita recordar e ingresar manualmente se convierten en cosa del pasado. Una nueva tecnología en línea hace que la autenticación sea más fácil y segura.

# 3 Diseño de tarjeta

Las cartas o fichas han tenido un impacto significativo en el diseño web. Este enfoque le permite mostrar contenido de la manera más conveniente para los usuarios móviles.

No es de extrañar que el mosaico despertó el interés de los diseñadores de aplicaciones. Un mosaico es una herramienta eficaz, especialmente porque le permite dividir el contenido en partes más pequeñas y luego asociar cada elemento al contenido relevante. Además, las tarjetas permiten a los usuarios elegir sus propias acciones.

Por lo tanto, el diseñador se mantiene completamente enfocado en las necesidades del usuario utilizando este método de entrega de contenido. Si una aplicación móvil está asociada con un sitio, puede atraer más tráfico. Las tarjetas facilitan la ejecución de archivos multimedia, como un video o una imagen de Twitter.

# 4. Móvil = diseño receptivo

Quizás sea la tendencia más importante y vinculante hasta la fecha. El sitio web tiene que verse igualmente bien en todas las resoluciones de monitores, computadoras portátiles, pantallas de teléfonos inteligentes y tabletas móviles.

Por cierto, los motores de búsqueda monitorean qué tan bien se adapta el sitio a varios dispositivos. En base a eso, definen el lugar en los resultados de búsqueda.

# 5. Diseño semi plano

El diseño de materiales es una tendencia poderosa en los últimos años. La precisión y la claridad son inherentes a los sitios web ejecutados en colores planos.

Recientemente apareció un nuevo tipo de diseño plano: semi plano. Es cuando todo el diseño se realiza en un color plano, y solo un elemento tiene una sombra, degradado o textura. En general, este elemento es un botón, al que se le dan dimensiones o inclinación para atraer la atención de los visitantes.

# 6. Dispositivos móviles portátiles

Quizás sea demasiado pronto para pensar en el diseño de interfaces portátiles de dispositivos móviles; esta tendencia solo está ganando impulso. Pero se revelará en un futuro muy cercano.

Muchos expertos han pronosticado un auge en las ventas de relojes inteligentes, pero esto no sucedió. Sin embargo, esto no significa que la electrónica portátil no tenga ninguna posibilidad de éxito.

Lo ha hecho, y lo hará, ¡solo tenemos que esperar un poco!

Hasta ahora, una corbata de “ropa inteligente y pantalla de reloj inteligente / teléfono inteligente” funciona bastante bien. Las reacciones mixtas de los usuarios a los dispositivos modernos lo explican. Pero tan pronto como la cantidad de tecnología alcance una masa crítica, habrá una forma conveniente de interactuar con la ropa inteligente.

Es entonces cuando se necesitarán nuevas interfaces. ¿Cómo se verían? ¡Es difícil de decir! Por ahora, todos los dispositivos inteligentes, incluido Apple Watch, utilizan un enfoque probado. A los usuarios realmente no les gusta. Por lo tanto, debe controlar cuidadosamente lo que sucederá en esta área el próximo año.

# 7. Paletas de colores suaves

El diseño es a menudo el caso donde las tendencias aparentemente conflictivas son igualmente relevantes. La interfaz de la aplicación móvil debe ser principalmente funcional, pero la paleta de colores puede variar según el propósito de la aplicación.

En algunos casos, el diseñador elegirá una paleta de colores brillantes y tendrá razón. Porque los esquemas de colores brillantes son la tendencia actual. Pero también tendrá razón al silenciar ligeramente el color si lo considera necesario.

En 2017, la tendencia principal es “menos es mejor”. Por lo tanto, los diseñadores deben luchar por la simplicidad, especialmente cuando trabajan con color. Basta con mirar el diseño de la interfaz de las aplicaciones más populares y elegantes. Y verá que se utilizó un enfoque minimalista en su diseño.

# 8. Animación

Las animaciones están cada vez más presentes en el diseño web, y pueden ser GIF, SVG, WebGL, CSS o video.

Las animaciones fueron definitivamente una de las cosas más importantes en las tendencias de diseño web del año pasado, ¡así que no lo dudes!

# 9. Rejilla no estándar

Es una de las últimas tendencias de diseño web que surgió como resultado de que el usuario se haya acostumbrado a la cuadrícula clara, el llamado diseño dividido. Fue popular en 2016. Ahora la cuadrícula del sitio web a menudo se “rompe”.

Hoy la página del sitio web no tiene una división clara en varias columnas: las fotos y el texto se pueden colocar al azar, incluso pueden superponerse entre sí, lo que constituye una composición inusual.

Una cuadrícula “rota” da forma a una nueva estética. A los usuarios les gustan las cosas nuevas. Incluso las empresas que están preocupadas por el estilo corporativo pueden usar esta técnica en una combinación universal con la versión clásica de la red.

# 10. Evitar el uso del menú de hamburguesas

Si está trabajando en productos digitales, entonces lee decenas de artículos sobre la forma en que la navegación de hamburguesas en dispositivos móviles (¡y computadoras de escritorio!) Daña las métricas de UX debido al bajo nivel de detección y eficiencia.

Afortunadamente, un número creciente de sitios web y aplicaciones están experimentando con soluciones alternativas y más efectivas para este problema.

Así que ya ves, también se moverán en el futuro y si eliges estar a la moda, ¡solo recurre a profesionales!

Answer 12

La naturaleza misteriosa de las tendencias no nos volvió a fallar esta vez. Si hay un cambio obvio por el que se recordará el año 2017, es el aparente aumento del enfoque sistemático. Simplemente dicho por Chris Coyier de CSS-Tricks,

# No estamos construyendo páginas, estamos construyendo sistemas.

Este año ha visto la amplificación de todas las cosas UX, uno de los principios cruciales de los cuales es la inmersión de la experiencia que un producto digital construye a su alrededor. Es por esto que los sistemas de diseño se están volviendo enormes, capturando más y más aspectos. Los kits de interfaz de usuario, las bibliotecas de patrones, los manuales de estilo y las pautas de diseño de firmas son las partes de la interacción inmersiva que nos esforzamos por crear.

Diseños asimétricos

La simetría era el elemento básico de la industria establecida como la forma más lógica y conveniente de presentar el contenido. Sistemas de cuadrícula enfocados específicamente en las alineaciones hechas a máquina y la jerarquía visual de elementos. Sin embargo, a medida que los sistemas de cuadrícula evolucionaban, comenzaron a mostrar evidencia de inclinación asimétrica. El libro “Grid Systems: Principles of Organizing Type” de Kimberly Elam presenta múltiples ejemplos y principios de diseño asimétrico.

La idea de diseños “rotos” ciertamente no es nueva, pero aún no se ha explorado ampliamente, es por eso que esta tendencia se considera una de las más importantes, ya que brinda a los diseñadores una libertad creativa para deambular y hacer su marca destaca. Lo bueno de los diseños asimétricos es el hecho de que pueden romperse de varias maneras dependiendo de la visión del diseñador, su conocimiento de la percepción del usuario, las ideas de integración de la tipografía y la distribución de contenido.

La asimetría es un caos controlado, físicamente equilibrado para crear presencia de fuerza elemental.

Con un movimiento significativo y efectos de paralaje inteligentes con los que los diseñadores web se están volviendo más hábiles, los diseños rotos y asimétricos definitivamente serán armados la próxima temporada.

Crédito de imagen: Dribbble

Diseño táctil

A medida que la historia avanza en espiral infinitamente hacia el futuro, nunca esperamos que presente las tendencias abandonadas en su forma original. Los orígenes profundamente arraigados del diseño web residen en las cosas físicas, por lo tanto, el esceptomorfismo. Sin embargo, el eclecticismo de los estilos, el arte metafórico y la imaginación han retirado el diseño web a un paisaje diferente.

Hemos abandonado el esceptomorfismo a favor del material y el diseño plano, solo para presenciar la reencarnación en el diseño táctil. La realidad, sin embargo, nunca nos dejó. Fue angulado, transformado, distorsionado y aumentado, pero la verdad es que cada elemento de diseño debe tener una representación clara de los objetos del mundo real.

Los principios de diseño táctil muestran exuberantemente la realidad casi de una manera que puede alcanzar y tocar cosas. Es un desafío que, si se enfrenta correctamente, puede mejorar su juego en términos de singularidad y apreciación del usuario.

Crédito de imagen: Pinterest

Tipografía personalizada

La tendencia de diseño roto reverbera fuertemente en el ámbito de la tipografía. Las letras grandes, en negrita y de alcance, a menudo hechas a mano y personalizadas, se suman al efecto de los diseños asimétricos. Las letras de gran tamaño además de transmitir información pueden servir como señales visuales y dingbats. Reunir collages tipográficos que consisten en diferentes familias de fuentes e incluso tipos de letra contrastantes es lo que podemos esperar que sea una piedra angular en el diseño de letras web.

Todo esto es posible debido a la creciente compatibilidad de las fuentes web. Las fuentes sans serif que dominan las interfaces se diluyen con tipos de letra inusuales y exclusivos que una vez más contribuyen a la experiencia inmersiva de un producto digital.

Crédito de la imagen: RFTB Meat Co.

Imágenes auténticas

La tipografía personalizada no se puede asociar con la fotografía de stock. Una experiencia totalmente auténtica solo puede ser creada por una herramienta visual tan poderosa como la fotografía. Las imágenes personalizadas transmiten el mensaje de la marca de una manera única, libre de la influencia de una visión de terceros. En este caso, la interpretación de las imágenes, así como la identidad de la compañía difundida a través de ellas, se convierte en una herramienta de influencia, en lugar de solo un complemento genérico.

La tentación de elegir imágenes de los millones disponibles es bastante alta, pero así es como tendemos a comprometernos con lo que podemos encontrar en lugar de crear una fotografía completamente original, asignada exclusivamente a su marca.

Pero, ¿qué sucede si tiene poco tiempo / recursos para contratar a un fotógrafo o tiene dificultades para identificar el producto final? Una de las formas aceptadas en 2017 como parte del enfoque significativo de contenido primero es introducir a los usuarios en el proceso. Uno de mis ejemplos favoritos de una campaña en las redes sociales y una cosecha de fotos promocionales personalizadas es un concurso de Datsusara. Recopilaron fotos de alta resolución de personas en el equipo de Datsusara y premiaron a los ganadores con un valor de $ 100 en productos. Las mejores imágenes fueron utilizadas en el sitio web. Bastante genio si me preguntas.

Crédito de imagen: Datsusara

Herramientas de creación de prototipos y control de versiones de diseño

Bosquejo

Uno de los mayores avances en términos de software de diseño este año pertenece a Sketch. No lo dudes, Sketch ha existido durante bastante tiempo, pero es a mediados de 2017 que hemos visto a las principales agencias de diseño y autónomos gravitar a Sketch como su principal herramienta de creación de prototipos.

Este logro tiene una serie de razones, todas ellas combinadas para hacer que Sketch aS sea una herramienta del ejército suizo para diseñadores web / móviles UI / UX. En general, Sketch tiene las cosas pero no la pelusa. Es una herramienta de diseño de interacción para el núcleo sin características 3D irrelevantes, filtros de fotos, herramientas de retoque, etc. En cambio, es una aplicación modular de múltiples complementos enfocada únicamente en mitigar las molestias en el diseño de la interfaz de usuario. En pocas palabras, el Sketch de 2017 es:

• Equipado con mesas de trabajo y tablas de humor.
• Tiene un administrador de complementos expandible en Sketch Toolbox.
• Basado en vectores.
• Compatible con dispositivos a través de Sketch Mirror.
• Orientado a CSS.

Resumen

El control de versiones siempre ha sido una piedra angular en el diseño. Lo que siempre ha existido en la comunidad de desarrolladores fue un sueño para los diseñadores. Ha habido varios intentos de crear un ‘GitHub’ para el diseño, pero en realidad nunca aparecieron, algunas agencias introdujeron sus propias soluciones personalizadas, pero nuevamente ese no es un enfoque saludable. Entonces la lucha continuó hasta que se lanzó Abstract a principios de este año.

Abstract es una herramienta de sistema de control de versiones para Sketch exclusivamente. Su interfaz de usuario limpia y simple oculta un potencial poderoso y sin precedentes para que un equipo de diseñadores trabaje en el mismo proyecto y no se enrede en revisiones y plazos. Abstract tiene soporte fuera de línea para bifurcación, edición de archivos, confirmación y fusión.

A pesar de que Abstract se enfrenta a múltiples desafíos para ser nuevo en el mercado, no tiene más que perspectivas de futuro brillantes por delante. Primero que nada, es obligación de cualquier equipo de diseño diverso de la actualidad probarlo.

Escritura UX

Tradicionalmente, los principales vehículos UX siempre han sido elementos gráficos y de interfaz visual. El contenido textual se consideró secundario y explicativo. Es obvio que los elementos visuales desencadenan la comprensión en el nivel de la superficie, sin embargo, una comprensión más profunda requiere un enfoque diferente. El aumento de las capacidades de IA, el diseño conversacional y las interfaces de usuario intensivas en interacción descubrieron una brecha entre cómo funcionan las prácticas de UX y cómo se pueden transmitir a través de las palabras.

Escritura UX o diseño de palabras, creo que es una progresión lógica de la tendencia significativa en el diseño. El enfoque de contenido primero tenía que encontrar su camino hacia los medios de comunicación más poderosos: el texto. No lo dude, cada declaración que hace una marca importante en estos días está diseñada cuidadosamente para transmitir un cierto significado en la voz y el tono de la marca.

El diseño de Word es una tendencia bastante nueva, pero está aquí para quedarse, ya que cada vez más empresas comienzan a obtener la ventaja competitiva y llevan sus productos al siguiente nivel de apreciación. Es solo cuestión de tiempo que los chatbots, enseñados con UX en mente, se hagan cargo. Muchos de ellos son capaces de hacerte reír a la vez que son agudos y están orientados a objetivos. Todas estas estrategias requieren un profundo conocimiento de la psicología, una gran comprensión de las personas y una brillantez del lenguaje. Estoy extremadamente entusiasmado con lo que viene en el campo de la escritura UX.

Los elementos visuales son anticuados pero las palabras nunca pierden su poder. Como Bel Kaufman dijo una vez: “Para los jóvenes, los clichés parecen recién acuñados”.

La recapitulación

Estas son solo algunas de las tendencias que podríamos considerar como las más significativas e interesantes. En una industria de diseño web en constante cambio, donde buscamos constantemente nuevas formas de sorprender a todos, incluidos nosotros mismos, las tendencias son translúcidas y la percepción es la clave.

El cambio general hacia la ubicuidad, incluso a expensas de un lugar seguro, parece ser la característica principal, a medida que más tecnologías entrelazan la vida cotidiana. Cumplir tareas ya no es el único objetivo. La experiencia de la interacción hombre-máquina en el camino tiene que ser significativa, atractiva y deliciosa; y este es el camino que los diseñadores de UI / UX parecen haber preparado para el próximo año más o menos.

Answer 13

Según una encuesta realizada por la Sociedad de Agencias Digitales: “El 80% de las empresas de diseño cree que la mala experiencia del usuario ha sido la debilidad clave de los sitios web de sus clientes en 2016 “. Han marcado la mala experiencia de usuario como el mayor problema de diseño web del último año.

Por lo tanto, lo que vemos es un cambio drástico en las prácticas de diseño web en 2017.

Los diseñadores se centrarán en garantizar la participación del usuario y la eliminación de distracciones. Veremos más y más diseños minimalistas con interfaz de usuario conversacional.

Además, para mejorar la autenticidad, los diseñadores confiarán menos en las imágenes / videos de stock y más en los contenidos / videos / imágenes de su propiedad. También podríamos ver un cambio a animaciones e íconos atractivos, con el objetivo de aumentar la conversión y el compromiso.

Si desea estudiar esto en detalle, aquí hay una buena pieza para ver. Tendencias de diseño web de 2016 que dominarán en 2017

Answer 14

Como 2017 aún no ha comenzado, creo que veremos las siguientes tendencias en 2017.

(También escribí sobre las mejores tendencias de diseño web para 2017 aquí y las mejores tendencias de desarrollo aquí, consulte el artículo completo. Aquí está mi resumen del artículo).

1. El fin del diseño web tradicional

El concepto de diseño web en el sentido tradicional se está desvaneciendo. O, como Eric Meyer declaró en una reciente revista Offscreen, dejó de llamarse diseñador web, sino que se llama a sí mismo un “diseñador de experiencia”.

Los diseñadores web (o diseñadores de experiencia) ya no solo hacen que los sitios web “se vean hermosos”. Por el contrario, deben analizar la experiencia de los usuarios y sus historias.

2. IU conversacional

2016 ha sido un gran año para las interfaces de conversación. O como Chris Messina , el fundador del hashtag y ex Googler declaró:

“2016 será el año del comercio de conversación”.

Por lo tanto, el diseño de interfaces de usuario conversacionales (por ejemplo, para sitios web) se convertirá en un tema cada vez más importante para la mayoría de los diseñadores web en 2017.

3. GIF y otras animaciones

Muchos sitios web y aplicaciones usan animaciones por un tiempo. Lo nuevo es que los GIF se están generalizando. Ahora integrado en Facebook y Twitter, los GIF también se pueden usar para su diseño web.

4. Diseño web minimalista.

El minimalismo se está llevando a un nivel completamente nuevo en 2017, por lo que en lugar de ser golpeado con una página de inicio, a los usuarios se les presenta una ‘tarjeta’.

Netflix es un ejemplo de un sitio web que ha comenzado a usar tarjetas con gran éxito, las imágenes explican más sobre un programa o película que una breve biografía y usan menos espacio. Este minimalismo también se aplicará a los menús y la navegación, los cuales serán lo más simples posible.

5. Menos fotos de archivo, más autenticidad.

Mientras navego por la web en los últimos meses, tengo la sensación de que vemos una disminución de las fotos de archivo en los sitios web. También tengo la sensación de que los diseñadores web prefieren no usar ninguna imagen en lugar de usar una foto de archivo.

6. Sitios web de desplazamiento largo

Hay un pros y contras para los sitios web de desplazamiento largo. Con todo, vemos cada vez más sitios web de desplazamiento largo, principalmente por el éxito de sitios web aparentemente sin fondo como Facebook, Twitter o Instagram.

Como raza humana, estamos acostumbrados a la acción ahora. Muchos sitios están eliminando menús y pestañas y, en cambio, están poniendo todo en una página larga.

Mejor sigue desplazándote.

Puede encontrar el artículo completo con las 10 tendencias de diseño web para 2017 en este artículo: ¡ 10 tendencias de diseño web que puede esperar en 2017!

PD: Si está más interesado en la parte técnica, también debería consultar este artículo: ¡Las mejores tendencias de desarrollo web para 2017!

Answer 15

Dentro de cualquier industria, las tendencias influyen en el comportamiento de las personas, particularmente en el diseño. El diseño es el proceso que nos sigue a todas partes. El desarrollo de aplicaciones web y móviles no es una excepción, ya que una buena primera impresión es una parte importante de cualquier diseño de sitio web, móvil o aplicación web.

Principales tendencias de diseño 2017

1. Minimalismo

El diseño minimalista hace que su aplicación sea lo más simple posible. Todo lo que necesitan sus usuarios es hacer clic en un botón. Si la aplicación o el sitio web tiene muchos elementos diferentes en el diseño, puede causar algunos malentendidos para los clientes. Esta tendencia se centra en eliminar detalles innecesarios y mantener solo lo esencial. Por cierto, minimalista será popular tanto con simplicidad como con colores mínimos y efectos en este año.

2. Color

El color es igualmente importante para el diseño, ya sea un sitio web o una aplicación móvil. Es capaz de influir en el estado de ánimo del usuario, su comportamiento y las tasas de conversión.

Según el Diseño de materiales de Google, las combinaciones de colores recomendadas por su diseño serán colores vivos y brillantes. Por cierto, puede visitar este sitio web para elegir el color correcto para su producto. Todo lo que necesita es elegir dos o más colores y seleccionará automáticamente una paleta para usted.

Además, hay un estilo Duotone. Es un estilo de imagen que contiene dos colores. Este estilo de diseño también será popular en este año.

3. Fotos auténticas y cualitativas

Cada año, la cantidad de contenido continúa aumentando y significa que la necesidad de imágenes de calidad también ha aumentado. Para que su imagen se mantenga el mayor tiempo posible, preste especial atención a su universalidad. No es necesario usar las imágenes más populares. Tome sus propias fotos originales que representen su marca. Tome algunas fotos de su oficina o tal vez, algunos lugares interesantes, y muéstrelas.

4. Fondo degradado

Unos años más tarde vimos un fantástico gradiente de regreso. Hoy, los gradientes son grandes y usan muchos colores. La forma más popular para el uso del degradado es una superposición de degradado de dos colores en las fotos. Es una gran oportunidad para hacer que las fotos menos interesantes sean un poco más hermosas. Además, puede usar gradientes como fondo.

5. Tipografía personalizada

La tipografía también es una poderosa herramienta visual capaz de causar emociones. Las letras grandes, audaces, brillantes y creativas todavía están en la parte superior. Por supuesto, debe recordar que todas las letras geniales deben ser legibles. Asegúrese de que sus usuarios puedan entender exactamente lo que está tratando de decirles. Es una gran posibilidad usar no solo fuentes típicas sino también implementar tipos de letra creativos.

6. Logotipos de espacio negativo

Los logotipos de este tipo serán tendencia en 2017. El logotipo de espacio negativo se basa en una imagen doble donde el espacio negativo y positivo luchan por la atención del usuario.

Lea este artículo para descubrir cuáles son las tendencias de diseño más populares que debe conocer para 2017.

Answer 16

1. Diseños que permiten que el contenido brille

Los últimos años han visto un cambio radical en la forma en que las personas ven el papel del diseño en los negocios. El diseño ha pasado de una etapa de “optimización” tardía en el proceso en la que los diseñadores se abalanzaron para espolvorear algo de polvo de hadas “bonito” como místico a una ventaja competitiva real.

Ha sido una evolución increíble para ver.

Y un elemento fascinante de esa evolución ha sido el cambio hacia un enfoque en el contenido: la carne en los huesos de la red. Los diseñadores de todo el mundo se han dado cuenta de que las personas visitan los sitios web por su contenido, ya sean tormentas de tweets, lecturas largas reflexivas o el último meme “generado por el usuario”, y que el papel final del diseño es presentar el contenido de forma intuitiva, eficiente y “encantadora” ” camino.

Esa es una razón para el cambio del diseño esqueuomórfico hacia enfoques de diseño “más planos” y más minimalistas, como se ve en la estética Material de Google, y realmente, a través de la web y nuestros diversos dispositivos.

Por supuesto, como establece la tercera ley de Newton, para cada acción, hay una reacción igual y opuesta. Muchos diseñadores sienten que la tendencia del diseño plano ha eliminado el alma del diseño. Esperamos que esta conversación continúe durante 2017, pero esperamos que se convierta en un diálogo productivo que nunca pierda de vista el corazón de nuestro trabajo de diseño: el contenido.

2. Mejor colaboración entre diseñadores y entre diseñadores y desarrolladores.

A medida que el diseño ha desempeñado un papel cada vez más influyente en la configuración de las empresas, se ha prestado cada vez más atención a la colaboración de los diseñadores con sus colegas diseñadores y sus colegas desarrolladores.

El énfasis en la colaboración de diseñadores ha surgido en parte de la gran cantidad de aplicaciones web y móviles que estamos construyendo en estos días. Las plataformas gigantes como Google, Facebook, Twitter y LinkedIn requieren no solo grandes equipos de diseño que trabajan en aspectos dispares de la plataforma, sino también mejores formas para que los diseñadores permanezcan en la misma página, y eso significa más colaboración y mejor comunicación.

Han surgido todo tipo de herramientas para ayudar a facilitar esa colaboración, desde las plantillas y paneles de control compartidos en el plan del Equipo de Webflow hasta el lienzo compartido en tiempo real de Figma, y ​​puede apostar que 2017 traerá ambas mejoras a esas plataformas, y todo nuevo opciones.

En el frente de colaboración diseñador-desarrollador, se ha centrado mucha atención en la etapa de traspaso más importante. Donde los diseñadores solían entregar paquetes masivos de imágenes estáticas y especificaciones, ahora comparten visualizaciones dinámicas habilitadas por herramientas como InVision, Marvel y UXPin, o lo hacen mejor exportando código real y listo para la producción desde Webflow.

3. Flujos de trabajo de diseño a desarrollo mejorados

A medida que las herramientas de diseño y creación de prototipos para la web adquieren madurez y sofisticación, el entregable tradicional se ha transformado de los archivos estáticos antes mencionados a visualizaciones más dinámicas que van desde archivos animados de Keynote a sitios web completamente funcionales. Estos entregables más dinámicos acortan el ciclo de retroalimentación, mejorando simultáneamente la agilidad del equipo de diseño y desarrollo y disminuyendo la frustración. También facilitan una mejor comunicación con los clientes. De hecho, para muchos usuarios de Webflow, las reuniones con clientes se han convertido en sesiones de trabajo en vivo, donde los diseñadores pueden dar vida rápidamente a las ideas para que todos puedan experimentarlas casi de inmediato.

4. Tipo grande y audaz

A medida que el mundo del diseño llega al consenso de que nuestro enfoque debe estar en el contenido, cada vez más sitios web presentan líneas de copias resonantes e inspiradoras en un tipo que es tan grande y audaz como la declaración en sí.

Como habrás notado en las capturas de pantalla de muestra, “grande” y “negrita” no necesariamente se refieren al peso de la fuente. Más bien, se trata de dedicar un espacio de pantalla significativo a una declaración única, simple pero que abarque todo sobre el producto o servicio. Y, de manera refrescante, muchas de estas declaraciones parecen claras y al punto, libres de los reclamos bloqueados de interrupción y grandeza que hemos visto mucho últimamente. (Bien, “diseñar lo imposible” podría ser bloqueado, concedido).

En un mundo tan rápido, ocupado y sobrecargado de información como el nuestro, estas declaraciones concisas pero poderosas se convertirán en pan de cada día para empresas de todo tipo.

5. Diseños complejos basados ​​en principios de diseño gráfico.

Si queremos predecir la evolución del diseño web (al menos en términos visuales), debemos referirnos a la evolución del diseño gráfico.

Durante los últimos años, el diseño del diseño web se ha visto limitado por las limitaciones de CSS, pero las nuevas herramientas como flexbox y CSS grid (¡que se lanzarán en marzo de 2017!) Permitirán diseños mucho más expresivos en la web.

Nuestro principal desafío ahora: comprender cómo deberían funcionar estos nuevos métodos de diseño web en el mundo del diseño receptivo.

Puede ver algunos ejemplos de lo que podemos esperar aquí (siempre que esté utilizando un navegador que admita la cuadrícula CSS, como Firefox Nightly, Safari Technical Preview o Chrome Canary):

6. Más SVG

Los SVG (gráficos vectoriales escalables) presentan a los diseñadores y desarrolladores web muchas ventajas sobre los formatos de imagen más tradicionales como JPG, PNG y GIF.

Las ventajas clave de los SVG son claras y claras en el nombre del formato: escalable y vectorial . En lugar de estar basados ​​en ráster o píxeles, los SVG se componen de vectores: descripciones matemáticas de la forma del objeto. Esto significa que los SVG son independientes de la resolución, por lo que se verán geniales en cualquier pantalla, en cualquier tipo de dispositivo. No hay que preocuparse por tener todo listo para la retina.

Pero eso no es todo. Los SVG también se mueven porque no requieren ninguna solicitud HTTP. Y si alguna vez ha ejecutado una prueba de velocidad de página en uno de sus sitios web, probablemente haya notado que esas solicitudes HTTP realmente pueden ralentizar su sitio. ¡No es así con los SVG!

7. Herramientas de diseño basadas en restricciones.

El diseño receptivo ha transformado por completo la forma en que navegamos y construimos para la web.

Pero, curiosamente, no ha cambiado realmente cómo funcionan las herramientas de diseño, en general. Con excepciones obvias como Webflow, la mayoría de las herramientas de diseño populares requieren que simplemente reconstruya la misma pantalla una y otra vez para diferentes tamaños y resoluciones de dispositivos.

En una industria que se trata de un rápido desarrollo, ideación y lanzamientos, ese sumidero de tiempo masivo simplemente no es sostenible.

De ahí una nueva ola de herramientas de diseño (como Figma) que utilizan la idea de restricciones para disminuir la cantidad de trabajo repetido que los diseñadores tienen que hacer al construir diseños de dispositivos cruzados. Estas herramientas se centran en las relaciones espaciales entre elementos y se esfuerzan por preservarlas a medida que los elementos compuestos son redimensionados por dispositivos y usuarios.

8. Más y más brillante color

A medida que movimientos como el minimalismo y el brutalismo salieron a la luz en 2016, los diseñadores buscaron formas de infundir más personalidad en su trabajo de diseño que todavía funcionaba dentro de esa estética despojada.

Y en al menos algunos casos, el color brillante y audaz se convirtió en la respuesta natural.

Como puede ver, tampoco se trata solo de colores brillantes y entusiastas. Los gradientes también volvieron a lo grande, mezclando y difuminando esos tonos exuberantes en espectros que recuerdan a un cielo del mediodía o una puesta de sol salpicada.

Hay una especie de naturalismo sintetizado en este resurgimiento de tonos brillantes y gradientes audaces, y personalmente espero ver más en 2017.

9. Más enfoque en la animación.

La animación ha jugado un papel clave en nuestras interfaces digitales, y no hay razón para pensar que disminuirá en 2017. De hecho, a medida que los diseñadores obtienen cada vez más herramientas visuales para ayudarlos a crear animaciones atractivas y que provoquen una sonrisa, estamos asegúrese de verlos volverse más prominentes y más refinados.

La última característica será particularmente importante a medida que sea más fácil crear animaciones. En la Conferencia de Diseño y Contenido de 2016, el gurú de la animación Val Head hizo hincapié en que los diseñadores deben consultar la documentación de voz y tono de su marca al crear animaciones para asegurarse de que refuerzan el tono que buscan los creadores de contenido. Esto ayuda a garantizar que las animaciones realicen funciones significativas para la marca para los usuarios, en lugar de solo inspirar migrañas.

10. Diseños únicos

El año 2016, al igual que los últimos años anteriores, presentó un debate en curso sobre el diseño web, ya sea morir o perder el alma.

Por excesivo que sea el argumento de diseño web muerto, no se puede culpar a ningún creativo por buscar formas innovadoras de presentar contenido a los lectores. Y uno de los métodos más atractivos para salir de los diseños centrados en cajas por los que muchos responden al diseño receptivo es la cuadrícula rota.

Este enfoque busca una forma de salir de los diseños meticulosamente alineados y “cuadrados” que hemos visto mucho últimamente con una variedad de lo que pueden parecer técnicas visualmente discordantes.

11. Flexbox

Si aún no te has sumergido en flexbox, te espera un regalo. Este módulo de diseño CSS relativamente “nuevo” ofrece una increíble capacidad de respuesta en su funcionalidad, pero también tiene mucho sentido para los diseñadores visuales acostumbrados a manipular objetos en el lienzo con las herramientas de alineación y distribución ofrecidas en Sketch e Illustrator.

Y con todos los navegadores modernos (y no, no estoy contando IE11) ahora totalmente compatible con flexbox, no hay razón para no sumergirse, siempre y cuando su audiencia no esté llena de fanáticos de IE.

Por supuesto, puede llevar un tiempo acostumbrarse a flexbox si te sientes muy cómodo con los otros módulos de diseño muy diferentes. Entonces, si necesitas ayuda para comprender las cajas flexibles, echa un vistazo a Flexbox Game.

12. Diseños complejos de cuadrícula CSS

Próximamente a Flexbox en la carrera por nuevos y mejores módulos de diseño es la cuadrícula CSS. Como dice Chris House, creador de “Una guía completa para la cuadrícula”:

Grid es el primer módulo CSS creado específicamente para resolver los problemas de diseño que todos hemos estado pirateando durante todo el tiempo que hemos estado creando sitios web.

Si bien flexbox nos ayuda a resolver algunos problemas de diseño web seriamente agravantes y de larga data, como el centrado vertical, realmente no estaba destinado a su uso en diseños de página completa. (Aunque ciertamente es capaz de ellos). Grid, por otro lado, se creó para diseños de página completa. Y al igual que Flexbox, le permite reorganizar fácilmente el orden del contenido para diferentes consultas de medios.

Grid aún no está listo para su uso en la naturaleza, pero eso solo le da algo de tiempo para familiarizarse con la especificación. Lo cual es genial, porque va a ser grande.

Si quieres comenzar a jugar con la grilla CSS hoy, así es como:

• En Chrome, vaya a http: // chrome: // flags y habilite “características experimentales de la plataforma web”
• En Opera, vaya a http: // opera: // flags y active “características experimentales de la plataforma web”
• En Firefox, habilita el layout.css.grid.enabled (o instala Firefox Nightly)

13. Un enfoque en el diseño para la entrega, personalización y conversión de contenido.

Una consecuencia de un mayor enfoque en el diseño como un medio para entregar contenido de manera efectiva será un énfasis en entregar dicho contenido a la persona adecuada en el momento correcto, todo con el objetivo de aumentar las acciones deseadas, naturalmente. (¡Todas buenas noticias para ustedes, estrategas de contenido!)

La personalización del contenido ha sido un tema extremadamente candente en los círculos de contenido desde hace bastante tiempo, pero nadie parece haber descifrado perfectamente esa tuerca todavía. Esencialmente, el objetivo es ofrecer contenido basado en características como:

• Datos demográficos : ¿Quién es el visitante (profesional y / o personalmente) y de dónde provienen?
• Comportamiento : ¿Qué está haciendo el visitante ahora? ¿Qué han hecho en su sitio en el pasado?
• Contexto : ¿Qué dispositivo y navegador está usando el visitante? ¿Cómo llegaron a su sitio? ¿Están conectados o desconectados?

Hemos visto algunos experimentos interesantes en esta dirección en la web, muchos de los cuales giran en torno a una personalización manual de recomendaciones de contenido por parte del usuario, recomendaciones de lecturas “relacionadas” y algunas soluciones algorítmicas más parecidas a lo que Facebook es capaz de hacer.

Fubiz cuenta con personalización manual a través de su “Buscador de creatividad”, un formulario de estilo conversacional que le permite elegir entre una variedad de opciones predeterminadas sobre usted, su ubicación y lo que está buscando. Es un poco “de baja tecnología”, pero ofrece una sensación de agencia que la mayoría de las plataformas de contenido realmente no ofrecen.

Answer 17

Una pregunta interesante pero muy técnica De hecho.
Entonces, en mi opinión, cualquier nueva tendencia de diseño se puede introducir en 2017. Pero como estamos casi al final del año 2016, con las estadísticas actuales aquí están algunas de las tendencias de diseño más importantes publicadas a continuación, creo que estas tendencias continuarán su popularidad en 2017

1. Diseño plano (Más y más sitios están logrando un diseño plano con el paso del tiempo)
   DISEÑO PLANO 2013 de inTacto vs REALISMO
2. Diseño de materiales por Google
   Introducción – Diseño de materiales – Pautas de diseño de materiales
3. El uso de colores más brillantes / audaces aumentará a medida que Instagram haya renovado su identidad a colores más brillantes y a muchas otras compañías también.
4. Video Place Holders / Headers (Los videos son la mejor manera de contar la idea del sitio web / producto / negocio de un vistazo)
5. Contar historias dinámicas (se está volviendo popular a medida que las personas tienen la idea de transmitir la historia detrás del negocio, producto o sitio web a través de contar historias dinámicas a través de sitios web).
   por ejemplo, McWhopper
   http://www.electricenjin.com/
   Snowden | Sitio oficial de la película | Ahora en teatros
   Carv es la primera tecnología portátil dedicada al esquí que te habla mientras esquías: es tu entrenador de esquí digital.
6. Diseño de sitios web de una sola página
   Agregue un chapuzón de creatividad a su estrategia comercial.
7. Cajas Flex (como las cajas Flex ahora forman parte de Bootstrap 4, que es el Marco receptivo más popular y más utilizado en 2016)
8. El uso de las fuentes de Google y otras fuentes de Cloud Base aumentará en 2017.
   Fuentes de Google: Estadísticas
9. El uso de SVG o imágenes vectoriales aumentará en 2017. Como son livianos, no comprometió la calidad en resoluciones de pantalla más grandes o más pequeñas.
10. Se incrementará el uso de Fonts Awesome y otros iconos de peso ligero .
    Estadísticas de uso de Font Awesome

11. Sitios web basados ​​en realidad virtual
Mozilla VR
https://webvr.info/
IdeaSpace – Temas VR

12. Cuadrículas receptivas compatibles con 4k y 5k

Todas estas tendencias de diseño se sugieren en mi experiencia personal. Esperemos que ayude a los lectores a tener una mejor idea de Future Design Trends.

Gracias por leer.

Answer 18

Como una persona que está profundamente involucrada en el diseño web, creo que Parallax es una característica nueva y genial. Es una broma. Nadie considera que el paralaje sea una tendencia o algo genial.

He visto muchos sitios de mierda (creo que todos lo hemos hecho). Es por eso que estoy muy emocionado de explorar el recurso que tiene desencadenantes de atención y una apariencia ordenada. En mi opinión, el problema principal es la sobrecarga de las páginas, cuando te arrojan tanta información a la cara, que solo quieres agarrar un martillo y destruir tu computadora. Es por eso que valoro mucho los sitios web creados con el último usuario en mente.

Recientemente, mi colega ha escrito una publicación, prediciendo las principales tendencias de 2017.
Aquí están los puntos principales:

UX importa (mucho en realidad). Lo que mencioné anteriormente es una tendencia perenne. Cuando su sitio es confuso, nadie lo volverá a abrir. Es como con el llamado a la acción. Si quieres que alguien haga algo, debes aclarar tu punto. Las personas deben saber qué hacer a continuación y en qué pestaña hacer clic.

¡Mi favorito! Realidad virtual. Imagínese si se convertiría en parte del diseño del sitio. El visitante estaría literalmente involucrado en la historia de la marca.

Minimalismo Sabes que dicen: El que puede guardar silencio gobernará el mundo. Funciona igual en la industria del diseño web. Si le ofrece al visitante mucha información al principio, es menos probable que quiera explorar. Por supuesto, en la página de inicio debe haber captadores de atención para que el usuario tenga curiosidad por saber qué se almacena debajo del capó. Pero la capucha no debe estar floja, como en la espalda de la prostituta.

Definitivamente, revise la publicación completa si está interesado, no importa si es un profesional o un entusiasta, será útil. ¿Por qué? Porque fue escrito por una persona que está familiarizada con el diseño y desarrollo web. Toda la información se explica muy claramente y se percibe con fluidez.

Answer 19

17 tendencias de diseño web para ver en 2017

1. Interfaces conversacionales

Los chatbots y las interfaces de conversación realmente despegaron en 2016.

Andy Budd, cofundador y CEO de Clearleft, piensa que aunque el aumento de chatbots, IU de voz y asistentes inteligentes continuará, no durará.

“En este momento, todas estas tecnologías están corriendo hacia el” pico de expectativas infladas “, y se encontrarán en el” valle de la desilusión “para muchos de los primeros usuarios a mediados de este año”, explica Budd.

Peter Smart, jefe de UX y estrategia de producto en Fantasy, reconoce que las interfaces se volverán más humanas, pero agrega que todavía tenemos un largo camino por recorrer.

“Los robots de conversación cada vez más inteligentes, incluidos los gustos de Zo y Xiaoice, comenzarán a abandonar los límites de las aplicaciones de mensajería y permearán las experiencias web”, explica. “Espere verlos primero como asistentes inteligentes en experiencias de comercio electrónico. Si bien es probable que tenga la utilidad de Clippy de Microsoft para el futuro cercano, la era de la web empática continúa acercándose ”.

2. Aprendizaje automático

Lily Dart, diseñadora de servicios y jefa de diseño digital en el Departamento de Comercio Internacional del Reino Unido, predice que en 2017 veremos el aumento del aprendizaje automático en las aplicaciones cotidianas.

“En el último año, cada vez más empresas nuevas se acercan a los clientes con los que trabajo y afirman ser capaces de resolver sus mayores problemas a través del aprendizaje automático”, explica. “La mayoría de ellos tienen algoritmos a medias que buscan probar, pero está claro que la industria ha sido mordida por el error de aprendizaje automático”.

“Algunas aplicaciones de alto perfil han comenzado a mostrarnos las posibilidades; el más notable es Spotify y su función Discover Weekly. Spotify ha demostrado que el buen aprendizaje automático puede aumentar drásticamente la adherencia de su producto, ahora es el momento para que todos los demás se pongan al día “.

Mientras tanto, Peter Smart de Fantasía cree que el aprendizaje automático también impulsará una web dinámica en tiempo real.

“¿Cómo es tu página de inicio de Amazon?”, Pregunta. “Es extrañamente personalizado. Sin embargo, hemos llegado a esperar este nivel de personalización inteligente. El siguiente paso para estas tecnologías basadas en CRM es en tiempo real. En 2017, veremos que cambian las primeras instancias de esta tecnología, no solo los productos que ves, sino componentes completos de la experiencia del usuario como algoritmos de diseños de prueba de múltiples variantes para descubrir las presentaciones que inspiran la mayoría de las acciones del usuario “.

3. Diseño emocionalmente inteligente

Pamela Pavliscak, investigadora de diseño, científica de datos y fundadora de Change Sciences está de acuerdo en que en 2017 veremos un giro hacia un diseño emocionalmente inteligente.

“La relación hombre-máquina es más emocional que racional, pero practicamos el diseño emocional de manera limitada”, argumenta. “El diseño emocional ha llegado a significar tecnología humanizadora con lindas mascotas animales y chatbots eternamente astilladores. O bien, significa impulsar el compromiso con recompensas deliciosas y variables que nos mantienen haciendo clic. En lugar de cultivar emociones positivas, la mayoría de las veces hemos terminado haciendo que las personas se sientan adictas. Por lo tanto, es hora de revisar nuestras ideas sobre el diseño emocional “.

“La tecnología de detección de emociones será una fuente de experimentación, pero aún más, una fuente de inspiración”, continúa Pavliscak. “Nos empuja a redefinir el diseño emocional. En este momento, las aplicaciones y los chatbots no saben si estás teniendo un buen día o un mal día, si te estás enfrentando a un gran plazo o estás a punto de irte por un largo fin de semana, si pasaste la última hora riendo con amigos cercanos o discutiendo con tu cónyuge. Pueden ser atractivos o incluso encantadores, pero carecen de inteligencia emocional. Ya sea que comencemos a utilizar realmente la tecnología de detección de emociones o no, incluso considerar la emoción como contexto en lugar de destino, como matizada y mutable en lugar de unidimensional, es un paso hacia la inteligencia emocional. Mi esperanza es ver más diseño que respete la emoción humana en lugar de explotarla en el próximo año “.

4. Realidad virtual

La realidad virtual finalmente se generalizó en 2016 y ahora se puede experimentar en el navegador.

“Estoy realmente interesado en ver cómo crece la popularidad de la realidad virtual y cómo los diseñadores se adaptan a ella”, se entusiasma Kyle Fiedler, director de diseño de thoughtbot. “Ha sido una locura ver que algo que estaba al margen ganaba un impulso rápido. ¡Está en los comerciales de Samsung ahora! ”

Andy Budd, sin embargo, piensa que es otra moda.

“La realidad virtual está en un camino similar a las interfaces de conversación, aunque se mueve un poco más lento y hace un seguimiento de seis meses”, argumenta. “Los desafíos de la interfaz de usuario con la realidad virtual son más complejos y fáciles de entender que las interfaces de conversación, ya que el medio y la materia están más cerca de lo que sabemos. Como tal, espero mucha más espuma VR / AR a principios de 2017 después del lanzamiento de HoloLens, alcanzando el ‘pico de expectativas infladas’ si Magic Leap aparece realmente ”.

5. Conocimiento de ubicación y contexto.

“Una de las cosas que distingue a los dispositivos móviles es la forma en que viajan con los usuarios, y su capacidad para comprender la ubicación y el contexto que los rodea”, dice Kevin Ball, director de ingeniería de la Fundación ZURB.

“Esas capacidades están cada vez más expuestas a los sitios web, y creemos que una gran área de innovación futura será hacer que los sitios web sean más receptivos a los entornos que los rodean. Especialmente con el crecimiento de Internet de las cosas, la oportunidad es tremenda: imagine cargar un sitio web e inmediatamente ver reseñas y comparaciones de precios para todos los dispositivos con acceso a Internet cerca de usted, sin tener que buscar o instalar una aplicación. O imagine un sitio web que usa alguna combinación de la API de Streams de medios (transmisión de video desde su cámara), la API de ubicación geográfica y el marco A de la biblioteca WebVR de Mozilla, para ofrecerle una versión aumentada de la realidad, una vez más sin tener que instalar una aplicación . ”

6. Micro interacciones

Kevin Ball también cree que en 2017 las microinteracciones entrarán cada vez más en aplicaciones móviles y se volverán mucho más específicas para cada dispositivo.

“El diseño móvil primero se ha centrado en el diseño”, explica. “Cosas como apilar columnas y superponer capas en elementos menos importantes a medida que crece el espacio de la pantalla, con complejas interacciones y animaciones reservadas para el escritorio. A medida que el tráfico móvil continúa su ascenso meteórico y las herramientas web móviles maduran, hay muchas oportunidades para aprovechar los paradigmas nativos de diferentes dispositivos para las interacciones centradas en dispositivos móviles “.

Las bibliotecas de JavaScript relacionadas con el tacto y los gestos, por ejemplo, ahora le permiten crear animaciones sutiles (como la interacción de actualización de tweets en la aplicación móvil de Twitter). Las animaciones sutiles dentro de las aplicaciones web móviles también se pueden utilizar para dirigir la atención a elementos interactivos, proporcionando un equivalente específico para dispositivos móviles al uso de efectos de desplazamiento en las pantallas de escritorio.

Karl Randay, director de diseño de 383, está de acuerdo y dice que las micro interacciones se utilizarán para aumentar la simplicidad en las experiencias digitales. “Las micro interacciones son momentos simples de un solo uso que realizan una función básica”, explica. “Como ajustar una configuración particular o controlar una sola función: presionar ‘me gusta’, por ejemplo, o tirar hacia abajo para actualizar”.

“Cuando se combina con gestos simples y comentarios visuales sutiles, apenas notamos que los estamos realizando. Se convierten en parte de la forma natural en que interactuamos con nuestros productos y servicios, una forma poderosa de desarrollar hábitos con los usuarios y al mismo tiempo proporcionar sorpresa y deleite. Pueden ser la diferencia entre una experiencia con la que solo interactúas y una experiencia que amas. Instagram Stories lo hace muy bien, con la sutil resistencia de la página cuando se actualiza, o cuando le gustan o sostienen los emoticones “.

7. colores

La desarrolladora web y experta en Shopify, Kelly Vaughn, cree que 2017 será “un año en contra del diseño” o, como su diseñador Sarah Hutto dice, “año de lo funky”.

Vaughn, por lo tanto, espera ver colores vivos y brillantes y gradientes que regresen. Sin embargo, tenga en mente a su público objetivo (del cliente). Pantone ha coronado a Greenery como el color del año 2017, ya que es refrescante y revitalizante, por lo que puede ser un buen punto de partida si se ajusta a su marca y audiencia.

8. Experiencias cohesivas

Kyle Fielder reconoce que 2016 será el año en que empecemos a pensar en experiencias cohesivas.

“Desde mi teléfono, mi reloj, computadora de escritorio, tableta y realidad virtual. Este año, continuaremos iterando sobre cómo, dónde y en qué dispositivo la gente usará el software que creamos ”.

Para saber cómo crear una experiencia de usuario unificada y coherente, independientemente de dónde comience, continúe y termine la experiencia digital, consulte la nota clave de Cameron Moll sobre UX unificada en Generate New York 2016.

9. ¡Aún más JavaScript!

“JavaScript, JavaScript, JavaScript. Esta ha sido una tendencia durante algunos años, pero 2016 vio muchos cambios, y creo que 2017 estará lleno de personas que se están poniendo al día “, dice el diseñador y desarrollador Wes Bos. Bos creó una gama de excelentes cursos de capacitación en JavaScript, que incluyen ES6 para todos, Reaccionar para principiantes y un desafío gratuito de 30 días para JavaScript.

“Vimos que ES6 comenzó a convertirse en algo común. Vanilla JS está tomando un punto de apoyo lentamente sobre jQuery. React.js, Vue y Angular están comenzando a ser más comunes. Espero ver que las herramientas se vuelven un poco más fáciles de usar: la gente de Webpack sabe que esto es un problema y están trabajando en cómo resolverlo. Mi consejo sería concentrarse en JavaScript vainilla: ser realmente bueno en eso, y sea cual sea el marco de JavaScript o la biblioteca que se le presente, se sentirá seguro al aprenderlo ”.

El desafío de 30 días de JavaScript de Wes Bos le enseña a JavaScript al construir 30 cosas, en 30 días, con 30 videos tutoriales.

Kyle Fiedler está de acuerdo y agrega que a donde quiera que va la gente habla de Reaccionar y Reaccionar nativo.

“Estoy realmente interesado en ver si pueden mantener esta energía y popularidad. Significaría que podría ser más rápido construir para una amplia variedad de dispositivos y plataformas, lo que pone más énfasis en el diseño para crear esas experiencias coherentes “.

10. Falla diseñada

Hemos visto muchas conversaciones en los círculos de diseño de productos sobre el mapeo del viaje y la comprensión del viaje ideal del usuario.

“Pero, ¿qué sucede cuando se experimenta el viaje del usuario no ideal?”, Pregunta Karl Randay. “¿O un usuario que no ha sido considerado intenta interactuar con su producto o servicio?”

“Utilizando un proceso similar a cómo mapeamos el viaje ideal del usuario, el fallo diseñado nos permite comprender mejor las situaciones en las que un usuario puede intentar usar algo ‘incorrecto’ o intentar algo que no ha sido incluido en el diseño de la experiencia. Al construir una comprensión de los peores escenarios y el potencial de falla, podemos modelar e intentar corregir el rumbo a través de la idea de ‘falla graciosa’, brindando una experiencia positiva y una respuesta humanizada a un momento incómodo para cualquier usuario. Un ejemplo realmente simple de esto es usar respuestas humanizadas para contenido que ya no existe, o incluso proporcionar sugerencias de contenido cuando una búsqueda específica no devuelve nada (en lugar del 404 omnipresente o una lista vacía). Slack hace esto muy bien; si has escrito un mensaje a medias a alguien pero te vas, obtienes un pequeño ícono de lápiz que te dice que aún no has terminado “.

11. Sprints de diseño

En 2016, los sprints de diseño se hicieron cada vez más populares entre los equipos de productos. Defendidos por GV (Google Ventures), pronto fueron adaptados por equipos de diseño de todo el mundo para mejorar sus proyectos. Consulte también el sprint de Skyscanner y la guía de diez minutos de 383 para diseñar sprints.

“Apuesto a que cuanto más diseñadores ejecuten sprints de diseño, más se darán cuenta de que necesitan más información”, reflexiona Kyle Fiedler, de thinkbot. “La investigación comenzará a estar a la vanguardia del proceso de diseño e influirá en más y más productos”.

Y si desea descubrir cómo ejecutar sprints de diseño * y *, no se pierda el taller de Steve Fisher en Generate New York y su propia conferencia de Diseño y Contenido en Vancouver este año.

12. Mejor colaboración entre diseño y desarrollo.

Además de trabajar juntos en sprints de diseño, los diseñadores y desarrolladores mejorarán la colaboración gracias al software que utilizan.

“Las cajas de herramientas del diseñador continuarán madurando”, predice Peter Smart de Fantasy. “Atrás quedaron los días del reinado de Adobe. En 2017, con mejores herramientas de creación de prototipos de InVision, Webflow, Figma y muchos otros, veremos a los diseñadores y desarrolladores salir de los silos para desarrollar una mayor comprensión compartida y aumentar drásticamente la velocidad del flujo de trabajo “.

Dylan Field, CEO y cofundador de Figma está de acuerdo.

“El diseño y la ingeniería se están fusionando”, dice. “Hoy en día, los diseñadores en su mayoría crean dibujos en 2D que representan cortes estáticos de una experiencia más rica. Estos dibujos no tienen en cuenta dimensiones adicionales como estado, contexto y movimiento. Si bien los mejores diseñadores usarán las herramientas que sean necesarias para trabajar en estas otras dimensiones, crear excelentes productos digitales para audiencias globales actualmente requiere mucho más trabajo del que debería.

“Estamos comenzando a ver a los diseñadores aprender los principios de la ingeniería para aumentar su propia eficiencia, explorar las infinitas posibilidades que ofrecen las pantallas y crear experiencias más consistentes. Como las herramientas facilitan a las organizaciones la creación de sistemas de diseño compartido, esto lleva a un flujo de trabajo más racionalizado y a una mayor colaboración entre el diseño y la ingeniería “.

13. Fusión de UX y diseño de servicios.

“Mi gran apuesta para 2017 es la eventual unión de UX Design y Service Design”, dice Andy Budd. “Durante muchos años, estas disciplinas relacionadas han tenido mercados y comunidades de práctica comprensiblemente diferentes. Sin embargo, a medida que más y más servicios se entreguen digitalmente, y más y más productos digitales utilicen el servicio como los tejidos conectivos, estos dos campos comenzarán a fusionarse ”.

14. Facebook y Google como destinos de contenido

En 2017, Facebook y Google serán aún más importantes para el consumo de contenido, reconoce Andrew Turrell, director de experiencia del usuario en RED Interactive Agency.

“Facebook y Google tienen enlaces abiertos en sus propios formatos de artículos, artículos instantáneos y páginas AMP, consolidando su lugar como destinos para el contenido, no solo saltando puntos”, argumenta. “Están estableciendo estándares para una velocidad de carga rápida y una interfaz de usuario mínima. En 2017, los sitios de contenido trabajarán más para alinearse con estos nuevos estándares “.

15. La credibilidad se convierte en rey

A medida que se crean millones de piezas de contenido por minuto, ¿cómo sabe en quién (y en qué) confiar?

El diseñador de experiencias Benjamin Evans señala el ciclo de elecciones presidenciales de 2016 en los EE. UU., Que demostró que las mentiras se extendieron (y se puede creer) más rápido que la verdad.

“La cámara de eco de Facebook se ha convertido en nuestro periódico global”, dice. “Según un estudio de la Universidad de Stanford, un alto porcentaje de ‘nativos digitales’ no puede distinguir entre hechos o ficción en sus canales de noticias. Con los estándares periodísticos siendo socavados por la necesidad cada vez mayor de clics, aquellos de nosotros que creamos medios estamos luchando por descubrir cómo recuperar y mantener la confianza del público. Aunque Google y Facebook (finalmente) comenzaron a probar características de verificación de hechos que ayudan a los usuarios a distinguir los hechos de la ficción, la responsabilidad recae en nosotros como diseñadores para encontrar y adoptar nuevas e interesantes formas de comunicar credibilidad, seguridad y confianza en línea “.

¿Cómo podemos actuar esto? Evans cita un artículo de 1999 de Jakob Nielsen que enumeró numerosas formas en que un sitio web puede comunicar confiabilidad. Él cree que el camino a seguir es ver hasta dónde podemos impulsar estos principios:

Calidad de diseño: “Los diseños del mañana incluirán una experiencia de MLP (Producto adorable mínimo) como una forma de comunicar la credibilidad necesaria para convertir a los visitantes en clientes”.

Transparencia radical: “Cuanto más transparentes sean los diseñadores, desde la atribución de fotos de archivo hasta los colofones para contenido, es más probable que confiemos en ellos como legítimos. Involucrar a sus usuarios en más puntos del proceso de diseño es una excelente manera de generar confianza continua ”.

Contexto integral: “Vamos a ver más prominencia dada a las fuentes y un mayor nivel de transparencia en torno a la información presentada, para que los usuarios obtengan un contexto más profundo del contenido con el que están interactuando”.

16. Interrupción masiva de los servicios básicos de Internet.

Peter Smart piensa que los ataques DDoS de 2016, que resultaron en grandes apagones de servicios para Twitter, Netflix y Spotify, fueron solo el comienzo.

“Continuaremos viendo agentes que se dirigen a partes centrales de la infraestructura de Internet con una frecuencia cada vez mayor, lo que resulta en la interrupción de nuestras dependencias diarias en la web”, teme. Por lo tanto, las aplicaciones de seguridad y sin conexión se están volviendo más importantes que nunca.

17. El ascenso del diseñador de diversidad

“Desde percances como los filtros racistas de Snapchat, hasta la brillante inclusión de los nuevos emojis de género de Unicode, 2016 fue el año en que la diversidad en el diseño finalmente entró en el centro del escenario”, explica Benjamin Evans, quien está colaborando con varios diseñadores para crear una inclusión marco en Belong.

Espera que 2017 traiga un impulso aún mayor hacia la inclusión en las comunidades creativas y tecnológicas, y que los diseñadores empaticen más con una mayor gama de perspectivas.

“La clave es hacer que el pensamiento inclusivo sea parte de su proceso de diseño”, recomienda. “Vaya a buscar ideas, pensamientos y opiniones que difieran de las suyas, haga las preguntas correctas y, lo más importante, escuche las respuestas. No hay una bala mágica, pero la empatía es el punto de partida perfecto “.

Bono: 2017 según Jeffrey Zeldman

Cuando le preguntamos al veterano del diseño web Jeffrey Zeldman, fundador de studio.zeldman y A List Apart, por sus predicciones para 2017, regresó con una contribución que pensamos que era demasiado importante para editar, así que aquí está en su totalidad:

“Bajo el tiempo incesante y la presión financiera de sus jefes, muchos desarrolladores web continuarán tomando atajos, incluidos los atajos que dañan la experiencia del usuario.

Muchos diseñadores imitarán los diseños exitosos de otros diseñadores.

Los equipos inteligentes (y afortunados) involucrarán a todos en el diseño de la experiencia total del usuario, pero muchos diseñadores y desarrolladores igualmente inteligentes y talentosos se verán atrapados trabajando en silos.

Algunas personas que están frustradas dejarán de preocuparse. Otras personas que están frustradas comenzarán a trabajar por sí mismas.

Algunas personas que están frustradas dejarán de preocuparse. Otras personas que están frustradas comenzarán a trabajar por sí mismas.

Más diseño se moverá internamente, lo que hará que sea más difícil para los trabajadores independientes y profesionales de agencias encontrar trabajo. Debido a la reducción del mercado, los empleadores estarán en posición de exigir más y más habilidades de sus solicitantes, mientras pagan cada vez menos.

Se les pedirá a los diseñadores y desarrolladores que tomen decisiones morales sobre la privacidad del usuario y otros asuntos importantes. El dinero se detendrá con nosotros.

Muchas compañías imitarán las guías de estilo de algunas compañías. El diseño plano con gradientes saturará el mercado. Los diseños y el código predeterminados de Bootstrap saturarán el mercado.

Los sitios que parecen plantillas de Squarespace saturarán el mercado.

Algunas personas encontrarán la manera, a pesar de todas las presiones sobre todos nosotros, de continuar haciendo un trabajo bueno, creativo y centrado en los humanos ”.

Answer 20

Ya sea que esté construyendo un nuevo sitio web, rediseñando uno antiguo o simplemente “manteniéndose al tanto” de las cosas, estas son las 8 tendencias de diseño web que necesita saber sobre este año .

1. AI chatbots
Las conversaciones con un chatbot pueden reemplazar una serie de menús complicados y, por lo tanto, cambiar el diseño de la página. Pero no se detiene allí, nuevas empresas como The Grid y RightClick.io están utilizando chatbots de inteligencia artificial para desarrollar los sitios web. Entonces, habla con el chatbot, le dice sus preferencias y crea la página web tal como lo desea: sin codificación, sin diseño, solo una conversación.

2. Cuentacuentos inmersiva
La narración inmersiva está en todas partes, desde teatros hasta juegos, documentales, publicidad y periodismo, por lo que, naturalmente, estará en todos los sitios web. Espere ver diseños más audaces y visualmente estimulantes con una gama de elementos de interfaz de usuario interactivos, como imágenes de alta calidad, animaciones, videos, sonidos, redes sociales, mapas y otros componentes, para crear historias visuales que lo obliguen a interactuar con la página.

bellroy.com/slim-your-wallet

3. Fotografía original
A medida que las empresas intentan darle un toque personal a las imágenes de su sitio web, la fotografía de archivo continuará siendo abandonada por imágenes auténticas de alta calidad que ayudan a reforzar la identidad de la marca. Los estudios muestran que las imágenes reales hacen más para atraer a los visitantes y con cada vez más sitios de fotos de archivo gratis con imágenes originales impresionantes apareciendo, la desaparición de las fotos de archivo es inminente.

Consulte el artículo completo para conocer las 8 tendencias de diseño web que debe conocer en 2017