Per estar al dia i poder oferir als nostres clients els millors dissenys web, és imprescindible mantenir-se al corrent de les últimes tendències en disseny digital.
Com que ens agrada avançar-nos, en aquest article repassem les tendències en disseny web que marcaran el 2018.
Actualitzem la nostra sèrie: descobreix les tendències de disseny web 2026 que definiran la nova generació de llocs digitals.
Tendències disseny web 2018, rendiment i interacció
Objectes vectorials animats
El disseny vectorial està més de moda que mai. Si, a més, hi afegim animació, aconseguim una combinació entre senzillesa i sofisticació.
Podem incorporar elements interactius que reaccionin al passar-hi el cursor o fer-hi clic, amb l’objectiu de captar l’atenció de l’usuari.
Per integrar aquest tipus d’experiències al nostre web, podem utilitzar SVG o l’element Canvas.
Us recomanem donar un cop d’ull a llibreries com Lazy Line Painter per a SVG i P5JS per a Canvas.
Sens dubte, serà una de les tendències destacades del 2018 en disseny web.
Ús de l’espai negatiu
L’espai negatiu guanyarà protagonisme aquest 2018 a l’hora de dissenyar pàgines web. Tant si és a través d’imatges, vídeos o tipografies, fer-ne un bon ús donarà un aire contemporani i net al nostre disseny.
Negretes i tipografies amb caràcter
Les tipografies amb presència i força continuaran sent tendència, com ja ho són des de fa temps. Han quedat enrere els dies de tipografies primes: ara triomfen les negretes i les lletres amb pes.
Les combinacions entre Serif i Sans també seran molt ben rebudes, i per tant, una aposta clara pel 2018. Si sabem jugar amb els pesos i la combinació visual, podem aconseguir un contrast molt atractiu, sempre que escollim amb criteri cada estil per a cada ús.
Cinemagraphs
Els cinemagraphs són una fusió entre una imatge estàtica i un vídeo en moviment, creant un efecte visual que capta poderosament l’atenció.
Tot i que seran tendència aquest 2018, caldrà utilitzar-los amb criteri i justificació. Com que incorporen elements de vídeo, poden augmentar el pes de la pàgina i afectar la càrrega en connexions amb amplada de banda limitada. A més, recordem que els usuaris mòbils solen evitar vídeos quan no disposen de wifi.
Un bon ús dels cinemagraphs pot ser com a efecte hover en un bloc o com a imatge de capçalera. A partir d’aquí, segur que sorgiran noves aplicacions creatives que encara no hem imaginat.
Et convidem a seguir-nos a Facebook per estar al dia de cada nova publicació d’inspiració… i atenció, perquè estem preparant alguna cosa especial i exclusiva per als nostres seguidors per a finals de 2018! Segueix-nos!
Scroll i animacions
El fet que el contingut es carregui a mesura que l’usuari fa scroll és una tendència que ja fa temps que veiem, però que cada cop guanya més força.
Un disseny web que mostra el contingut de manera animada mentre l’usuari navega, fa que aquest se senti part del lloc. Així, el web es percep molt més viu i atractiu.
Elements enganxats a la part inferior del web
Amb l’auge dels dispositius mòbils, cada cop veurem més com els menús deixen de situar-se a la part superior per passar a la inferior de la pantalla.
La raó és senzilla: en termes d’usabilitat, el gest més còmode per navegar és utilitzar el polze, que naturalment busca la part inferior.
Si prenem les apps com a referència en disseny i usabilitat per a mòbils, totes coincideixen: els menús enganxats a la part inferior.
Elements 3D interactius
Els elements 3D animats o interactius continuaran sent protagonistes dels millors dissenys web. Aquest tipus d’objectes sorprenen l’usuari, ja que no són habituals dins d’un navegador i aconsegueixen submergir-nos en el lloc web.
Una de les llibreries més interessants per crear animacions 3D és Three.js. Us animem a explorar-la, val molt la pena.
També et pot interessar…
Si busques inspiració web, dona un cop d’ull al post sobre els millors dissenys web 2017 2018!
