Tendències del disseny de llocs web del 2016 a tenir en compte abans de crear el vostre lloc

dk new media lloc 1

Hem vist moltes empreses avançar cap a una experiència més neta i senzilla per als usuaris de llocs web. Tant si sou un dissenyador, un desenvolupador o simplement us encanten els llocs web, podeu aprendre alguna cosa donant una ullada a com ho fan. Prepareu-vos per inspirar-vos!

  1. Animació

Deixar enrere els primers i alegres dies de la xarxa, amb gifs intermitents, barres animades, botons, icones i hàmsters que ballen, l’animació avui significa crear accions interactives i sensibles que millorin la narració d’històries i proporcionin una experiència d’usuari rica.

Alguns exemples d’animació rica inclouen animacions de càrrega, navegació i menús, animacions per sobre, galeries i presentacions de diapositives, animació de moviment, desplaçament i animacions i vídeos de fons. Consulteu aquest lloc de Beagle, una plataforma de gestió de propostes:

Lloc web animat de Beagle

Feu clic per veure l’increïble animació de JavaScript i CSS de Beagle quan navegueu pel seu lloc.

Una rica animació també es pot veure en microinteracció. Per exemple, a LinkedIn, un usuari pot passar el cursor per sobre d’una targeta per obtenir un subtil menú emergent d’opcions i, després, triar ometre la història o fer altres accions.

Les animacions GIF han ressorgit (amb alegria?) I es poden utilitzar per a molts propòsits diferents, com ara comèdies, demostracions i fins i tot només per a decoració.

  1. Disseny de materials

Disseny de materials, un llenguatge de disseny desenvolupat per Google, es basa en els elements del disseny basat en la impressió (tipografia, quadrícules, espai, escala, color i ús d’imatges), juntament amb animacions i transicions sensibles, farcits i efectes de profunditat com la il·luminació i les ombres a proporcionar una experiència d'usuari més realista, atractiva i interactiva.

El Disseny de materials utilitza ombres, moviments i profunditat per oferir una estètica neta i moderna amb un enfocament en l’optimització de l’UX sense massa campanes i xiulets.

Altres exemples de disseny de materials inclouen imatges de punta a punta, tipografia a gran escala i espai en blanc intencionat.

Concepte de redisseny de disseny de materials per a Android de Youtube

  1. Disseny pla

Tot i que el Disseny de materials ofereix una aproximació al concepte de minimalisme, el disseny pla continua sent l’elecció clàssica per als amants de les línies netes. És a dir, el disseny pla sovint es veu com un aspecte digital més realista, autèntic i còmode.

Agulla espacial

Basat en els principis d’espai en blanc, vores definides, colors vius i il·lustracions 2D o “planes”, el disseny pla ofereix un estil versàtil que utilitza freqüentment tècniques com la iconografia de línies i les ombres llargues.

Lander

  1. Pantalles dividides

S’utilitza millor quan teniu dues àrees igualment importants a promocionar o voleu oferir contingut al costat de fotos o suports, les pantalles dividides són una nova manera d’oferir una experiència d’usuari divertida i audaç.

pantalla dividida

En permetre als usuaris triar el seu contingut i experiència, podeu crear una experiència de tipus portal que convidi els visitants a entrar-hi.

pantalla dividida-oceà

  1. Deixant anar Chrome

En referència als para-xocs i adorns cromats dels cotxes clàssics, "crom" fa referència als contenidors d'un lloc web (els menús, les capçaleres, els peus de pàgina i les fronteres) que encapsulen el contingut bàsic.

temps de crom

Això pot distreure i moltes empreses opten per alliberar-se dels contenidors i crear dissenys nets, de vora a vora, sense fronteres, capçaleres ni peus de pàgina.

crom-endavant

 

  1. Oblida't del plec

"Per sobre del plec" hi ha l'argot del diari per a la meitat superior de la primera pàgina d'un diari. Com que els diaris sovint es plegen i es col·loquen en caixes i pantalles, el contingut més atractiu supera el plec per donar-los la millor oportunitat d’agafar un lector potencial (i la seva cartera).

El disseny de llocs web fa temps que utilitza la idea d’un plec sobre el principi que el desplaçament era pesat. Però recentment, les imatges i el contingut a pantalla completa saluden els usuaris i animen a desplaçar-se per donar a conèixer contingut addicional i més profund.

taca de llavor

  1. Vídeo de pantalla completa

El vídeo pot ser una manera excel·lent d’atraure l’atenció dels visitants i, sovint, és encara més eficaç que el visual o el text. Els vídeos en bucle com els que utilitza Apple per a l'Apple Watch són una manera única de donar un to i atraure els visitants.

DK New Media

Feu clic per veure DK New Mediadel vídeo a la seva pàgina principal

Pel que fa al disseny de llocs web, la vostra indústria, nínxol, mercat objectiu i contingut determinaran molts components específics. El vostre disseny dependrà de què responguin els visitants i del que tingui més sentit per al vostre missatge. Però amb aquestes tendències a la mà, tindreu tot el que necessiteu per crear un lloc web atractiu que faci el que necessiteu i que demostri que sapigueu estar al dia dels temps.

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.