Tendencias a considerar no deseño de sitios web 2016 antes de crear o seu sitio

dk new media sitio 1

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.

  1. 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:

Sitio web animado de Beagle

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.

  1. 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.

Youtube Android Material Design Redesign Concept

  1. 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.

Agulla Espacial

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.

lander

  1. 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.

pantalla dividida

Ao permitir aos usuarios escoller o seu contido e experiencia, pode crear unha experiencia de tipo portal que atrae aos visitantes a entrar.

división-pantalla-océano

  1. 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.

tempo de cromo

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.

cromo-adiante

 

  1. 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.

mancha de semente

  1. 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.

DK New Media

Fai clic para ver DK New MediaO 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.

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.