Tendències Consolidades el 2016

 

A principis d’any van aparèixer diverses tendències en el disseny de pàgines web, i després d’uns mesos de treball, la gran majoria d’elles s’han consolidat en el panorama de la creació web.


Encara que no cal utilitzar en un mateix lloc web totes aquestes pràctiques i moltes més que no apareixen en aquest article, sí que és convenient tenir-les en compte i aplicar-ne algunes en els nostres treballs, així les nostres creacions sempre estaran al dia pel que fa a disseny i funcionalitats
.

 

MINIMALISME

 

Minimalismo

Els missatges que volem transmetre als nostres clients han de ser clars i directes, desproveïts de “pols i palla”, ressaltant només les característiques més importants, així doncs la nostra pàgina web serà un reflex del nostre missatge principal, on quedi molt clar el nostre objectiu, amb imatges eloqüents, textos curts i concisos i poca publicitat o cap que pugui distreure l’usuari.

FLAT DESIGN

 

Flat-Design

El “Flat Design” o disseny pla segueix sent un dels estils de disseny web més utilitzats, ja que està exempt d’adornaments innecessaris com ombres, efectes 3D, etc … que poden provocar distraccions en l’usuari. La seva fortalesa se segueix refermant, gràcies també a l’augment de dissenys orientats a dispositius mòbils. És l’estil utilitzat en iOS d’Apple.

MATERIAL DESIGN

 

Material-Design

Un altre dels estils en augment és el “Material Design”, creat per Google per als dispositius Android, està basat en el món real dels materials i tot i que també prové del Flat Design, la profunditat, les vores i els colors són característiques primordials en aquest tipus de disseny.

TIPOGRAFÍES GRANS

 

Tipografia-Grande

La utilització de tipografies grans, que comuniquin per la seva presència més que pel seu contingut són cada vegada més utilitzades en el disseny de pàgines web.
Aquest tipus de tipografies solen anar superposades en imatges, augmentant així encara més el seu missatge.

BACKGROUND VÍDEOS

 

Background-Video

Comença a ser cada vegada més comú posar un vídeo de fons a la pàgina web en comptes d’una imatge estàtica. El vídeo ha d’ocupar tota l’amplitud de la pàgina i reflectir els valors i característiques de la nostra marca.
Tal com diu la dita “Una imatge val més que mil paraules”, podríem modificar-la dient que “Un vídeo val més que mil imatges”.

ANIMACIONS

 

Animación Efecto Hover

Si bé és cert que el minimalisme tal com hem comentat abans és primordial per oferir el nostre missatge, tampoc es tracta de crear un lloc web estàtic i insípid. Unes quantes animacions subtils i elegants, que no cansin als nostres usuaris, donaran un toc de distinció a la nostra pàgina web.
Efectes de Paralax en els Scrolls, efectes Loaders en nombres i barres progressives, petits efectes Hover en situar el ratolí a sobre d’algun objecte o transicions SlideShow d’imatges, poden ser alguns dels efectes amigables al nostre lloc web.

LONG SCROLL

 

Long Scroll

El Long Scroll és una altra de les característiques que s’han refermat aquest 2016. Atès que cada vegada s’utilitzen més els dispositius mòbils per navegar per la xarxa, moltes pàgines web estan adoptant aquest Scroll Llarg a la seva pàgina principal.
El Scroll Llarg també ens permet explicar una història de forma fluïda. Un bon exemple del Long Scroll són les pàgines del web d’Apple.

HERO IMAGES

 

Hero-Images

Són les imatges de gran format que ocupen tota la pantalla quan accedim a una pàgina web actual. Solen ser de gran qualitat i espectaculars, donant a conèixer d’un sol cop d’ull el que ofereix la web. També s’utilitzen com a fons de títols i acompanyades amb l’efecte Paralax.

MENÚS HAMBURGUESA

 

Menu-Hamburguesa

Aquesta és una altra característica que s’està utilitzant cada vegada més en el disseny de pàgines web, i igual que el Long Scroll ve heretat dels dispositius mòbils. Les tres ratlles horitzontals que ens despleguen el menú, són ideals per als dissenys minimalistes, proporcionant una presentació clara i neta.

DISSENY RESPONSIVE

 

Responsive

Ja hem vist com algunes de les tendències han sorgit a conseqüència de la massiva utilització de dispositius mòbils, doncs bé, això ja ens dóna una idea de la importància de dissenyar una pàgina web per a qualsevol tipus de dispositiu, el que anomenem disseny “responsive” . Avui en dia és impensable realitzar un disseny web pensant només en les pantalles d’ordinador, tant és així que la majoria de les eines i constructors web ja ens ajuden amb el disseny responsive, mostrant-nos com quedaria la nostra web en els diferents dispositius i aplicant particularitats per cada un d’ells.

OPTIMITZAR LA VELOCITAT DE CÀRREGA

 

Velocidad-de-Carga

Per finalitzar, una de les característiques que és vital per a la nostra pàgina web si volem que aquesta es posicioni bé en els cercadors, és que estigui optimitzada perquè el temps de càrrega sigui el mínim possible. Per a Google, el temps que triga la pàgina en carregar és un dels factors de classificació més importants. De fet si ens posem al costat de l’usuari i la pàgina càrrega lenta, ens generarà un estat d’impaciència que ens farà abandonar la pàgina i possiblement no tornar-hi més.

Altres Tendències

A més de les bones practiques relacionades en aquest article, podríem fer referència a moltes altres com ‘Utilització de colors atrevits’, ‘Dissenys amb targetes tipus Pinterest’, ‘Estil Vintage’, ‘Formularis de pantalla completa’, ‘Enllaços a xarxes socials’ i moltes més …

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Pin It on Pinterest

Share This