Vimos que moitas empresas avanzaban cara a unha experiencia máis limpa e sinxela para os usuarios do sitio web. Se es deseñador, desenvolvedor ou simplemente adoras os sitios web, podes aprender algo botando unha ollada a como o fan. Prepárate para inspirarte.
- animación
Deixar atrás os primeiros días chocantes da web, que estaba chea de gifs intermitentes, barras animadas, botóns, iconas e hámsters bailables, animar hoxe significa crear accións interactivas e sensibles que melloren a narración de historias e proporcionen unha experiencia de usuario rica.
Exemplos de animación rica inclúen animacións de carga, navegación e menús, animacións por riba do paso, galerías e presentacións de diapositivas, animación de movemento, desprazamento e animacións e vídeos de fondo. Consulte este sitio de Beagle, unha plataforma de xestión de propostas:
Fai clic para ver a incrible animación de JavaScript e CSS de Beagle cando baixas polo seu sitio.
A animación rica tamén se pode ver na microinteracción. Por exemplo, en LinkedIn, un usuario pode pasar o rato por riba dunha tarxeta para obter un sutil menú emerxente de opcións e, a continuación, optar por saltar a historia ou realizar outras accións.
As animacións GIF rexurdiron (alegremente?) E pódense usar con moitos fins diferentes, incluíndo comedia, demostracións e incluso só para decoración.
- material deseño
material deseño, unha linguaxe de deseño desenvolvido por Google, confía nos elementos do deseño baseado en impresión —tipografía, cuadrículas, espazo, escala, cor e uso de imaxes— xunto con animacións e transicións sensibles, recheo e efectos de profundidade como a iluminación e as sombras para proporcionar unha experiencia de usuario máis realista, atractiva e interactiva.
O Deseño de materiais usa sombra, movemento e profundidade para ofrecer unha estética limpa e moderna cun enfoque na optimización de UX sen demasiadas campás e asubíos.
Outros exemplos de deseño de materiais inclúen imaxes de punta a punta, tipografía a gran escala e espazo en branco intencionado.
- Deseño plano
Mentres que o Deseño de materiais ofrece unha visión do concepto de minimalismo, o deseño plano segue a ser a opción clásica para os amantes das liñas limpas. É dicir, o deseño plano adoita verse como un aspecto dixital máis realista, auténtico e cómodo.
Baseado nos principios do espazo en branco, bordos definidos, cores vibrantes e ilustracións en 2D ou "planas", o deseño plano ofrece un estilo versátil que fai uso frecuentemente de técnicas como a iconografía de liñas e as sombras longas.
- Pantallas divididas
Mellor usado cando tes dúas áreas igualmente importantes para promocionar ou queres ofrecer contido xunto con fotos ou medios, as pantallas divididas son un novo xeito de ofrecer unha experiencia de usuario divertida e atrevida.
Ao permitir aos usuarios escoller o seu contido e experiencia, pode crear unha experiencia de tipo portal que atrae aos visitantes a entrar.
- Soltando o Chrome
En alusión aos paragolpes e adornos cromados dos coches clásicos, "cromo" refírese aos contedores dun sitio web (os menús, cabeceiras, pés de páxina e bordos) que encapsulan o contido principal.
Isto pode distraer e moitas empresas optan por liberarse dos contedores e crear esquemas limpos e de borde a bordo sen bordos, cabeceiras nin pés de páxina.
- Esqueza o pregamento
"Por riba do dobre" está a xerga dun xornal para a metade superior da primeira páxina dun xornal. Dado que os xornais adoitan dobrarse e colocarse en caixas e pantallas, o contido máis atractivo vai por riba do dobre para darlles a mellor oportunidade de coller un lector potencial (e a súa carteira).
O deseño de sitios web leva moito tempo empregando a idea dun dobre no principio de que o desprazamento era gravoso. Pero recentemente, as imaxes e o contido en pantalla completa saúdan a un usuario e animan a desprazarse para desvelar contido adicional máis profundo.
- Vídeo en pantalla completa
O vídeo pode ser unha boa forma de captar a atención dos visitantes e, a miúdo, é incluso máis eficaz que os visuais ou os textos. Os vídeos en bucle como os que Apple usa para o Apple Watch son un xeito único de dar un ton e atraer aos visitantes.
Fai clic para ver HighbridgeO vídeo na súa páxina de inicio
Cando se trata de deseño web, moitos compoñentes específicos serán ditados pola súa industria, nicho, mercado obxectivo e contido. O seu deseño dependerá do que respondan os visitantes e do que teña máis sentido para a súa mensaxe. Pero con estas tendencias na man, terás todo o que necesitas para crear un sitio web atractivo que faga o que necesitas e que demostre que sabes seguir o tempo.
